Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

pseudo-scatter-plot-with-d3

Public visualization

pseudo-scatter-plot-with-d3

0 stars0🌍 Public
CCurran Kelleher
Last edited Jun 23, 2025
Created on Jun 23, 2025

This example presents a clickable scatter plot rendered with D3.js and the d3-rosetta utility library, which enables unidirectional data flow. It loads data from a CSV file containing circle positions, radii, and colors, and renders them as interactive SVG circles. When clicked, a circle becomes highlighted with a black stroke and raised to the front. The visualization demonstrates d3-rosetta’s `unidirectionalDataFlow`, `createStateField`, and `one` utilities, along with D3’s `select`, `csv`, and data joins for updating the DOM.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed