🌍 Public
Viewing a saved revision (read-only)
82127fdb7c964adc9fa26faf7932c6bb
Draggable Circles with Voronoi Overlay
This example demonstrates a Voronoi diagram overlay on a set of draggable, semi-transparent circles. The visualization uses d3-delaunay to compute the Voronoi tessellation from the circles’ current positions, rendering the cells as stroked paths. Each circle can be dragged via d3.drag, updating its coordinates in the state, which triggers a re-render of both the circles and the updated Voronoi cells. The data consists of six circles with varying radii and colors, and the overlay highlights spatial regions closest to each point.
AI-generated descriptionDraggable circles using d3-drag.