Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart - from Working with Time

Public visualization

Viewing a saved revision (read-only)

63d2881bee26417d92dadae64c1c1e44

Line Chart - from Working with Time

0 stars1🌍 Public
Ssophburke
Last edited Dec 24, 2019
Created on Sep 20, 2019
Forked from Working with Time

This line chart displays temperature readings over the course of a week, with time on the x-axis and temperature on the y-axis. The React-based visualization renders as an SVG, using d3.scaleTime and d3.scaleLinear to map data from the Data Canvas Sense Your City dataset. A path generated with d3.line and curveNatural connects the points, while circle elements provide tooltips via the title tag. Axes are built programmatically using d3.timeFormat and custom React components for bottom and left ticks.

AI-generated description

Learning to Make a Line Chart - A scatter plot of Data Canvas Sense Your City Dataset.