Fork of Stylized Line Chart
✓ Published0🌍 Public
This example visualizes temperature over time using a stylized line chart, plotting a week of San Francisco temperature data from Data Canvas’s Sense Your City dataset. The chart uses D3 v5’s `scaleTime` and `scaleLinear` to map the timestamp and temperature values onto the SVG canvas, with axes rendered via custom React components. The line path is generated with D3’s `line` and `curveNatural` functions, producing a smooth, natural curve. The visualization emphasizes clean, minimalist aesthetics with a Poppins font and muted teal color scheme, while the underlying data is loaded asynchronously via D3’s `csv` parser.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.
MIT Licensed