Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

2b8d178659e04f2188723a526d10eb67

Stylized Line Chart

0 stars0🌍 Public
Aaurelio-89
Last edited Jun 28, 2020
Created on Jun 28, 2020

This stylized line chart visualizes weekly temperature trends from the Data Canvas Sense Your City dataset. It plots temperature against time using a smooth, naturally curved path rendered as an SVG. The chart is built with React, D3 v5 scales (`scaleTime`, `scaleLinear`), and the `curveNatural` interpolation. Axis components generate tick marks and labels via D3’s `ticks()` method, while the line path is created with the `d3.line()` generator. Styling includes a Poppins font and custom colors for ticks and the stroke.

AI-generated description