Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Clickable Circles from CSV

Public visualization

Clickable Circles from CSV

0 stars4🌍 Public
223100098@lums.edu.pk
Last edited Oct 8, 2025
Created on Oct 8, 2025

This example displays a set of colored circles loaded from a CSV file, each positioned and sized by its own coordinates and radius. Hovering over a circle highlights it with a black stroke, using a React state to track the selected circle's ID. The visualization is rendered with D3 v7's `select` and `csv` APIs, alongside React's `useEffect` and `useState` hooks, with circle attributes and mouse events applied via `selection.join`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed