-
Notifications
You must be signed in to change notification settings - Fork 1
/
development.html
235 lines (230 loc) · 10 KB
/
development.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<title>Corona Fälle im Kanton Zürich (dev)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Visualisierung der Corona-Fälle im Kanton Zürich, basierend auf den Daten des Statistischen Amts des Kanton Zürichs.">
<meta name="keywords" content="Corona,COVID-19,daten,cases,Fälle,Zürich,Covid,deaths,hospitalisation,Bezirke">
<meta name="twitter:card" value="summary">
<meta name="twitter:creator" content="@rob_salzer">
<meta property="og:title" content="Corona Fälle im Kanton Zürich">
<meta property="og:url" content="https://rsalzer.github.io/COVID_19_KT_ZH/">
<meta property="og:description" content="Visualisierung der Corona-Fälle in der Schweiz, basierend auf den Daten des Statistischen Amts des Kanton Zürichs.">
<meta property="og:image" content="https://rsalzer.github.io/COVID_19_KT_ZH/preview.png">
<script src="js/d3.v4.js"></script>
<script src="js/d3-scale-chromatic.v1.min.js"></script>
<script src="js/d3-geo-projection.v2.min.js"></script>
<script src="js/Chart.bundle.min.js"></script>
<script src="js/chartjs-plugin-datalabels.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<script>
var gaProperty = 'UA-160625595-1';
var disableStr = 'ga-disable-' + gaProperty;
if (document.cookie.indexOf(disableStr + '=true') > -1) {
window[disableStr] = true;
}
function gaOptout() {
document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
window[disableStr] = true;
alert(_('Das Tracking ist jetzt deaktiviert'));
}
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-160625595-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
</head>
<body>
<a name="top"></a>
<nav id="page-nav">
<ul>
<li class="here"><a href="#">Zürich</a></li>
<li><a title="Schweiz" href="https://rsalzer.github.io/COVID_19_CH">Schweiz</a></li>
<li><a title="Visualisierung der Altersdaten" href="https://rsalzer.github.io/COVID_19_AGE">Nach Alter</a></li>
</ul>
</nav>
<main>
<header id="page-header">
<h1>Corona-Fälle im Kanton Zürich (Testseite)</h1>
<p>Daten bereitgstellt durch <a href="https://github.com/openZH/covid_19">das Statistische Amt des Kanton Zürichs</a> und aufbereitet durch <a href="https://twitter.com/rob_salzer">@rob_salzer</a>. <br/>Wenn Dir die Seite gefällt, <a href='https://rsalzer.github.io/simple-qrbill/coffee.html'>spendier mir einen Kaffee</a>.
<div class="notes">
</div>
</header>
<section id="index">
<header>
<h2>Übersicht</h2>
</header>
<div id="loadingspinner">Lade Daten...<br/><div class="lds-ring"><div></div><div></div><div></div><div></div></div></div>
<div id="loaded"></div>
<article id="detail_ZH">
<h3 class="flag ZH">Fälle ganzer Kanton</h3>
<div class="canvas-dummy zh" id="overview_zh">
<div class="chartButtons">
<button class="chartButton" onclick="toggleLength(event)">Ab März</a>
</div>
<canvas id="zh" height="300"></canvas>
</div>
</article>
<article>
<h3 id="lastPLZTitle">Neue Fälle nach PLZ über die letzten 7/14 Tage</h3>
<!-- <h4>Änderungen</h4>
<div class="table-group">
<table id="plzchangestable">
<thead>
<tr>
<th>PLZ</th>
<th>Ort</th>
<th id="yday">Gestern</th>
<th id="tday">Heute</th>
<th></th>
</tr>
</thead>
<tbody id="plzchangesbody">
</tbody>
</table>
</div> -->
<h4 id="lastPLZSubtitle">Rückwirkend vom </h4>
<div class="svgButtons">
<button class="chartButton active" id="incbutton">Inzidenz</button>
<button class="chartButton" id="absbutton">Absolut</button>
</div>
<div class="svg-group">
<svg id="plzsvg" width="350" height="350"></svg>
<div class="tableFixHead" id="scrolldiv">
<table id="plztable" class="tableFixHead">
<thead>
<tr id="plzheadtr">
<th>PLZ</th>
<th>Ort</th>
<th colspan="2">Neue Fälle</th>
<th>Inz</th>
</tr>
</thead>
<tbody id="plzbody">
</tbody>
</table>
</div>
</div>
</article>
<article>
<div class="notes">
<p>
Die Risiko-Ampel orientiert sich an den Kriterien des BAG für die Einstufung von Gebieten mit erhöhtem Ansteckungsrisiko.
</p>
<p><b>Anzahl Neuinfektionen pro 100'000 Einwohner'innen in 14 Tagen (14-Tage-Inzidenz)</b></p>
<ul class="legend">
<li><span class="risk low"> </span> <span>bis 60: <strong>mässiges Ansteckungsrisiko</strong></span></li>
<li><span class="risk medium"> </span> <span>über 60 bis 120: <strong>erhöhtes Ansteckungsrisiko</strong></span></li>
<li><span class="risk high"> </span> <span>über 120 bis 240: <strong>hohes Ansteckungsrisiko</strong></span></li>
<li><span class="risk higher"> </span> <span>über 240 bis 480: <strong>sehr hohes Ansteckungsrisiko</strong></span></li>
<li><span class="risk highest"> </span> <span>über 480 bis 960: <strong>äussert hohes Ansteckungsrisiko</strong></span></li>
<li><span class="risk extreme"> </span> <span>über 960: <strong>extrem hohes Ansteckungsrisiko</strong></span></li>
</ul>
<p>
Für die Inzidenz-Karte wird der tiefere Wert der Prävalenzstufe angenommen. Die tatsächliche Inzidenz kann höher liegen, speziell in Postleitzahlkreisen mit wenig Einwohner'innen.
</p>
</div>
</article>
<!-- <article id="age">
<h3 class="flag ZH">Altersverteilung</h3>
<h4 id="agetitle">Altersverteilung der Fälle vom</h4>
<div class="canvas-dummy" id="container_age">
<canvas class="age" id="agecanvas" height="150"></canvas>
</div>
<div class="notes">
<p id="agenotes">Ø-Alter: </p>
</div>
<h4 id="agetitle_range">Altersverteilung der Fälle</h4>
<div class="canvas-dummy" id="container_age">
<canvas id="agecanvasweek" class="age" height="150"></canvas>
</div>
<div class="notes">
<p id="weekagenotes">Ø-Alter: </p>
</div>
</article> -->
<article id="overview_zh">
<h3 class="flag ZH">Todesfälle</h3>
<div class="canvas-dummy zh" id="container_ZH">
</div>
<h3 class="flag ZH">Hospitalisierungen / Isolation</h3>
<div class="canvas-dummy zh" id="container_hosp">
<div class="chartButtons">
<button class="chartButton" onclick="toggleHospitalisationLength(event)">Ab März</a>
</div>
</div>
</article>
</section>
<section id="hospitalisationdetails">
<header>
<h2>Hospitalisierungen</h2>
</header>
<h3 id="hospitalisierungstitle">Aktuelle Auslastung der Intensivstationen</h3>
<div class="rightButtonDiv">
<button class="internationalButton rightButton" onclick="hospBackward()">←︎</button>
<button class="internationalButton rightButton" onclick="hospForward();">→︎</button>
</div>
<div class="table-group">
<table class="wide">
<thead>
<tr>
<th><span>Spital</span></th>
<th><span>Covid</span></th>
<th><span>Non-Covid</span></th>
<th><span>Gesamt</span></th>
<th><span>IPS-Plätze</span></th>
<th><span>Auslastung</span></th>
</tr>
</thead>
<tbody id="hospitalisationtable">
</tbody>
</table>
</div>
<br>
<div class="canvas-dummy">
<canvas id="spitalcanvas" height="250"></canvas>
</div>
</section>
<section id="detail">
<header>
<h2>Bezirke</h2>
</header>
<article>
<h3 id="lastTitle"></h3>
<div class="svg-group">
<svg id="bezirkssvg" width="350" height="350"></svg>
<table id="confirmed">
<thead>
<tr>
<th>Bezirk</th>
<th>Gesamtfälle</th>
<th>Neue Fälle</th>
</tr>
</thead>
<tbody id="confirmed_1">
<!--tr>
<td><a class="flag flag-icon-ch flag-icon-squared" href="#detail_SO">SO</a></td>
<td>2020-03-26</td>
<td>141</td>
<td><a href="https://corona.so.ch/">↗</a></td>
</tr -->
</tbody>
</table>
</div>
</article>
</section>
</main>
<footer id="page-footer">
<p>
Code auf <a href="https://github.com/rsalzer/COVID_19_KT_ZH">GitHub</a>.<br/>
Feedback, Anregungen, Verbesserungsvorschläge, Erweiterungen bitte auf GitHub oder direkt an <a href="https://twitter.com/rob_salzer">@rob_salzer</a>.<br/>
Design by <a href="https://twitter.com/superpixel">@superpixel</a><br/>
Diese Seite nutzt Google Analytics. <a href="javascript:gaOptout()">Hier klicken für ein Opt-out</a>
</p>
</footer>
<script src="script2.js"></script>
</body>
</html>