D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
fogonwater
Full window
Github gist
Draft visualisation of NZ Government structure
<!DOCTYPE html> <html lang="eng"> <head> <meta charset="UTF-8"> <title>NZ Government Structure</title> <script src="https://d3js.org/d3.v4.min.js"></script> <style> body { font-family: Helvetic, Arial, Sans-Serif; color: #333; } div.container { margin-top: 10px; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } .organisation { fill: #808080; } </style> </head> <body> <h3>Structure of NZ Government (very working draft!)</h3> <p>Scroll around to explore. Dark dots are sectors; pale dots are organisations.</p> <div id="chart" style="text-align:center"></div> <script type="text/javascript" src="helpers.js"></script> <script type="text/javascript" src="script.js"></script> </body> </html>
https://d3js.org/d3.v4.min.js