Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jonashertner wants to merge 1 commit into
base: main
Choose a base branch
from
+766 −254
Open

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion build/pages/index.en.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
<link rel="stylesheet" href="fonts.css?v=20260821">
<link rel="stylesheet" href="tokens.css?v=20260822">
<link rel="stylesheet" href="style.css?v=20260822i">
<script src="i18n.js?v=20261010b"></script>
<script src="i18n.js?v=20261011"></script>
<script src="i18n-data.js?v=20261010"></script>
<script src="i18n-map.js?v=20260822c"></script>
<script src="theme.js?v=20260821"></script>
Expand Down
6 changes: 5 additions & 1 deletion build/pages/updates.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -512,5 +512,9 @@
"Storage, spring discharge and recharge": {"de":"Vorrat, Quellschüttung und Neubildung","fr":"Réserves, débit des sources et recharge","it":"Riserve, portata delle sorgenti e ricarica","rm":"Reserva, defluss da las funtaunas e rimplazzament"},
"Four historical registers; annual public drinking-water supply": {"de":"Vier historische Register; jährliche öffentliche Trinkwasserversorgung","fr":"Quatre registres historiques ; distribution publique annuelle d’eau potable","it":"Quattro registri storici; approvvigionamento pubblico annuale di acqua potabile","rm":"Quatter registers istorics; provediment public annual d’aua da baiver"},
"The national water balance, stores and uses": {"de":"Die nationale Wasserbilanz, Speicher und Nutzungen","fr":"Le bilan hydrique national, les réserves et les utilisations","it":"Il bilancio idrico nazionale, le riserve e gli utilizzi","rm":"La bilantscha d’aua naziunala, las reservas e las utilisaziuns"},
"Current outflow, groundwater, lake levels and drought": {"de":"Aktueller Abfluss, Grundwasser, Seestände und Trockenheit","fr":"Écoulement actuel, eaux souterraines, niveaux des lacs et sécheresse","it":"Deflusso attuale, acque sotterranee, livelli dei laghi e siccità","rm":"Defluss actual, aua sutterrana, nivels dals lais e sitgira"}
"Current outflow, groundwater, lake levels and drought": {"de":"Aktueller Abfluss, Grundwasser, Seestände und Trockenheit","fr":"Écoulement actuel, eaux souterraines, niveaux des lacs et sécheresse","it":"Deflusso attuale, acque sotterranee, livelli dei laghi e siccità","rm":"Defluss actual, aua sutterrana, nivels dals lais e sitgira"},
"Groundwater and lakes, site by site": {"de":"Grundwasser und Seen, Messstelle für Messstelle","fr":"Eaux souterraines et lacs, station par station","it":"Acque sotterranee e laghi, stazione per stazione","rm":"Aua sutterrana e lais, staziun per staziun"},
"Each square is one monitoring site, placed by where its latest monthly mean stands in its own 1991&#8211;2020 record for the same month: below the 20th percentile, between the 20th and 80th, or above the 80th. Point at a square for the site and its values.": {"de":"Jedes Quadrat ist eine Messstelle, eingeordnet danach, wo ihr jüngstes Monatsmittel in ihrer eigenen Messreihe 1991&#8211;2020 für denselben Monat liegt: unter dem 20.&#160;Perzentil, zwischen dem 20. und dem 80. oder über dem 80. Zeigen Sie auf ein Quadrat für die Messstelle und ihre Werte.","fr":"Chaque carré est une station de mesure, classée selon la place de sa dernière moyenne mensuelle dans sa propre série 1991&#8211;2020 pour le même mois&#8239;: sous le 20<sup>e</sup>&#160;centile, entre le 20<sup>e</sup> et le 80<sup>e</sup>, ou au-dessus du 80<sup>e</sup>. Pointez un carré pour voir la station et ses valeurs.","it":"Ogni quadrato è una stazione di misura, collocata secondo la posizione della sua ultima media mensile nella propria serie 1991&#8211;2020 per lo stesso mese: sotto il 20°&#160;percentile, tra il 20° e l’80° o sopra l’80°. Puntate su un quadrato per la stazione e i suoi valori.","rm":"Mintga quadrat è ina staziun da mesiraziun, ordinada tenor nua che sia ultima media mensila stat en sia atgna seria 1991&#8211;2020 per il medem mais: sut il 20avel&#160;percentil, tranter il 20avel e l’80avel u sur l’80avel. Mussai sin in quadrat per la staziun e sias valurs."},
"Show the numbers": {"de":"Zahlen anzeigen","fr":"Afficher les chiffres","it":"Mostra i numeri","rm":"Mussar las cifras"},
"Every other use": {"de":"Alle übrigen Nutzungen","fr":"Toutes les autres utilisations","it":"Tutti gli altri utilizzi","rm":"Tut las autras utilisaziuns"}
}
4 changes: 2 additions & 2 deletions site/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,8 @@
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="fonts.css?v=20260821">
<link rel="stylesheet" href="tokens.css?v=20260822">
<link rel="stylesheet" href="site.css?v=20261010">
<script src="i18n.js?v=20261010b"></script>
<link rel="stylesheet" href="site.css?v=20261011">
<script src="i18n.js?v=20261011"></script>
<script src="i18n-data.js?v=20261010"></script>
<script src="theme.js?v=20260821"></script>
</head>
Expand Down
37 changes: 29 additions & 8 deletions site/budget.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,8 @@
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="fonts.css?v=20260821">
<link rel="stylesheet" href="tokens.css?v=20260822">
<link rel="stylesheet" href="site.css?v=20261010">
<script src="i18n.js?v=20261010b"></script>
<link rel="stylesheet" href="site.css?v=20261011">
<script src="i18n.js?v=20261011"></script>
<script src="i18n-data.js?v=20261010"></script>
<script src="theme.js?v=20260821"></script>
</head>
Expand Down Expand Up @@ -98,12 +98,17 @@ <h3>Water leaving the country</h3>
where most Swiss water crosses the border, as a share of the 1991&#8211;2020 mean for the
same month. Together they carry about five sixths of the national outflow; the Ticino,
the Inn, the Doubs and smaller border rivers carry the rest.</p>
<div id="outflowFig" class="bChart"></div>
<figure class="bChart wide"><div id="outflowChart" class="bCanvas"></div><div id="outflowAfter"></div></figure>
<h3>Drought regions</h3>
<p>The combined drought index of the federal drought platform for its 38 warning regions,
week by week. It merges precipitation over one, three and twenty-four months, river
flow and modelled soil moisture into five levels, from 1, not dry, to 5, extremely dry.</p>
<div id="droughtFig" class="bChart"></div>
<figure class="bChart wide"><div id="droughtChart" class="bCanvas"></div><div id="droughtAfter"></div></figure>
<h3>Groundwater and lakes, site by site</h3>
<p>Each square is one monitoring site, placed by where its latest monthly mean stands in its
own 1991&#8211;2020 record for the same month: below the 20th percentile, between the 20th
and 80th, or above the 80th. Point at a square for the site and its values.</p>
<figure id="sitesFig" class="bChart wide"></figure>
<p class="fine" id="nowNote"></p>
</section>

