Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

121fc669516940a9a7c4896b872eab40

Fork of Stylized Line Chart

0 stars0🌍 Public
AAndreas Gies
Last edited Nov 23, 2021
Created on Nov 23, 2021

This example visualizes weekly temperature trends in San Francisco using a stylized line chart. The React component loads CSV data via the `useData` hook and renders an SVG with `d3.scaleTime` and `d3.scaleLinear` for axes. A smooth curve is drawn using `d3.line()` with `curveNatural`, while custom `AxisBottom` and `AxisLeft` components generate ticks. The chart includes labeled time and temperature axes, with the line styled in teal and tick marks in muted gray, all rendered without interactive tooltips or data point markers.

AI-generated description