Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

544d5eaab6a243f6a59a60228c7c91a4

Stylized Line Chart

0 stars2🌍 Public
SSong Tao Chen
Last edited Jan 4, 2022
Created on Jan 3, 2022

A stylized line chart visualizes temperature over time using a smooth, natural curve rendered as an SVG path. The chart displays data from a San Francisco weekly temperature CSV dataset, with a time-scaled x-axis and linear y-axis. Built with React and D3 v7, it uses `scaleTime`, `scaleLinear`, and `curveNatural` to generate the line, while custom axis components render ticks with styled strokes and labels. The Poppins font and muted color palette give the visualization a refined, modern appearance.

AI-generated description