Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Círculos Interaction state

Public visualization

Círculos Interaction state

0 stars0🌍 Public
Ffcordon@pin.upv.es
Last edited Feb 9, 2025
Created on Feb 9, 2025
Forked from Clickable Circles

Seven pastel circles on a light green background respond to clicks. Clicking a circle raises it to the top and adds a thick black outline, while clicking the background removes the highlight. The example uses d3-selection’s `join` for data binding and `on` event listeners to update a `selectedId` in the shared state. The data is a static array of circle positions and radii, rendered as SVG elements.

AI-generated description

Click on a circle to see it highlight!

For examples of this in various frameworks, see d3-rosetta

Comments

Sign in to join the discussion.

MIT Licensed