🌍 Public
Viewing a saved revision (read-only)
618f6c2d060c4da388a9a32c9758ac1d
Line Chart with d3
This example visualizes one week of temperature readings from the Data Canvas Sense Your City dataset for San Francisco. A natural curve connects daily temperature points, with circles marking each measurement and a tooltip showing the day of the week. The chart uses a React component structure with D3 scales (`scaleTime`, `scaleLinear`) for axes and the `line` generator with `curveNatural` for the path. SVG rendering handles all marks, including custom tick components and axis labels.
AI-generated descriptionA plot of Data Canvas Sense Your City Datset