D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
zanarmstrong
Full window
Github gist
Exploring Voronoi polygons, Delaunay triangles, and circumcircles
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Exploring Voronoi</title> <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> <script type="text/javascript" src="datgui-min.js"></script> <link rel="stylesheet" href="voronoi.css"> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> </head> <body> <p id="instructions">Explore <a href="https://en.wikipedia.org/wiki/Voronoi_diagram">Voronoi diagrams</a> and <a href="https://en.wikipedia.org/wiki/Delaunay_triangulation">Delaunay triangulation</a>. <strong>Click to add dots.</strong> Drag dots to move them.</p> <label id="form" for="show-voronoi" class="form"> <input type="checkbox" id="show-voronoi" checked> Show Voronoi Polygons </label> <label id="form2" for="show-triangles" class="form"> <input type="checkbox" id="show-triangles" checked> Show Delaunay Triangles </label> <label id="form3" for="show-circles" class="form"> <input type="checkbox" id="show-circles" checked> Show Circles </label> <label id="form4" for="show-circleCenters" class="form"> <input type="checkbox" id="show-circleCenters"> Show Circle Centers </label> <section id="box" class="main"> </section> <!-- call JS files --> <script src="voronoi.js"></script> </body> </html>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js