🌍 Public
Viewing a saved revision (read-only)
bd3f7aacb33d4747a59fa74e09a10059
Stylised Line Chart with React & D3
This stylized line chart visualizes San Francisco temperature readings over a week, using a natural curve to connect data points and circular markers with hover tooltips. Built with React and D3 v5, it renders as an SVG, mapping timestamps to the x-axis via `d3.scaleLinear` and formatting tick labels with `d3.timeFormat`. The chart leverages `d3.line` with the `curveNatural` option for smooth paths, while custom axis components handle gridlines and labels. Data is loaded asynchronously from a CSV using `d3.csv`. The clean, minimalist design uses the Poppins font and a teal accent color.
AI-generated descriptionA Styled bar chart with React & d3.