Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Clickable Circles

Public visualization

Scatter Plot with Clickable Circles

0 stars0🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Sep 24, 2025
Created on Sep 24, 2025

A scatter plot displays car model data with circles plotted according to continuous axes. The visualization uses D3 v7 with a unidirectional data flow pattern, where clicking any circle highlights it by changing its fill to white and adding a black stroke, while resetting all other circles to black fills without strokes. The rendering pipeline uses D3 selectors with `.join` operations to manage SVG circles, and the interaction is implemented through mouse click event listeners that update the selected state and trigger a re-render.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed