Tuesday, August 15, 2017

1st Stages of Exploring Sigma.js for use with RDF data


Use case: make graphs zoomable to deal with increased complexity


Provided in Sigma.js by camera. It is in the basic example.
https://github.com/jacomyal/sigma.js/blob/master/examples/basic.html

Use case: I need curved edges to allow multiple connections between nodes.

https://github.com/jacomyal/sigma.js/blob/master/examples/plugin-edgeDots.html





Use case: different shapes for different classes in an ontology, or things like ldp:containers.

https://github.com/jacomyal/sigma.js/blob/master/examples/plugin-customShapes.html

Compare to: https://www.w3.org/2001/11/IsaViz/gss/gssmanual.html
(gss:shape)

Use case: use custom edges to label uni-directional and bi-directional relationships:

https://github.com/jacomyal/sigma.js/blob/master/examples/plugin-customEdgeShapes.html


Example (directed relationships in REA/OVN-like ontology):


Load external JSON file in Sigma.JS (modify this to deal with RDF data)
https://github.com/jacomyal/sigma.js/blob/master/examples/load-external-json.html
(see mailing list)

See these locally in:
/var/www/html/sigma.js/examples

Boundaries Make Use of the Map function in D3

Following the jsfiddle for boundaries in d3.js:
http://jsfiddle.net/yeQS2/114/


I am using the map function
https://stackoverflow.com/questions/16058791/d3-js-how-to-use-map-function

the link the to d3 documentation does not work, but browsing gives:
https://github.com/d3/d3-collection/blob/master/README.md#map