Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Stylized Line Chart

0 stars0🌍 Public
Yyinhao0424
Last edited Oct 21, 2019
Created on Oct 21, 2019

A stylized line chart displays weekly temperature trends for San Francisco, plotting time against temperature in degrees. The visualization uses a smooth, natural curve to connect data points, with a clean, minimalist aesthetic featuring teal strokes and labeled axes. Built with React and D3 v5, it loads CSV data via `d3.csv`, scales time and linear values with `scaleTime` and `scaleLinear`, and renders axes and the path using SVG elements. The `curveNatural` interpolation from d3 shapes the line, while reusable React components define the bottom and left axes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed