Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Clickable Circles

Public visualization

Viewing a saved revision (read-only)

fe15ddc5a6d44d0ba5ab77e9d608ab7d

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