Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

scatter -> line plot

Public visualization

Viewing a saved revision (read-only)

a985ae12722e40b1ad8f09825c4840c0

scatter -> line plot

0 stars0🌍 Public
XXingming Xu
Last edited Jan 17, 2022
Created on Jan 17, 2022

This example shows how a scatter plot of temperature over time transforms into a line plot by connecting the data points with a smooth path. The visualization uses React to render SVG elements, with d3.scaleTime and d3.scaleLinear for scaling, and d3.line with curveNatural for the connecting curve. Data comes from a CSV file of weekly San Francisco temperatures, loaded via d3.csv. Hovering over each circle reveals a tooltip showing the day of the week.

AI-generated description

A scatter plot of The Iris Dataset.