Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Stylized Line Chart

0 stars0🌍 Public
BBen Rambo-Martin
Last edited Jul 9, 2020
Created on Jul 9, 2020

A stylized line chart displays temperature readings over time from the Data Canvas Sense Your City dataset. The visualization uses React components to render SVG elements, with D3 v5 handling data loading via `d3.csv`, scales via `scaleTime` and `scaleLinear`, and the curved path via `d3.line` with `curveNatural`. Axes are custom-built with ticks and labels, while the line stroke is styled teal with rounded joins and caps. The chart includes a loading state before the data appears.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed