Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make A Line Chart

Public visualization

Make A Line Chart

0 stars1🌍 Public
YYenTingWu
Last edited Jul 9, 2021
Created on Jul 9, 2021
Forked from Working With Time

A stylized line chart displays temperature over time for San Francisco, using a smooth natural curve to connect data points against custom axes. Built with React and D3 v5, the visualization employs `scaleTime`, `scaleLinear`, and `line().curve(curveNatural)` to generate an SVG path. The data loads from a remote CSV, filtered to a single city, with weekday tick labels formatted via `timeFormat`. Custom axis components render gridlines and labels, while the Zen Loop font and teal color scheme give the chart a distinct, hand-drawn aesthetic.

AI-generated description

Stylized Line Chart Working With Time

Comments

Sign in to join the discussion.

MIT Licensed