Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Line Chart

Public visualization

Viewing a saved revision (read-only)

dc906bbc36874f33aab45fff475f76e1

Making a Line Chart

0 stars1🌍 Public
MMinh Luong
Last edited Jan 9, 2022
Created on Jan 9, 2022
Forked from Working with Time

This example shows a line chart of weekly temperature readings, with smooth curves connecting data points and circular markers that display values on hover. The chart uses React components for rendering the SVG, with d3.scaleLinear for both axes and d3.line with curveNatural for the path. Axis ticks and labels are generated through custom React components, while the temperature data comes from a local CSV file fetched using d3.csv.

AI-generated description

A scatter plot of The Iris Dataset