Skip to main content
100%

Dynamic Axis Scatter Plot with Styles

✓ Published1🌍 Public
JJohn Huang
Last edited Jun 16, 2021
Created on Jun 14, 2021

An interactive scatter plot displays the Iris flower dataset, allowing users to dynamically select which numeric attributes appear on the x and y axes via dropdown menus. The visualization uses React for component management and D3 v6’s `scaleLinear`, `extent`, and `csv` for data loading and scaling, rendering SVG circles as marks. Axis components generate ticks and labels dynamically, while the x-axis formats tick values using a `format('.2s')` function. User selections update the state, triggering re-renders of the axes and scatter points.

AI-generated description

A program that loads data via d3.

MIT Licensed

Similar vizzes