Experiments Displaying Triples and Substitutions along with a Force Directed Graph in Node-arc-d3

Refer to the repository at: https://github.com/bshambaugh/node-arc-d3/

Step (1): Initiate loading the file of your choice.

Step (2): Confirm you want to load it.

Step (3) : View the Loaded Graph

Step (4) : View the data used for the graph in the top right box, and the substitutions used for the graph in the bottom right box

Step (5) :  View the html that contains the divs containing the data used for the graph in the top right box, and the substitutions used for the graph in the bottom right box

 

Step (6) :  View the d3sketch.js called by the Load File / LDP container button event that writes to the divs

 

Step (7) :  Modify the primitives object in createprimitives.js so the d3sketch.js file can expose the triples

Step (8) : Modify the d3sketch.js file so that it exposes the triples from the object passed from createprimitives.js

 

Step (9) : View the triples loaded in the div in the top right hand corner of index.html

Edit: Thursday September 7th:

Modify d3sketch code to change the display of triples and prefixes.