Skip to main content
100%

Fork of Stylized Line ChartTH

✓ Published0🌍 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
MIT Licensed

Similar vizzes