rdf-entity-webcomponent

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