🌍 Public
Viewing a saved revision (read-only)
5e82a0c460284c86ac165e7eb450f2a1
Fork of Stylized Line Chart
This example uses React and D3 v7 to render a stylized line chart of weekly temperature data for San Francisco, sourced from the Data Canvas Sense Your City dataset. The visualization plots temperature over time using a smooth natural curve, generated with D3’s `line()` and `curveNatural` helper, with axes constructed from `scaleTime` and `scaleLinear`. Custom React components for the bottom and left axes render tick marks and labels, while the SVG path is drawn with a teal stroke and rounded line caps, set via CSS classes.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.