Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

cd3833d8744e46b7ba010ac34124a1cf

Fork of Stylized Line Chart

0 stars0🌍 Public
Ssoo
Last edited Aug 3, 2022
Created on Aug 3, 2022

This example visualizes weekly temperature data from the Data Canvas Sense Your City dataset as a smooth, stylized line chart. The line uses d3.line() with curveNatural to create a curved path through time-series points, while React components render SVG axes with d3 scales (scaleTime, scaleLinear). The visualization shows temperature fluctuations over the week, with axis labels and tick marks formatted using d3.timeFormat. Data loads via d3.csv from a GitHub gist, and hover tooltips are commented out in the code.

AI-generated description