Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars1🌍 Public
SSophia Cofone
Last edited May 23, 2022
Created on May 23, 2022

This example visualizes temperature readings from the San Francisco Data Canvas Sense Your City dataset as a scatter plot over time. The horizontal axis encodes time, formatted with the `timeFormat` function to show weekdays, while the vertical axis maps temperature values using a `scaleLinear` scale. Rendered as SVG circles, each data point includes a tooltip with its timestamp. The React-based implementation uses D3’s `scaleTime` and `extent` utilities to compute the domain, with custom `AxisBottom`, `AxisLeft`, and `Marks` components for drawing the chart.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed