D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
1wheel
Full window
Github gist
flush-cord
<!DOCTYPE html> <meta charset="utf-8"> <style> text{ pointer-events: none; } svg{ overflow: visible; background: black; } body{ margin: 0px; } html{ width: 960px; height: 500px; } circle.large{ fill: none; stroke-dasharray: 5 5; stroke: white; } .connection{ pointer-events: none; fill: rgb(103, 16, 109); stroke: rgb(103, 16, 109); stroke-width: 4; fill: none; } rect{ cursor: pointer; stroke: white; fill: rgb(158, 110, 27); } </style> <body></body> <script src="/1wheel/raw/67b47524ed8ed829d021/d3-3.5.5.js"></script> <script src="/1wheel/raw/67b47524ed8ed829d021/lodash-3.8.0.js"></script> <script src='/1wheel/raw/1b6758978dc2d52d3a37/d3-jetpack.js'></script> <script src='/1wheel/raw/1b6758978dc2d52d3a37/d3-starterkit.js'></script> <script src='/1wheel/raw/5d32ecb8a54b42f53646/geometry.js'></script> <script src='flush-chord.js'></script>