Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Resusable Scatter Plot

Public visualization

Resusable Scatter Plot

0 stars0🌍 Public
Ssalimjivani
Last edited Mar 28, 2022
Created on Mar 28, 2022

This interactive demo showcases a reusable scatter plot built with D3.js, visualizing the classic Iris dataset. It cycles through four flower measurements every two seconds, swapping the x-axis variable while maintaining the y-axis, so the changing distributions and correlations between sepal and petal dimensions are easy to compare. The plot uses D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions within a custom `scatterPlot` module, drawing SVG circles and updating them in place with a `setInterval` timer. The data is loaded remotely from a CSV file via `d3.csv`.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed