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)

69e2f5bc9b844073b9e87866b2723867

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
YYashwanth0311
Last edited Mar 26, 2024
Created on Mar 26, 2024

This example shows an animated scatter plot of temperature data over time, cycling through multiple cities from the Iris Dataset. It visualizes yearly temperature readings (in Kelvin) for each city, with circles colored by city and positioned along the x-axis for year and y-axis for temperature. The visualization uses D3.js v7, loading data via `d3.csv`, parsing dates with `d3.timeParse`, and rendering SVG circles with scales like `d3.scaleLinear` and `d3.scaleOrdinal`. A `setInterval` triggers periodic updates, redrawing the plot for each city every two seconds.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.