Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Clickable Circles

Public visualization

Fork of Clickable Circles

0 stars0🌍 Public
RRashad Tyler
Last edited Jan 21, 2026
Created on Jan 21, 2026
Forked from Clickable Circles

This example displays seven translucent circles with distinct colors and radii, positioned across a fixed full-screen SVG. Clicking a circle highlights it with a black stroke and brings it to the foreground. The visualization uses D3 v7’s `selectAll` and `join` for rendering, with a unidirectional data flow pattern managing the selected state. Coordinates, sizes, and colors come from a static data array.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed