Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

0b499e4bd1e4468a9dac3b3c1652150e

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