Skip to main content
100%

Fork of Stylized Line Chart

✓ Published0🌍 Public
SShasvathan Pathmanaban
Last edited Nov 20, 2021
Created on Nov 20, 2021

This example visualizes weekly temperature readings from San Francisco as a smooth, stylized line chart. Using the Data Canvas Sense Your City dataset, React components render SVG elements that map timestamps to a time scale and temperature values to a linear scale. The visualization employs d3.line with curveNatural to create a flowing path, while d3.scaleTime and d3.scaleLinear handle axis scaling. Custom axis components generate ticks and labels, with styling applied through Poppins typography and a teal color scheme for the path.

AI-generated description
MIT Licensed

Similar vizzes