mpana/copilot
1
0
Fork 0
mirror of https://github.com/yldio/copilot.git synced 2024-12-01 07:30:07 +02:00
Code Issues Releases Wiki Activity

Update colour of warning

Browse Source
This commit is contained in:
Tom Gallacher 2016-12-06 17:13:21 +00:00
parent d82a43d1e3
commit fb98af153a
2 changed files with 2 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
spikes/architecture/d3-revamp/README.md
View File

@ -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)

2
spikes/architecture/d3-revamp/index.html
View File

@ -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('cx', function () { return d3.select(this.parentNode).select('.primary').node().getBBox().width + 30 })
.attr('cy', '64') .attr('cy', '64')
.attr('stroke-width', '0px') .attr('stroke-width', '0px')
.attr('fill', 'rgb(229, 163, 57)') .attr('fill', 'rgb(227, 130, 0)')
.attr('r', '9px') .attr('r', '9px')
// An icon or label that exists within the circle, inside the infobox // An icon or label that exists within the circle, inside the infobox