Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

f9851df62f114c8cb2d7f4f547cc38a0

Stylized Line Chart

0 stars0🌍 Public
Bblkhar
Last edited May 8, 2020
Created on May 8, 2020

This example plots a week of temperature readings from the Data Canvas Sense Your City dataset. It renders a smooth, stylized line chart using React and D3, with a natural curve applied via `d3.curveNatural`, custom axis components, and SVG paths for the line. The chart omits data-point circles, focusing entirely on the clean, bold stroke that maps timestamps to temperatures using `d3.scaleTime` and `d3.scaleLinear`. Styling uses the Poppins font with muted ticks and labels for a polished look.

AI-generated description