Skip to main content
100%

Activity 7

✓ Published1🌍 Public
Aanjalimadhavi98@gmail.com
Last edited Oct 30, 2024
Created on Oct 30, 2024

This animated scatter plot, styled as a reusable D3.js component, visualizes the Iris dataset, cycling through different feature pairs on the x-axis (petal width, sepal width, petal length, sepal length) while plotting sepal length on the y-axis. It shows the distribution of three iris species—setosa, versicolor, and virginica—with color-coded circles. The visualization initially renders circles using SVG attributes, then repeatedly invokes the `scatterPlot` function with `d3.scaleLinear` axes and updates at fixed intervals via `setInterval`. It loads CSV data asynchronously with `d3.csv` and includes an SVG-based legend and text labels.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes