a javascript library to visualize an array of RDF triples into an HTML page
Current stage: planning - alpha version
We use a HTML data attribute data-rdftohtml-plugin
to determine where to inject HTML generated from the plugins, for example for the map plugin:
<div data-rdftohtml-plugin='map'></div>
Somewhere in the HTML code, you should include the triples in turtle format:
<script id="turtle" type="text/turtle">
@base <http://semweb.mmlab.be/ns/oh#> .
@prefix owl: <http://www.w3.org/2002/07/owl#> .
<http://semweb.mmlab.be/ns/oh> a owl:Ontology;
</script>
You can customize this HTML to fit your page's lay-out. Be sure to add script tags for the rdf2html and run it.
Some guidelines:
You're creating a particular visualization: e.g., you want to display an ontology, you want to display something on a map, you want to show some meta-data, etc. If there is already a visualization for what you want to do, e.g., a map or an ontology visualizer, integrate it in the specific code. If you want to do something completely new, then go ahead and add your own javascript class.
- Node.js
- n3
- jquery
- uglifyjs: to install run
sudo npm install -g uglify-js
- Browserify: to install run
sudo npm install -g browserify
Or us
Clone this repository, run browserify rdf2html.js | uglifyjs > build/rdf2html.js
, use the build javascript file.
Currently, we support these ontologies:
- geo
- owl/rdfs
We want you to contribute, or we are planning to contribute these in the future:
- apps4eu
- foaf
- dcterms
- dbpedia-owl
- dcat
- data cube
- oslo: http://purl.org/oslo#
- opening hours: http://semweb.mmlab.be/oh#
- schema: http://schema.org/
Ghent University - MMLab - iMinds: Miel Vander Sande, Pieter Colpaert
We Open Data: Michiel Vancoillie
© 2014 - Ghent University - MIT License