Skip to main content
100%

Fork of Reusable D3 Scatter Plot

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

This example demonstrates an animated scatter plot of the Iris dataset, cycling through four different feature pairs every two seconds. The visualization uses D3.js v6 to render SVG circles and axes, with scales and extents computed from the data. The reusable chart module (scatterPlot.js) accepts configurable accessors for x and y values, margin, and radius, while index.js imports the CSV data and drives the animation using setInterval to switch the x-axis mapping. The plot smoothly updates the circle positions and axis ticks, showing relationships between sepal and petal measurements across the dataset's species.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes