Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Stylized Line Chart

0 stars0🌍 Public
MMaxene Graze
Last edited Dec 5, 2020
Created on Dec 5, 2020

A stylized line chart visualizes temperature trends over time, with teal circles marking individual data points along a smoothed natural curve. The visualization uses React with D3 v5’s `scaleTime`, `scaleLinear`, and `line` with `curveNatural` to generate an SVG path. Axis components are custom-built in JSX, applying Poppins typography and muted gray ticks against a clean background. Data comes from the Data Canvas Sense Your City dataset, loaded via `d3.csv`, with native SVG `<title>` elements providing hover tooltips showing formatted timestamps.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed