Rdf-entity-webcomponent NPM

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	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