Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

bab0ed3348114d29b14411a7014ce0a8

Stylized Line Chart

0 stars0🌍 Public
Mmoinamazon123
Last edited Dec 4, 2020
Created on Dec 4, 2020

This stylized line chart displays temperature readings over time using data from the Data Canvas Sense Your City dataset. The visualization is built with React and D3 v5, rendering through SVG. The chart employs a smooth curved line via `d3.line()` with `curveNatural`, set to render in teal with a thick stroke. Time-scaled axes are positioned using `scaleTime` and `scaleLinear`, while tick marks and labels are generated through custom React components. The visualization uses Poppins typography and muted color accents for a modern aesthetic, with the temperature y-axis labeled against a time x-axis.

AI-generated description