Skip to main content
100%

Fork of Reusable D3 Scatter Plot - MBB

✓ Published0🌍 Public
Ppmbhupathibalu@gmail.com
Last edited Mar 28, 2024
Created on Mar 27, 2024

This example visualizes the Iris dataset as an animated scatter plot, cycling through four chemical attributes—citric acid, sulphates, residual sugar, and alcohol—on the x-axis while keeping citric acid fixed on the y-axis. It shows how different feature pairs correlate across the dataset’s samples. The visualization uses D3.js v6 with `scaleLinear` and `extent` for scales, `axisLeft` and `axisBottom` for axes, and a reusable chart pattern via `scatterPlot()`. A `setInterval` triggers updates every two seconds, rebinding the x-value accessor and redrawing the SVG circles to animate the transitions.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes