Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Draggable Circles with Voronoi Overlay

Public visualization

Viewing a saved revision (read-only)

46df1bbb19ce4cecb108de256e566fd3

Draggable Circles with Voronoi Overlay

0 stars1🌍 Public
CCurran Kelleher
Last edited Mar 1, 2024
Created on Feb 29, 2024

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 description