🌍 Public
line chart
This line chart visualizes weekly temperature variations in San Francisco, with time on the x-axis and temperature on the y-axis. The React app loads CSV data using D3’s `csv` utility and renders an SVG with `scaleTime` and `scaleLinear` scales. Latitude and longitude axes use custom `AxisBottom` and `AxisLeft` components, while the `Marks` component draws a smooth curve via `d3.line().curve(curveNatural)` and overlays circles with native SVG tooltips. The visualization uses teal styling for marks and a clean background, following a modular React component architecture.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.
MIT Licensed
Comments
Sign in to join the discussion.