🌍 Public
Viewing a saved revision (read-only)
6e7a96d3dc7341c3a6faea3a754208fd
Working with Time
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 descriptionA scatter plot of Data Canvas Sense Your City Dataset.