Skip to content

Latest commit

 

History

History
46 lines (35 loc) · 1.94 KB

README.md

File metadata and controls

46 lines (35 loc) · 1.94 KB
Raw

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.