0.7.7 • Published 8 months ago

@zazuko/rdf-entity-webcomponent v0.7.7

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

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

PropertyAttributeModifiersTypeDefaultDescription
datasetfalseObjectundefinedA rdf-dataset
termsfalseArrayundefinedAn array of rdf-terms to be displayed with priority
technicalCuestechnical-cuesBooleanfalseDisplay information such as languages or datatypes
compactModecompact-modeBooleanfalseGroup repeated properties or values for a compact visualization
preferredLanguagespreferred-languagesArray'en', 'fr', 'de', 'it'A list of the languages to show in the labels, ordered by priority
embedBlankNodesembed-named-nodesBooleanfalseRecursively embeds any blank node positioned as an object
embedNamedNodesembed-blank-nodesBooleanfalseRecursively embeds any named entity positioned as an object
embedListsembed-listsBooleanfalseDisplay rdf-lists as ordered lists
highlightLanguagehighlight-languageBooleanfalseHighlights literals matching prefered language
maxLevelmax-levelNumber3The maximum depth of the trees
showImagesshow-imagesBooleanfalseembeds images denoted by schema:image or foaf:img