Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line ChartTH

Public visualization

Viewing a saved revision (read-only)

baf0615b61fe4942943f4c7d46cc30d9

Fork of Stylized Line ChartTH

0 stars0🌍 Public
Ttmorgante
Last edited Sep 14, 2021
Created on Sep 14, 2021

This React-based line chart visualizes weekly temperature data from the Data Canvas Sense Your City dataset, plotting temperature over time. The SVG renderer displays a smooth curve using d3.line() with curveNatural, while d3.scaleTime and d3.scaleLinear map the time and temperature domains to screen coordinates. Axes are custom React components generating tick lines and labels, with axis labels and styling applied through CSS. The d3.csv function loads the dataset, and experimental circle marks for tooltips are commented out in the Marks component. The chart uses a Poppins font and muted color palette.

AI-generated description