Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart

Public visualization

Viewing a saved revision (read-only)

4f984436c413471cbe31fac5fc18d4c8

Line Chart

0 stars3🌍 Public
MMark Lam
Last edited May 4, 2022
Created on Jul 20, 2021
Forked from Line Chart

A line chart displays weekly temperature trends over time, using a smooth curved path generated with D3’s `line()` and `curveNatural` to connect data points from a CSV file. The chart includes circular markers for each observation, with axes and labels rendered as SVG elements. D3 scales (`scaleTime`, `scaleLinear`) map timestamps and temperature values to pixel coordinates, while custom `AxisBottom` and `AxisLeft` components draw ticks and gridlines. The React app loads the data via D3’s `csv()` and renders the interactive visualization on an SVG canvas.

AI-generated description

Axes with 3D