diff --git a/spikes/architecture/d3-revamp/README.md b/spikes/architecture/d3-revamp/README.md index 9304b03b..08f0e276 100644 --- a/spikes/architecture/d3-revamp/README.md +++ b/spikes/architecture/d3-revamp/README.md @@ -1,14 +1,3 @@ -# D3 graph layouts +# Example -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. - -## Research - -- React http://formidable.com/blog/2015/05/21/react-d3-layouts/ - -![screenshot from 2016-11-04 16-48-29](https://cloud.githubusercontent.com/assets/524382/20059671/5ab66080-a4ef-11e6-94d6-d09bbaa9a76a.png) diff --git a/spikes/architecture/d3-revamp/index.html b/spikes/architecture/d3-revamp/index.html index 85dc2f2c..742535ea 100644 --- a/spikes/architecture/d3-revamp/index.html +++ b/spikes/architecture/d3-revamp/index.html @@ -246,7 +246,7 @@ d3.json('services.json', function(error, graph) { .attr('cx', function () { return d3.select(this.parentNode).select('.primary').node().getBBox().width + 30 }) .attr('cy', '64') .attr('stroke-width', '0px') - .attr('fill', 'rgb(229, 163, 57)') + .attr('fill', 'rgb(227, 130, 0)') .attr('r', '9px') // An icon or label that exists within the circle, inside the infobox