Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

f41b344eaab844fba722e2fa305cda30

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Ssaiyogesh9911@gmail.com
Last edited Mar 27, 2024
Created on Mar 27, 2024

This visualization presents a reusable scatter plot of the Iris dataset, dynamically cycling through four numeric attributes for the x-axis while keeping sepal length fixed on the y-axis. Using D3.js v6 with SVG rendering, it updates every two seconds via `setInterval` and a configurable `scatterPlot` function that leverages `scaleLinear`, `axisBottom`, and `axisLeft`. The plot reads data from a cleaned CSV file and animates transitions smoothly. The code demonstrates a modular chart pattern, highlighting how D3’s data joins and selections handle real-time updates.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.