🌍 Public
Viewing a saved revision (read-only)
8d8c5547941f4565b8c649e91b5cfd91
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.