2b:null 2c:["$","title",null,{"children":"NIS - als Anteile | cgrb | Observable"}] 31:T45d,viewof chartServicesFacet = Plot.plot({ title: "Feldstärke pro Service im Vergleich zur Gesamtfeldstärke", subtitle: "Max. 6-Minuten-Mittelwert, in Volt pro Meter (V/m)", caption: "Hinweis: Es handelt sich um Beispieldaten und keine effektiven Messwerte.", width, height: 350, marginBottom: 45, facet: { data, x: "service", label: null }, x: { axis: "bottom", grid: true, // ticks: d3.range(0, 5), // tickFormat: (d) => (d === 50 ? `${d}` : `${d}`), tickSize: 6, label: "Feldstärke in V/m" }, y: { label: null, domain: years }, color: { scheme: "dark2" }, marks: [ Plot.barX(totalsData, { x: "total", y: "year", fill: "#ddd", insetTop: 2, insetBottom: 2 }), Plot.barX(data, { x: "value", y: "year", fill: "service", // sort: { fx: "x", reverse: true }, insetTop: 6, insetBottom: 6 }), Plot.ruleY([0]), Plot.text(data, { text: "value", x: "value", y: "year", textAnchor: "end", dx: 30, fill: "black" }) ] })32:[{"id":"c4d92dc5ba72129820ae730928c33a143619627556bffdab45afe2deaad0d9443d41f2f7ee91fb5335950477b4161acfb1bb87f920deafd688554404f7dbda6d","href":"https://static.observableusercontent.com/files/c4d92dc5ba72129820ae730928c33a143619627556bffdab45afe2deaad0d9443d41f2f7ee91fb5335950477b4161acfb1bb87f920deafd688554404f7dbda6d","name":"schulhausmessung_dummy.csv","type":"text/csv","lastModified":1698064347214.171,"size":1069}] 2f:{"id":"a12208fde1e8ffd0","slug":null,"title":"NIS - als Anteile","thumbnail":"b51c75318cb464d7692ee496fd3b3d68de320b65c0546332a137a9e16f9791d1","access_level":"public","create_time":"$D2023-10-23T12:31:26.400Z","update_time":"$D2023-10-23T16:30:57.339Z","view_time":null,"first_public_time":"$D2023-10-23T12:31:26.400Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c365a64096212d04","login":"cgrb","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9c462d01fa9cdefc59de658728a5180d59049d26d0bf92c2d5b62b3b0753d40d","tier":"starter_2024"},"version":288,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"32d8f5276b0e4535","login":"cgrb","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a7d9a10b8456291ccefbc9c7c7b9ecdc5d5f31095c0a77bdea09bd75590057bc","tier":null}],"members":[{"type":"individual","id":"32d8f5276b0e4535","login":"cgrb","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a7d9a10b8456291ccefbc9c7c7b9ecdc5d5f31095c0a77bdea09bd75590057bc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"NIS - als Anteile","cells":[{"id":0,"value":"# NIS - als Anteile","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":169,"value":"wrapper = {\n return render(\n lit.html`\n

NIS-Feldstärkemessung

Schulhaus Werd, Zürich

\n \n

\n ${viewof radios}\n

\n ${radios == \"Gesamtfeldstärke\" ? viewof chartTotal : viewof chartAnteile}\n

\n \n

Datenquelle: Amt für Abfall, Wasser, Energie und Luft des Kantons Zürich, \n Daten zur Grafik runterladen\n

NIS-Feldstärkemessung

Schulhaus Werd, Zürich

\n \n

\n ${viewof chartServicesFacet}\n

\n ${viewof chartServicesStacked}\n

\n \n

Datenquelle: Amt für Abfall, Wasser, Energie und Luft des Kantons Zürich, \n Daten zur Grafik runterladen\n

\n `,\n this\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"viewof radios = Inputs.radio([\"Gesamtfeldstärke\", \"Anteil je Service\"], {\n label: null,\n value: \"Gesamtfeldstärke\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"viewof chartAnteile = Plot.plot({\n title: \"Anteil je Service an der Gesamtfeldstärke, 2018-2021\",\n subtitle: \"In Prozent (%)\",\n caption:\n \"Hinweis: Es handelt sich um Beispieldaten und keine effektiven Messwerte.\",\n width,\n height: 350,\n marginBottom: 45,\n color: { scheme: \"Dark2\", legend: true },\n y: { label: null },\n x: {\n label: \"Anteil an Gesamtfeldstärke (%)\",\n grid: true,\n domain: [0, 100],\n percent: true\n },\n // x: { percent: true },\n marks: [\n Plot.barX(data, {\n x: \"value\",\n fill: \"service\",\n y: \"year\",\n tip: true,\n offset: \"normalize\"\n })\n // Plot.ruleX([5], { stroke: \"red\" }),\n // Plot.text(totalsData, {\n // text: \"total\",\n // x: \"total\",\n // y: \"year\",\n // textAnchor: \"end\",\n // dx: 30,\n // fill: \"black\"\n // })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"viewof chartTotal = Plot.plot({\n title: \"Gemessenen Gesamtfeldstärke, 2018-2021\",\n subtitle: \"In V/m\",\n caption:\n \"Hinweis: Es handelt sich um Beispieldaten und keine effektiven Messwerte.\",\n width,\n height: 350,\n marginBottom: 45,\n color: { legend: false },\n y: { label: null },\n x: { label: \"Feldstärke in V/m\", grid: true, domain: [0, 5.5] },\n marks: [\n Plot.text([[5, 2018]], {\n text: [\"Anlagegrenzwert\"],\n textAnchor: \"start\",\n dx: 16,\n fill: \"red\"\n }),\n Plot.barX(totalsData, {\n x: \"total\",\n y: \"year\",\n fill: \"#00407C\"\n }),\n Plot.ruleX([0]),\n Plot.ruleX([5], { stroke: \"red\" }),\n Plot.text(totalsData, {\n text: \"total\",\n x: \"total\",\n y: \"year\",\n textAnchor: \"end\",\n dx: -3,\n fill: \"white\"\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"viewof chartServicesStacked = Plot.plot({\n title: \"Gemessene Feldstärke pro Service, 2018-2021\",\n subtitle: \"Max. 6-Minuten-Mittelwert, in Volt pro Meter (V/m)\",\n caption:\n \"Hinweis: Es handelt sich um Beispieldaten und keine effektiven Messwerte.\",\n width,\n height: 350,\n marginBottom: 45,\n color: { scheme: \"Dark2\", legend: true },\n y: { label: null },\n x: {\n label: \"Feldstärke (V/m)\",\n grid: true,\n domain: [0, 1]\n // percent: true\n },\n // x: { percent: true },\n marks: [\n Plot.barX(data, {\n x: \"value\",\n fill: \"service\",\n y: \"year\",\n tip: true\n // offset: \"normalize\"\n })\n // Plot.ruleX([5], { stroke: \"red\" }),\n // Plot.text(totalsData, {\n // text: \"total\",\n // x: \"total\",\n // y: \"year\",\n // textAnchor: \"end\",\n // dx: 30,\n // fill: \"black\"\n // })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"Plot.plot({\n marginLeft: 50,\n color: { domain: categories, scheme: \"dark2\", legend: true },\n facet: { data: data, x: \"service\" },\n y: { grid: true },\n x: { axis: null, domain: years },\n marks: [\n Plot.ruleX(data, {\n x: \"year\",\n y: \"value\",\n stroke: \"service\",\n strokeWidth: 3\n }),\n Plot.dot(data, {\n x: \"year\",\n y: \"value\",\n fill: \"service\",\n r: 5\n // sort: { fx: \"y\", reduce: \"sum\", reverse: true }\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":186,"value":"dataPath = \"https://observablehq.com/d/a12208fde1e8ffd0#data\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"// Dummy-Data\ndata = {\n const csv = await FileAttachment(\"schulhausmessung_dummy.csv\").text();\n return d3.csvParse(\n csv,\n ({ year, service, value, unit_short, unit_long }) => ({\n year: new Date(year).getFullYear(),\n service: service,\n value: Number.parseFloat(value),\n unit: unit_short,\n unit_long: unit_long\n })\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"years = [...new Set(data.map((d) => d.year))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"categories = [...new Set(data.map((d) => d.service))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"totalsData = years\n .map((year) => {\n const locationData = data\n .filter((d) => d.year === year)\n .reduce((acc, d) => {\n acc[d.service] = d.value;\n return acc;\n }, {});\n\n return Object.assign(\n {\n year,\n total: d3.sum(\n data.filter((d) => d.year === year),\n (d) => d.value\n )\n },\n locationData\n );\n })\n .sort((a, b) => b.year - a.year)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"ZHColors = ({\n black: {\n 100: \"#000000\",\n 80: \"#333333\",\n 60: \"#666666\",\n 40: \"#949494\",\n 20: \"#cccccc\",\n 10: \"#f0f0f0\",\n 5: \"#f7f7f7\",\n 0: \"#FFFFFE\"\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"render = function (\n template,\n element = document.createElement(\"span\"),\n options\n) {\n lit.render(template, element, options);\n return element;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"lit = import(\"lit-html@2.8.0\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"### References\n\n- [Bullet graph](https://observablehq.com/@palewire/california-covid-19-disparities-bullet-graph)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"