Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

4fda6ada92b64889ae3495cfbadcd829

Stylized Line Chart

0 stars0🌍 Public
Mmuhammadshumas
Last edited Dec 28, 2021
Created on Dec 28, 2021

This stylized line chart visualizes weekly temperature readings from San Francisco, tracking how temperatures fluctuate over time. The visualization uses a smooth curved path generated with d3.line() and curveNatural, with temperature values mapped to the y-axis and timestamps mapped to the x-axis using scaleTime. React components render the SVG output, while d3.scaleLinear, d3.scaleTime, and d3.extent handle the data scaling. The chart displays axes with d3's tick generation and uses the Poppins font with custom CSS styling for a clean, modern appearance.

AI-generated description