Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Viewing a saved revision (read-only)

54d8e6563cff4ec3b1c1b6a6a3357384

Working with Time

0 stars2🌍 Public
WWolfgang
Last edited Mar 28, 2021
Created on Mar 28, 2021

This scatter plot uses D3 v6 and React to visualize temperature readings from the Data Canvas Sense Your City dataset over one week. The x-axis uses a time scale with day-based tick formatting, while the y-axis shows temperature values with a linear scale. SVG circles represent individual data points, each with a tooltip showing the timestamp. The code demonstrates how to combine React components with D3 scales, including `scaleTime`, `scaleLinear`, `extent`, and custom axis components for rendering the visualization.

AI-generated description