Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Working with Time

Public visualization

Viewing a saved revision (read-only)

29d7ff27478b4b0789f1b6dc940af2e7

Fork of Working with Time

0 stars0🌍 Public
Pparshwa30122002@gmail.com
Last edited Aug 14, 2024
Created on Aug 14, 2024
Forked from Working with Time

This example shows a scatter plot of temperature readings over time from the Data Canvas Sense Your City dataset, displayed as circles in an SVG rendered via React. The x-axis uses a time scale with weekly tick labels, while the y-axis shows temperature values from a linear scale. The code leverages d3.scaleTime, d3.scaleLinear, d3.extent, and d3.csv for data loading, alongside React components for reusable axes and marks. Hovering over a circle reveals the timestamp via an SVG title tooltip, and the layout includes rotated and offset axis labels.

AI-generated description