Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart Using Time

Public visualization

Viewing a saved revision (read-only)

13ffc54ecb0b4f809fa79f9af417d2e5

Stylized Line Chart Using Time

0 stars1🌍 Public
CChris Briggs
Last edited Nov 17, 2021
Created on Nov 17, 2021

This stylized line chart visualizes San Francisco temperature data over time, encoded as a smooth natural curve through each daily timestamp and temperature reading. The visualization, built with React and rendered as an SVG, emphasizes the temporal sequence with a Poppins font, teal circular data points, and a thick matching stroke for the line path. The chart uses D3 v5 functions such as `scaleTime`, `scaleLinear`, `curveNatural` for interpolation, and `timeFormat` for weekday tick labels. Temperature data is loaded from a CSV via the `csv` parser and displayed with custom axis components in a clean, minimalist layout.

AI-generated description

A line chart using time San Francisco Temperatures