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)

4780f5b88c3342fc9e48581843a886a9

Fork of Stylized Line Chart

0 stars0🌍 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