Skip to main content
100%

Fork of Reusable D3 Scatter Plot - Colored Scatter

✓ Published0🌍 Public
JJustin Roberts
Last edited Mar 11, 2023
Created on Mar 11, 2023

This example animates the Iris dataset, cycling through different feature-pair combinations on the x-axis every two seconds to reveal how flower species cluster across dimensions. The SVG scatter plot renders colored markers, with a separate set of marks distinguishing species by color and shape. It builds on a reusable `scatterPlot` module that uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to set up the axes, while `d3.csv` loads the data from a Gist. The animation is driven by JavaScript’s `setInterval`, updating the x-value accessor without redrawing the entire chart.

AI-generated description
MIT Licensed

Similar vizzes