Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

spikes: architecture diagram nodes repel from each other

Browse Source
This commit is contained in:
Tom Gallacher 2016-11-07 16:36:53 +00:00
parent 6004ca61b8
commit 1149f7e6c8
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
spikes/architecture/d3/index.html
View File

@ -29,9 +29,10 @@ var svg = d3.select('svg'),
var color = d3.scaleOrdinal(d3.schemeCategory20); var color = d3.scaleOrdinal(d3.schemeCategory20);
var simulation = d3.forceSimulation() var simulation = d3.forceSimulation()
.force('charge', d3.forceManyBody().strength(() => -50).distanceMin(() => 30))
.force('link', d3.forceLink().distance(() => 200).id(function(d) { return d.id; })) .force('link', d3.forceLink().distance(() => 200).id(function(d) { return d.id; }))
.force('charge', d3.forceManyBody()) .force('collide', d3.forceCollide().radius(function(d) { return 128 + 0.5; }).iterations(2))
.force('center', d3.forceCenter(width / 2, height / 2)); .force('center', d3.forceCenter(width / 2, height / 2))
function rightRoundedRect(x, y, width, height, radius) { function rightRoundedRect(x, y, width, height, radius) {
return 'M' + x + ',' + y // Move to (absolute) return 'M' + x + ',' + y // Move to (absolute)