Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

a5ab73c9b01a48a58ae8ef197eb9d928

Fork of Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
GGogineni44
Last edited Mar 29, 2023
Created on Mar 29, 2023

This example visualizes the Iris dataset as an animated scatter plot, cycling through four flower measurements as the x-axis every two seconds. Built with D3 v6, it demonstrates a reusable chart pattern where a `scatterPlot` function encapsulates scales, axes, and circle rendering via `selection.join`. The chart updates smoothly by calling `svg.call(plot)` with new x-value accessors, while D3's `scaleLinear` and `axisLeft`/`axisBottom` handle positioning and ticks. The full-screen SVG renders 150 data points with a fixed radius, using data loaded from a CSV and displayed with a tech-themed font.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.