🌍 Public
Viewing a saved revision (read-only)
121fc669516940a9a7c4896b872eab40
Fork of Stylized Line Chart
This example visualizes weekly temperature trends in San Francisco using a stylized line chart. The React component loads CSV data via the `useData` hook and renders an SVG with `d3.scaleTime` and `d3.scaleLinear` for axes. A smooth curve is drawn using `d3.line()` with `curveNatural`, while custom `AxisBottom` and `AxisLeft` components generate ticks. The chart includes labeled time and temperature axes, with the line styled in teal and tick marks in muted gray, all rendered without interactive tooltips or data point markers.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.