rdf-entity-webcomponent

v0.7.5
A Web component that displays a Graph Pointer (clownface)

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

screenshot.png

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
npm i rdf-entity-webcomponent

Metadata

  • MIT
  • Whatever
  • Zazuko GmbH
  • released 3/27/2023

Downloads

Maintainers