Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars2🌍 Public
Nnpelliccia
Last edited Aug 24, 2021
Created on Aug 24, 2021

This example visualizes temperature measurements in San Francisco over a week using a scatter plot. Each circle represents a temperature reading plotted against time on the x-axis and temperature on the y-axis, with a tooltip revealing the exact timestamp on hover. Built with React and D3 v5, the chart uses `scaleTime` and `scaleLinear` for axes, while `csv` loads the external dataset. The SVG rendering leverages custom components like `AxisBottom`, `AxisLeft`, and `Marks` to construct the visualization, styled with the Poppins font.

AI-generated description

A scatter plot of temperature over time in SF

Comments

Sign in to join the discussion.

MIT Licensed