🌍 Public
Viewing a saved revision (read-only)
42af728bac0f48938e4467edb52e5b9f
Line Chart w/ d3, react
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 descriptionA scatter plot of Data Canvas Sense Your City Dataset.