Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart w/ d3, react

Public visualization

Viewing a saved revision (read-only)

21973b83bc184347b8a89924813cc750

Line Chart w/ d3, react

0 stars0🌍 Public
Sshreyan2020
Last edited Nov 22, 2020
Created on Nov 22, 2020

This interactive line chart visualizes temperature changes over time using the Sense Your City dataset, rendered as an SVG graphic within a React application. The chart employs D3’s `scaleTime` and `scaleLinear` to map timestamps and temperature values, while custom React components encapsulate the axes and data marks. The line path is drawn using D3’s `line` and `curveNatural` functions, with axis ticks generated via `xScale.ticks()` and `yScale.ticks()`. Data is loaded asynchronously using D3’s `csv` parser, and the interface responds to JSON data fetched from a remote GitHub gist.

AI-generated description