Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working stuff out - zz

Public visualization

Viewing a saved revision (read-only)

790b2c3d0b434973aaf35e5b1ad91753

Working stuff out - zz

1 star1🌍 Public
Jjsong
Last edited Jan 15, 2020
Created on Jan 15, 2020

This example presents an interactive scatter plot of the auto-mpg dataset, where users can select which numeric column to display on the x- and y-axes via dropdown menus. The visualization uses React for UI components and d3.v5 for rendering SVG circles, axes, and grid lines. Data points are colored based on their x-axis position using a custom color scale, and circles pulse with a brief transition animation when the axis selection changes. The code leverages d3’s `scaleLinear`, `extent`, `axisBottom`, `axisLeft`, and `transition` APIs to update the chart smoothly.

AI-generated description