joyent-portal/spikes/architecture/d3
Tom Gallacher e6f82830bb spikes: architecture digram looks nicer
This fixes the rounded rectangles not looking correctly and shows as a
proof of concept what is needed for more complicated shapes. In this
example we implement the two rounded corners of a rectangle as a svg
`path` which is abstracted away as a function. Further steps could be
made to make this a d3 shape, however is not needed at this stage.
2016-11-08 14:12:16 +00:00
..
index.html spikes: architecture digram looks nicer 2016-11-08 14:12:16 +00:00
README.md Spikes of d3 and sigma.js 2016-11-07 13:57:21 +00:00
services.json Spikes of d3 and sigma.js 2016-11-07 13:57:21 +00:00

D3 graph layouts

D3 v4, has a nice force directed graph set of features, that allows you to implement features in the graph with ease. By just manipulating the nodes using svg attributes and css. This with the addition that D3 is a very well respected and widely used toolkit, makes finding documentation and developer speed a breeze.

It does seem to slow down on larger nodes, but this is mainly due to the built in force directed animation, disabling this, or computing this in a web-worker can speed up things considerably.

As a developer I found my self more productive with the API that d3 exposes, and was able to accomplish more in the same time as other frameworks.

screenshot from 2016-11-04 16-48-29