Sunday, March 12, 2017

D3 mindmaps and tutorials

Mindmaps with D3:

http://thomasrickard.uk/articles/d3---mindmaps-%28v4%29-13-08-2016.html

D3 Force Directed Graph (curved edges) http://jsfiddle.net/skysigal/gp0u5rLu/
I will need these if there are two or more triples that share the same subject and object.

D3 Tutorials from Slideshare:

https://www.slideshare.net/josdirksen/learn-d3js-in-90-minutes

https://www.slideshare.net/YoungHoKim6/a-quick-and-dirty-d3js-tutorial?next_slideshow=1

https://www.slideshare.net/miconi/d3introduction?next_slideshow=2

Collision Detection:

http://fwz.github.io/2013/09/15/learn-d3-the-hard-way-(1)----collision-detection/

related to: https://bl.ocks.org/mbostock/1747543
https://bl.ocks.org/mbostock/3231298

Nodes and edges:

http://stackoverflow.com/questions/17920704/avoid-collision-between-nodes-and-edges-in-d3-force-layout

I suppose the collision between nodes and edges is like the collision between a node and a line of nodes. Think Analytical Geometry! You also need to worry about the labels as well.

Link Length:

https://gist.github.com/sathomas/83515b77c2764837aac2

No comments:

Post a Comment