Skip to content

Redraw the water budget page as an interactive figure set - #19

Open
jonashertner wants to merge 1 commit into
mainfrom
budget-design
Open

jonashertner wants to merge 1 commit into
mainfrom
budget-design

Conversation

@jonashertner

Copy link
Copy Markdown
Owner

Redesigns budget.html (all five languages). The data and sources are unchanged.

  • Balance: a flow diagram (precipitation, inflow and storage draw → Switzerland → evaporation and outflow), with each band as thick as its volume. All periods share one scale, so 2024 draws visibly larger than the 1991–2020 normal, and switching periods animates the volumes.
  • Outflow: bars run from the mean line, so a bar's length is the departure from the mean.
  • Drought: weekly columns stack the driest level at the foot.
  • Groundwater and lakes (new): one square per monitoring site, coloured low / normal / high, with a hover reading of the value and its normal range, plus a table of every site.
  • Catchments: a dot plot of P, R and E against each catchment's own normal, using a shape per term. The table moves under "Show the numbers".
  • Drinking water: the full series since 2000 by source, plus a sentence on the change in total and per-person supply.
  • Tiles: each gains a meter, or one square per site or region.

Every mark has a hover reading, and every chart keeps a table. Charts redraw at their container's width. Prose keeps its 42rem measure while figures take a 60rem column. The term colours (blue, orange, aqua) were checked for colour-blind separation in both themes.

Checked in dark and light, at 375 px, 1024 px and 1440 px, and in English and French. npm test passes.

🤖 Generated with Claude Code

- Balance: a flow diagram, inputs to outputs through the country, with
  each band as thick as its volume. All periods share one scale, so a
  wet year draws larger, and switching periods animates the volumes.
- Outflow: bars run from the 1991-2020 mean line, so a bar's length is
  the departure from the mean.
- Drought: weekly columns stack the driest level at the foot.
- Groundwater and lakes: a new figure with one square per monitoring
  site, plus a table of every site with its value and normal range.
- Catchments: a dot plot of precipitation, runoff and evaporation
  against each catchment's own normal, using a shape per term.
- Drinking water: the full series since 2000 by source, with the change
  in total and per-person supply.
- Tiles: each gains a meter or one square per site or region.

Every mark has a hover reading, and every chart keeps its number table.
Charts redraw at their container's width. Prose keeps its 42rem measure
while figures take a 60rem column. Time-axis labels skip any label that
would collide. The term palette was checked for colour-blind
separation in both themes.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant