RDF 3D

A force-directed FPS 3D RDF visualizer for the browser written in TypeScript with Three.js and N3.js

Try it online

Run it locally

npm start

and navigate to localhost:8080

Usage

Loading RDF

From a remote URI

Put a URL-encoded URI in the fragment to load remote RDF.

Remote URI MUST support both text/turtle and CORS.

Try it online or locally: http://localhost:8080/#https%3A%2F%2Fquery.wikidata.org... (This visualizes an arbitrary query from the Wikidata SPARQL endpoint.)

From a local file

Put an RDF file serialized as TURTLE in the docs folder and reference it by file name in the fragment: http://localhost:8080/#FibonacciSequenceUntyped.ttl

Layout

• Press L to toggle displaying node and edge labels.
• Press , to decrease edge length.
• Press . to increase edge length.

Navigating

Press SHIFT to toggle between 'trackball' and 'fly' controls.

Trackball (default)

• Click and drag with the mouse to rotate the visualized graph around its center.
• Right click and drag to pan the graph.
• Middle click and drag up and down or scroll to zoom.

Fly

• Move the mouse to look around (pan the camera).
• Click to move forward and right click to move back.
• Press WASD to move forward, back, right and left.
• Press QE to rotate right and left.
• Press RF to move up and down.