Expand All @@ -114,7 +119,11 @@ <h2>The annual balance</h2>
ice, soil, groundwater and lakes. BAFU publishes the terms for political Switzerland,
41&#8217;285&#160;km&#178;, in millimetres of water over that area. Here they are also
given in cubic kilometres; one millimetre is 0.041&#160;km&#179;.</p>
<div id="balanceFig" class="bFig"></div>
<figure class="bFig wide">
<div id="balancePick" class="bSeg" role="group"></div>
<div id="balanceChart" class="bCanvas"></div>
<p class="fine" id="balanceSum"></p>
</figure>
<div id="balanceTable" class="tWrap"></div>
<p class="aside"><b>A model constrained by measurement.</b> The figures come from the
hydrological model PREVAH on a 200-metre grid. Measured discharge is treated as exact and
Expand All @@ -129,7 +138,12 @@ <h2>By catchment</h2>
<p>The same table gives the twelve large catchments BAFU balances separately. Their figures
are in millimetres over each catchment&#8217;s own area and are compared here with that
catchment&#8217;s own 1991&#8211;2020 mean.</p>
<div id="catchTable" class="tWrap"></div>
<figure class="bChart wide">
<ul id="catchKey" class="bKey top"></ul>
<div id="catchChart" class="bCanvas"></div>
<details class="bData"><summary>Show the numbers</summary><div id="catchTable" class="tWrap"></div></details>
</figure>
<p class="fine" id="catchNote"></p>
</section>

<section id="stores">
Expand All @@ -148,7 +162,14 @@ <h2>What is used</h2>
by the Swiss Gas and Water Industry Association (SVGW) published by the Federal
Statistical Office. Every other national figure for abstraction describes 2006 or carries
no year at all.</p>
<div id="useFig" class="tWrap"></div>
<p id="useLead"></p>
<figure class="bChart wide">
<div id="useChart" class="bCanvas"></div>
<ul id="useKey" class="bKey"></ul>
<details class="bData"><summary>Show the numbers</summary><div id="useTable" class="tWrap"></div></details>
</figure>
<p class="fine" id="useNote"></p>
<h3>Every other use</h3>
<div id="useOther" class="tWrap"></div>
</section>

Expand Down Expand Up @@ -254,6 +275,6 @@ <h2>How this page is built</h2>
<script src="fmt.js?v=20260822"></script>
<script src="gschg31.js?v=20260821"></script>
<script src="site.js?v=20260822b"></script>
<script src="budget.js?v=20261010b"></script>
<script src="budget.js?v=20261011"></script>
</body>
</html>
Loading
Loading