Skip to main content
100%

Fork of Reusable D3 Scatter Plot-ICE7

✓ Published0🌍 Public
Rrajasrilekkala
Last edited Mar 27, 2023
Created on Mar 27, 2023

This example presents a reusable scatter plot built with D3.js, visualizing the classic Iris flower dataset across multiple dimensions. The chart animates every two seconds, cycling the x-axis through four measured attributes—petal width, sepal width, petal length, and sepal length—while the y-axis remains fixed on sepal length. The code uses `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render axes and circles, with `setInterval` driving the parameter changes. The visualization is implemented as a reusable chart function, using SVG for rendering and data joins via `.join('circle')` to update points smoothly.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes