Skip to main content
100%

Fork of Reusable D3 Scatter Plot

✓ Published0🌍 Public
SSheshidharreddy
Last edited Mar 22, 2022
Created on Mar 22, 2022

This visualization displays the Iris Dataset as an animated scatter plot, cycling through four different variable pairings every two seconds. The plot demonstrates a reusable D3 chart pattern, where the `scatterPlot` function encapsulates scales, axes, and circle rendering. Using d3.scaleLinear for positioning, d3.axisLeft and d3.axisBottom for ticks, and d3.join for efficient circle updates, the SVG animation smoothly transitions between petal width, sepal width, petal length, and sepal length on the x-axis. Data loads asynchronously via d3.csv from a GitHub Gist.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes