25:null 26:["$","title",null,{"children":"Play @ HSLU | Office for Statistics and Data of the Canton of Zurich | Observable"}] 2b:Tf6c,projections = [ {name: "Aitoff", value: d3.geoAitoffRaw}, {name: "American polyconic", value: d3.geoPolyconicRaw}, {name: "August", value: d3.geoAugustRaw}, {name: "Baker dinomic", value: d3.geoBakerRaw}, {name: "Boggs’ eumorphic", value: d3.geoBoggsRaw}, {name: "Bonne", value: d3.geoBonneRaw(Math.PI / 4)}, {name: "Bottomley", value: d3.geoBottomleyRaw(0.5)}, {name: "Bromley", value: d3.geoBromleyRaw}, {name: "Collignon", value: d3.geoCollignonRaw}, {name: "conic equal-area", value: d3.geoConicEqualAreaRaw(0, Math.PI / 3)}, {name: "conic equidistant", value: d3.geoConicEquidistantRaw(0, Math.PI / 3)}, {name: "Craster parabolic", value: d3.geoCrasterRaw}, {name: "cylindrical equal-area", value: d3.geoCylindricalEqualAreaRaw(38.58 / 180 * Math.PI)}, {name: "cylindrical stereographic", value: d3.geoCylindricalStereographicRaw(0)}, {name: "Eckert I", value: d3.geoEckert1Raw}, {name: "Eckert II", value: d3.geoEckert2Raw}, {name: "Eckert III", value: d3.geoEckert3Raw}, {name: "Eckert IV", value: d3.geoEckert4Raw}, {name: "Eckert V", value: d3.geoEckert5Raw}, {name: "Eckert VI", value: d3.geoEckert6Raw}, {name: "Eisenlohr conformal", value: d3.geoEisenlohrRaw}, {name: "Equal Earth", value: d3.geoEqualEarthRaw}, {name: "Equirectangular (plate carrée)", value: d3.geoEquirectangularRaw}, {name: "Fahey pseudocylindrical", value: d3.geoFaheyRaw}, {name: "flat-polar parabolic", value: d3.geoMtFlatPolarParabolicRaw}, {name: "flat-polar quartic", value: d3.geoMtFlatPolarQuarticRaw}, {name: "flat-polar sinusoidal", value: d3.geoMtFlatPolarSinusoidalRaw}, {name: "Foucaut’s stereographic equivalent", value: d3.geoFoucautRaw}, {name: "Foucaut’s sinusoidal", value: d3.geoFoucautSinusoidalRaw(0.5)}, {name: "Ginzburg V", value: d3.geoGinzburg5Raw}, {name: "Ginzburg VI", value: d3.geoGinzburg6Raw}, {name: "Ginzburg VIII", value: d3.geoGinzburg8Raw}, {name: "Ginzburg IX", value: d3.geoGinzburg9Raw}, {name: "Goode’s homolosine", value: d3.geoHomolosineRaw}, {name: "Hammer", value: d3.geoHammerRaw(2)}, {name: "Hill eucyclic", value: d3.geoHillRaw(1)}, {name: "Hufnagel pseudocylindrical", value: d3.geoHufnagelRaw(1, 0, Math.PI / 4, 2)}, {name: "Kavrayskiy VII", value: d3.geoKavrayskiy7Raw}, {name: "Lagrange conformal", value: d3.geoLagrangeRaw(0.5)}, {name: "Larrivée", value: d3.geoLarriveeRaw}, {name: "Laskowski tri-optimal", value: d3.geoLaskowskiRaw}, {name: "Loximuthal", value: d3.geoLoximuthalRaw(40 / 180 * Math.PI)}, {name: "Miller cylindrical", value: d3.geoMillerRaw}, {name: "Mollweide", value: d3.geoMollweideRaw}, {name: "Natural Earth", value: d3.geoNaturalEarth1Raw}, {name: "Natural Earth II", value: d3.geoNaturalEarth2Raw}, {name: "Nell–Hammer", value: d3.geoNellHammerRaw}, {name: "Nicolosi globular", value: d3.geoNicolosiRaw}, {name: "Patterson cylindrical", value: d3.geoPattersonRaw}, {name: "rectangular polyconic", value: d3.geoRectangularPolyconicRaw(0)}, {name: "Robinson", value: d3.geoRobinsonRaw}, {name: "sinusoidal", value: d3.geoSinusoidalRaw}, {name: "sinu-Mollweide", value: d3.geoSinuMollweideRaw}, {name: "Times", value: d3.geoTimesRaw}, {name: "Tobler hyperelliptical", value: d3.geoHyperellipticalRaw(0, 2.5, 1.183136)}, {name: "Van der Grinten", value: d3.geoVanDerGrintenRaw}, {name: "Van der Grinten II", value: d3.geoVanDerGrinten2Raw}, {name: "Van der Grinten III", value: d3.geoVanDerGrinten3Raw}, {name: "Van der Grinten IV", value: d3.geoVanDerGrinten4Raw}, {name: "Wagner IV", value: d3.geoWagner4Raw}, {name: "Wagner VI", value: d3.geoWagner6Raw}, {name: "Wagner VII", value: d3.geoWagnerRaw(65 / 180 * Math.PI, 60 / 180 * Math.PI, 0, 200)}, {name: "Wagner VIII", value: d3.geoWagnerRaw(65 / 180 * Math.PI, 60 / 180 * Math.PI, 20, 200)}, {name: "Werner", value: d3.geoBonneRaw(Math.PI / 2)}, {name: "Winkel tripel", value: d3.geoWinkel3Raw} ]2c:[{"id":"e2a05d1fe0f773eaba7850f6e76596c16135a060513e798b14c0eaaa96d381b3219ef3b845039566f6c207a9b562b315251b1f1916fc6cf8cb0d4a9168b9d865","href":"https://static.observableusercontent.com/files/e2a05d1fe0f773eaba7850f6e76596c16135a060513e798b14c0eaaa96d381b3219ef3b845039566f6c207a9b562b315251b1f1916fc6cf8cb0d4a9168b9d865","name":"image@3.png","type":"image/png","lastModified":1600686745871.888,"size":28820},{"id":"7268451f2913316d53c4f3772e03d76eed5da13e309a189846133d660c48e9794e5b27cec664220f2d95c4472b07a08ce317c4809dc35d7a61a3f3897a9f77f4","href":"https://static.observableusercontent.com/files/7268451f2913316d53c4f3772e03d76eed5da13e309a189846133d660c48e9794e5b27cec664220f2d95c4472b07a08ce317c4809dc35d7a61a3f3897a9f77f4","name":"image@2.png","type":"image/png","lastModified":1600676654986.958,"size":1748812},{"id":"dcdeca512cfa9c564ade10e54f3b9fe79f73025e0a62dc6e6cf38dab4ab14e978bb1c91b9897d1a9b7fef28fd4d39c19e0c7f0133c089fd3e3f60cbb743bb580","href":"https://static.observableusercontent.com/files/dcdeca512cfa9c564ade10e54f3b9fe79f73025e0a62dc6e6cf38dab4ab14e978bb1c91b9897d1a9b7fef28fd4d39c19e0c7f0133c089fd3e3f60cbb743bb580","name":"image@1.png","type":"image/png","lastModified":1600676200768.825,"size":161567},{"id":"afc4611c0385571c5c2336c7d8fe04f260aece50a1dbaf4f39d88f2f8e90f872618bd3a7854bebd3c89da587bbc5ed11c7a65e3ebe731a69e8fcac00563203ef","href":"https://static.observableusercontent.com/files/afc4611c0385571c5c2336c7d8fe04f260aece50a1dbaf4f39d88f2f8e90f872618bd3a7854bebd3c89da587bbc5ed11c7a65e3ebe731a69e8fcac00563203ef","name":"image.png","type":"image/png","lastModified":1600675060428.881,"size":349420}] 29:{"id":"3693d523fa313ed9","slug":"play-hslu/2","title":"Play @ HSLU","thumbnail":"18f72b123c0caf4449ec2514f18556a7b343aa43c4a318b8eee27bc1bf79fae3","access_level":"public","create_time":"$D2020-09-21T07:35:03.842Z","update_time":"$D2021-09-27T17:24:11.495Z","view_time":null,"first_public_time":"$D2020-09-21T07:49:53.182Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich","avatar_url":"https://avatars-next.observableusercontent.com/61364635cd5db7a914727e7625ac41daa90fedeba239e3d2ce93b57a9ad3bce9","tier":"pro"},"version":354,"publish_version":354,"role":null,"authored":false,"authors":[{"type":"individual","id":"37f1612f224a0555","login":"mmznrstat","name":"Matthias Mazenauer","avatar_url":"https://avatars-next.observableusercontent.com/ef3d946ccf160cca48b7f42bef702f21fe993881f97ef1654f4d43be2e36569d","tier":null}],"members":[{"type":"individual","id":"37f1612f224a0555","login":"mmznrstat","name":"Matthias Mazenauer","avatar_url":"https://avatars-next.observableusercontent.com/ef3d946ccf160cca48b7f42bef702f21fe993881f97ef1654f4d43be2e36569d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Play @ HSLU","cells":[{"id":0,"value":"md`# Play @ HSLU\n## Data Literacy: \nLaure Stadler, Matthias Mazenauer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"md`Programm:\n- 23.9. Von der Realität zu Daten und zurück\n- 29.9. Daten⁴\n- 30.9. Daten verarbeiten`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"html`

23. September 2020, Tag 1

Von der Realität zu Daten und zurück

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"viewof context = {\n const context = DOM.context2d(width, height);\n context.canvas.style.display = \"block\";\n context.canvas.style.maxWidth = \"100%\";\n context.canvas.value = context;\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"viewof projection = {\n const input = projectionInput({\n value: new URLSearchParams(location.search).get(\"projection\"),\n name: \"projection\"\n });\n const interval = setInterval(() => {\n input.i.selectedIndex = (input.i.selectedIndex + 1) % projections.length;\n input.dispatchEvent(new CustomEvent(\"input\"));\n }, 1500);\n input.addEventListener(\"change\", () => clearInterval(interval));\n invalidation.then(() => clearInterval(interval));\n return input;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"md`Die Projektion der Erdhalbkugel ist ein Beispiel für die Abbildung der Realität in Daten. Wir diskutieren zusammen, \n- wo man Daten in der Realität findet;\n- wie man die Realität mit Daten abbilden kann;\n- was man dabei beachten muss.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"html`

29. September 2020, Tag 2

Daten⁴

\nlesen, sammeln, (verarbeiten), veröffentlichen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"md`### Daten lesen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"dayChart","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"md`siehe auch diese [Präsentation](https://docs.google.com/presentation/d/190FFYNGJEe1gDzHsPJAFzd5FkVRcvoVcHjy2TC1GLcQ/edit#slide=id.g61d7d27111_17_3)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"md`### Daten sammeln`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"md`von A wie Abe, über M wie Migros bis Z wie Zero-Zeit`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"md`${await FileAttachment(\"image@2.png\").image()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"md`Buchtipp:
\n[The Movement of Clouds around Mount Fuji
\nPhotographed and Filmed by Masanao Abe\n](\"https://spectorbooks.com/the-movement-of-clouds-around-mount-fuji\")`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"md`### Daten verarbeiten`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"md`siehe Tag 3`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"md`### Daten veröffentlichen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"md`

date,time,abbreviation_canton_and_fl,ncumul_tested,ncumul_conf,new_hosp,current_hosp,current_icu,current_vent,ncumul_released,ncumul_deceased,current_isolated,current_quarantined,current_quarantined_riskareatravel,current_quarantined_total \n2020-09-02,09:40,BS,,1226,,4,2,,1126,54,47,97,536,2,284,381,2\n2020-09-03,09:30,BS,,1229,,5,2,,1127,54,48,100,539,2,296,396,3\n2020-09-04,09:00,BS,,1233,,5,2,,1130,54,49,101,539,2,267,368,3\n2020-09-05,09:15,BS,,1237,,6,2,,1137,54,46,79,541,2,302,381,4\n2020-09-06,09:45,BS,,1241,,5,2,,1148,54,39,75,541,2,331,406,3\n2020-09-07,09:00,BS,,1247,,4,1,,1151,54,42,63,543,1,325,388,3\n2020-09-08,09:00,BS,,1254,,4,1,,1154,54,46,67,544,1,305,372,3\n2020-09-09,09:00,BS,,1258,,3,1,,1158,54,46,83,545,1,304,387,2

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"html`

Leviathan

Director: \n Andrey Zvyagintsev\n (born\n February 6, 1964\n ) \n

\n Drama \n Trailer \n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"html`

30. September 2020, Tag 3

Daten verarbeiten

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"md`${await FileAttachment(\"image@1.png\").image()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"md`## Anhang`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"FileAttachment(\"image@2.png\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"FileAttachment(\"image@1.png\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"FileAttachment(\"image.png\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"outline = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"graticule = d3.geoGraticule10()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"land = topojson.feature(world, world.objects.land)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"import {world} from \"@d3/projection-transitions\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"d3 = require(\"d3-geo@1\", \"d3-geo-projection@2\", \"d3-ease@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"width = 954","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"function render(projection) {\n const path = d3.geoPath(projection, context);\n context.clearRect(0, 0, width, height);\n context.save();\n context.beginPath(), path(outline), context.clip(), context.fillStyle = \"#fff\", context.fillRect(0, 0, width, height);\n context.beginPath(), path(graticule), context.strokeStyle = \"#ccc\", context.stroke();\n context.beginPath(), path(land), context.fillStyle = \"#000\", context.fill();\n context.restore();\n context.beginPath(), path(outline), context.strokeStyle = \"#000\", context.stroke();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"update = {\n const r0 = mutable previousProjection;\n const r1 = projection;\n if (r0 === r1) return;\n mutable previousProjection = r1;\n const interpolate = interpolateProjection(r0, r1);\n for (let j = 1, m = 45; true; ++j) {\n const t = Math.min(1, ease(j / m));\n render(interpolate(t).rotate([performance.now() / 100, 0]));\n yield;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"mutable previousProjection = d3.geoEquirectangularRaw","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"function interpolateProjection(raw0, raw1) {\n const {scale: scale0, translate: translate0} = fit(raw0);\n const {scale: scale1, translate: translate1} = fit(raw1);\n return t => d3.geoProjection((x, y) => lerp2(raw0(x, y), raw1(x, y), t))\n .scale(lerp1(scale0, scale1, t))\n .translate(lerp2(translate0, translate1, t))\n .precision(0.1);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"function lerp1(x0, x1, t) {\n return (1 - t) * x0 + t * x1;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"function lerp2([x0, y0], [x1, y1], t) {\n return [(1 - t) * x0 + t * x1, (1 - t) * y0 + t * y1];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"FileAttachment(\"image@3.png\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"function fit(raw) {\n const p = d3.geoProjection(raw).fitExtent([[0.5, 0.5], [width - 0.5, height - 0.5]], outline);\n return {scale: p.scale(), translate: p.translate()};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"ease = d3.easeCubicInOut","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"function projectionInput({name = \"\", value} = {}) {\n const form = html`

${name}`;\n form.onchange = () => form.dispatchEvent(new CustomEvent(\"input\")); // Safari\n form.oninput = (event) => {\n if (event && event.isTrusted) form.onchange = null;\n form.value = projections[form.i.selectedIndex].value;\n };\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"import {dayChart} from \"@mmznrstat/tagliche-covid-19-fallzahlen-im-kanton-zurich-stripdown\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2c","stdlib":"1","titling":"auto"}} 2a:"$29:body"

Von der Realität zu Daten und zurück

Daten4

Leviathan

Daten verarbeiten

Daten⁴