Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars1🌍 Public
SShmuel Leider
Last edited Jun 4, 2021
Created on Jun 4, 2021

This visualization displays a week of temperature measurements from the Data Canvas Sense Your City dataset as a scatter plot. The code uses React components to render SVG circles representing individual temperature readings, with D3’s `scaleTime` and `scaleLinear` mapping timestamps and temperature values to screen positions. Axes are built using D3’s `timeFormat` for weekday labels, and the hover tooltip shows the formatted date via an SVG `<title>` element. The chart is rendered with React, using D3 utilities for data loading and scaling.

AI-generated description

A scatter plot of Data Canvas Sense your City Dataset using D3 utilities, and uses React render the data.

Comments

Sign in to join the discussion.

MIT Licensed