Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Time Series: Part 2 - Line Chart

Public visualization

Viewing a saved revision (read-only)

dd99fcc906b64a4f91c792a6583e6fd2

Time Series: Part 2 - Line Chart

0 stars5🌍 Public
Zzeeeeem
Last edited Oct 27, 2022
Created on Apr 24, 2022

This visualization displays a line chart of temperature readings over time, with the x-axis representing timestamp and the y-axis showing temperature values. The chart is built using React components that leverage d3.scaleTime and d3.scaleLinear for axis scaling, with a smooth line rendered via d3.line and curveNatural. The underlying data comes from the Data Canvas Sense Your City Dataset, loaded through d3.csv. Axis ticks are generated using d3's scale methods, while the SVG rendering employs custom AxisBottom and AxisLeft components for clean, labeled axes.

AI-generated description