Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Viewing a saved revision (read-only)

6e7a96d3dc7341c3a6faea3a754208fd

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