🌍 Public
Viewing a saved revision (read-only)
48b43f3cf51745a28fd8ba5b50b40ba9
pseudo viz for climate & crop yield over time
This pseudo visualization displays trends in crop yield, temperature, and precipitation over time using three overlaid line series colored green, red, and blue. It uses D3’s `scaleLinear` for both axes, the `line` generator for each series, and `select` to manage the SVG container. Data comes from a static array of six annual records, with axis labels and a legend added via custom helper functions from the `@wyy-47/axislabels` package. The chart demonstrates how multiple quantitative variables can be compared on a shared time scale.
AI-generated descriptionAn approximation of a line chart using D3.js!
Watch the video and study the code to learn about:
- SVG Path Elements
- fill, stroke, stroke-width
- stroke-linecap, stroke-linejoin
- Vanilla HTML SVG Paths
- D3.line
- AI Assist
See also: