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)

9f5490ff53aa41b489faaada0199e9d2

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Ssirenajbpearl@gmail.com
Last edited Aug 2, 2024
Created on Aug 2, 2024

This example shows the classic Iris Dataset as an animated scatter plot, cycling through four measured attributes every two seconds to compare sepal and petal dimensions. It uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes and circles in SVG. A reusable chart function with getter/setter methods updates the x mapping in response to a `setInterval` timer, calling the plot again to refresh marks. Styling uses the Share Tech font with a full-window layout.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.