rdf-entity-webcomponent

A Web component that visualizes a dataset in (simple) tabular formats

Usage

The element requires a single property dataset which conforms to the rdf-dataset spec

Alternatively, one can directly specify turtle in the tag

<rdf-entity id="demo">
    <script type="text/turtle">
@prefix schema: <http://schema.org/> .
<http://tbbt.ld/john> a schema:Person ;
                      schema:name "John Doe" ;
                      schema:knows [
                            schema:name "Jane" ;
                        ] .
    </script>
</rdf-entity>

Run the examples

npm install
npm run dev

See the examples folder for details

Screenshot

Properties

| Property | Attribute | Modifiers | Type | Default | Description | |----------------------|-----------------------|-----------|-----------|--------------------------|-----------------------------------------------------------------------------------------------------------| | dataset | false | | Object | undefined | A rdf-dataset | | terms | false | | Array | undefined | An array of rdf-terms to be displayed with priority | | technicalCues | technical-cues | | Boolean | false | Display information such as languages or datatypes | | compactMode | compact-mode | | Boolean | false | Group repeated properties or values for a compact visualization | | preferredLanguages | preferred-languages | | Array | ['en', 'fr', 'de', 'it'] | A list of the languages to show in the labels, ordered by priority | | embedBlankNodes | embed-named-nodes | | Boolean | false | Recursively embeds any blank node positioned as an object | | embedNamedNodes | embed-blank-nodes | | Boolean | false | Recursively embeds any named entity positioned as an object | | embedLists | embed-lists | | Boolean | false | Display rdf-lists as ordered lists | | highlightLanguage | highlight-language | | Boolean | false | Highlights literals matching prefered language | | maxLevel | max-level | | Number | 3 | The maximum depth of the trees | | showImages | show-images | | Boolean | false | embeds images denoted by schema:image or foaf:img |