2e:null 2f:["$","title",null,{"children":"Zeitverlauf zu den Daten aus dem Contact Tracing zu SARS-COV-2 des Kantons Zürich | Office for Statistics and Data of the Canton of Zurich | Observable"}] 34:T914,chart = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, widthNow, height]) .style("overflow", "visible"); let legende = svg .append('g') .attr('id', 'legende') .attr('pointer-events', 'none') .attr('transform', 'translate(' + margin.left + ',' + 0 + ')'); legende .append('line') .attr('x1', 20) .attr('x2', 40) .attr('y1', 5) .attr('y2', 5) .style('stroke', d3.schemePuOr[3][2]) .style('stroke-width', 3); legende .append('text') .attr('x', 45) .attr('y', 10) .text('Ansteckungskontext nicht eindeutig'); legende .append('line') .attr('x1', 20) .attr('x2', 40) .attr('y1', 25) .attr('y2', 25) .style('stroke', d3.schemePuOr[3][0]) .style('stroke-width', 3); legende .append('text') .attr('x', 45) .attr('y', 30) .text('Ansteckungskontext eindeutig'); let xAxis = svg.append("g").call(xAxisL1); let xAxis2 = svg.append("g").call(xAxisL2); xAxis2.selectAll('line').attr('stroke', 'none'); xAxis2.selectAll('path').attr('stroke', 'none'); let xAxis3 = svg.append("g").call(xAxisL3); xAxis3.selectAll('line').attr('stroke', 'none'); xAxis3.selectAll('path').attr('stroke', 'none'); let yAxis = svg.append("g").call(yAxisL); let text = ""; if (linie == "n_conf") { text = "Anzahl Fälle"; } else { text = "Anteil der Fälle in Prozent"; } svg .append('text') .attr('x', -margin.top) .attr('y', 12) .text(text) .style('fill', 'dimgrey') .attr('transform', 'rotate(-90)') .style('text-anchor', 'end'); if (linie == "perc_conf") { yAxis.selectAll('text').each(function(d, i) { d3.select(this).text(d + '%'); }); } else { yAxis.selectAll('text').each(function(d, i) { d3.select(this).text(d.toLocaleString("de-CH")); }); } const path = svg .append("g") .attr("fill", "none") .attr("stroke-width", 1.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .selectAll("path") .data(dataLine.series) .join("path") .style("mix-blend-mode", "multiply") .attr("d", d => line(d.values)) .attr("stroke", d => color(d.name)); svg.call(hover, path); svg.selectAll('text').style('font-size', 'calc(0vw + 14px)'); return svg.node(); }35:T1054,viewof AreaChartAge = { //let height = 550; const svg = d3 .create("svg") .attr('id', 'statArea') .attr("viewBox", [0, 0, widthNow, height]); var root = d3.select("#statArea"); let thisData, thisColor, thisKey; let group = svg.append("g"); group .selectAll("path.area") .data(dataStack) .join("path") .attr("fill", ({ key }) => color(key)) .attr('class', 'area') .attr("d", area) .on('mousemove', function(d, { key }) { d3.select('#mouseGr').remove(); console.log(d); thisData = d3.select(this).datum(); thisColor = d3.select(this).attr("fill"); console.log(thisData); thisKey = key; d3.selectAll('.area').style('opacity', 0.5); d3.select(this).style('opacity', 1); let mouseGr = svg .append('g') .attr('id', 'mouseGr') .attr('pointer-events', 'none'); var mouseX = d3.pointer(d, this)[0]; console.log(mouseX); var mouseDate = x.invert(mouseX); console.log(mouseDate); var bisectDate = d3.bisector(function(d) { console.log(d); return d3.timeDay.offset(parseTime(d.data.week), 7); }).right; var thisD = bisectDate(thisData, mouseDate); mouseGr .append('line') .attr('x1', x(parseTime(thisData[thisD].data.week))) .attr('x2', x(parseTime(thisData[thisD].data.week))) .attr('y1', yScaleArea(thisData[thisD][0])) .attr('y2', yScaleArea(thisData[thisD][1])) .style('stroke', 'grey'); mouseGr .append('circle') .attr('cx', x(parseTime(thisData[thisD].data.week))) .attr('cy', yScaleArea(thisData[thisD][0])) .attr('r', 4) .attr('fill', color(thisData.key)) .attr('stroke', 'grey'); mouseGr .append('circle') .attr('cx', x(parseTime(thisData[thisD].data.week))) .attr('cy', yScaleArea(thisData[thisD][1])) .attr('r', 4) .attr('fill', color(thisData.key)) .attr('stroke', 'grey'); let deltaX = 10, textAnchor = 'start'; if (mouseX > widthNow / 2) { deltaX = -10; textAnchor = 'end'; } mouseGr .append('text') .attr( 'y', yScaleArea(thisData[thisD][0]) + (yScaleArea(thisData[thisD][1]) - yScaleArea(thisData[thisD][0])) / 2 ) .attr('x', x(parseTime(thisData[thisD].data.week)) + deltaX) .attr('text-anchor', textAnchor) .text( thisData.key + ': ' + thisData[thisD].data[thisData.key].toLocaleString("de-CH") ); }) .on('mouseout', function() { d3.selectAll('.area').style('opacity', 1); d3.select(this).style('opacity', 1); }); let text = ""; if (offset == "d3.stackOffsetZero") { text = "Anzahl Fälle"; } else { text = "Anteil der Fälle in Prozent"; } svg .append('text') .attr('x', -margin.top) .attr('y', 12) .text(text) .style('fill', 'dimgrey') .attr('transform', 'rotate(-90)') .style('text-anchor', 'end'); let xAxis = svg.append("g").call(xAxisL1); let xAxis2 = svg.append("g").call(xAxisL2); xAxis2.selectAll('line').attr('stroke', 'none'); xAxis2.selectAll('path').attr('stroke', 'none'); let xAxis3 = svg.append("g").call(xAxisL3); xAxis3.selectAll('line').attr('stroke', 'none'); xAxis3.selectAll('path').attr('stroke', 'none'); let yAxisT = svg .append("g") .call(yAxis) .call(g => g.select(".domain").remove()); if (offset == "d3.stackOffsetExpand") { yAxisT.selectAll('text').each(function(d, i) { d3.select(this).text(+d * 100 + '%'); }); } else { yAxisT.selectAll('text').each(function(d, i) { d3.select(this).text(d.toLocaleString("de-CH")); }); } svg.selectAll('text').style('font-size', 'calc(0vw + 14px)'); return Object.assign(svg.node(), { value: null, onmousemove: event => { event.currentTarget.value = { data: thisData, color: thisColor, key: thisKey }; event.currentTarget.dispatchEvent(new CustomEvent("input")); } }); }36:T6ac,function hover(svg, path) { if ("ontouchstart" in document) svg .style("-webkit-tap-highlight-color", "transparent") .on("touchmove", moved) .on("touchstart", entered) .on("touchend", left); else svg .on("mousemove", moved) .on("mouseenter", entered) .on("mouseleave", left); const dot = svg.append("g").attr("display", "none"); dot.append("circle").attr("r", 2.5); dot .append("text") .attr("font-family", "sans-serif") //.attr("font-size", 10) .attr("text-anchor", "middle") .attr("y", -8); function moved(event) { event.preventDefault(); const pointer = d3.pointer(event, this); const xm = x.invert(pointer[0]); const ym = y.invert(pointer[1]); let anchor = 'start'; if (pointer[0] > width / 2) { anchor = 'end'; } const i = d3.bisectCenter(dataLine.dates, xm); const s = d3.least(dataLine.series, d => Math.abs(d.values[i] - ym)); path .attr("stroke", d => (d === s ? color(d.name) : "#ddd")) .filter(d => d === s) .raise(); console.log(s); console.log(i); dot .attr("transform", `translate(${x(dataLine.dates[i])},${y(s.values[i])})`) .attr('fill', color(s.name)); let textSuf = ''; if (linie == "perc_conf") { textSuf = '%'; } dot .select("text") .text(s.name + ': ' + s.values[i] + textSuf) .attr('text-anchor', anchor); } function entered() { path.style("mix-blend-mode", null).attr("stroke", "#ddd"); dot.attr("display", null); } function left() { path.style("mix-blend-mode", "multiply").attr("stroke", d => color(d.name)); dot.attr("display", "none"); } }37:[] 32:{"id":"96996ca3c2eb28b7","slug":"zeitverlauf-zu-den-daten-aus-dem-contact-tracing-zu-sars-cov","title":"Zeitverlauf zu den Daten aus dem Contact Tracing zu SARS-COV-2 des Kantons Zürich","thumbnail":"056a80c06e403fbd0ad22300907c6037fa5090147a5dab448d8b422482860a90","access_level":"public","create_time":"$D2020-10-02T12:20:07.929Z","update_time":"$D2020-12-24T08:36:33.977Z","view_time":null,"first_public_time":"$D2020-10-02T12:21:42.826Z","has_unpublished_edits":null,"fork":{"id":"5960de729c81f218","slug":"zeitverlauf-zu-den-daten-aus-dem-contact-tracing-zu-sars-cov/2","title":"Zeitverlauf zu den Daten aus dem Contact Tracing zu SARS-COV-2 des Kantons Zürich","owner":{"id":"a8029a35a2e0d70a","login":"mmznrstat","name":"Matthias Mazenauer"}},"stars":0,"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":1614,"publish_version":1614,"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":"32d8f5276b0e4535","login":"cgrb","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a7d9a10b8456291ccefbc9c7c7b9ecdc5d5f31095c0a77bdea09bd75590057bc","tier":null,"role":"editor"},{"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":{"id":"81f9fa676fc4c7d1","slug":"covid19","title":"covid19","owner":{"id":"4b23743d6fe05d13","login":"statistikzh","name":"Office for Statistics and Data of the Canton of Zurich"}},"type":"notebook","body":{"title":"Zeitverlauf zu den Daten aus dem Contact Tracing zu SARS-COV-2 des Kantons Zürich","cells":[{"id":0,"value":"md`\n# Zeitverlauf zu den Daten aus dem Contact Tracing zu SARS-COV-2 des Kantons Zürich\n $\"\"$ \n### [Fach- und Koordinationsstelle OGD](https://open.zh.ch/content/internet/justiz_inneres/ogd/de/home.html)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"shareTweet(document.baseURI, {\n buttonText: \"Auf Twitter teilen\",\n text: \"COVID-19 Fallzahlen im Kanton Zürich\",\n hashtags: \"covid19zh\",\n via: \"opendatazh\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1175,"value":"md`Anteil der Ansteckungskontexte über die Zeit`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1190,"value":"viewof linie = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1068,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":932,"value":"viewof curveD = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1583,"value":"curve = 'd3.curveLinear'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":916,"value":"viewof offset = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":941,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1072,"value":"line = d3\n .line()\n .defined(d => !isNaN(d))\n .x((d, i) => x(dataLine.dates[i]))\n .y(d => y(d))\n .curve(d3.curveCardinal.tension(0.7))\n//.curve(d3.curveMonotoneX)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1070,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1232,"value":"color = d3.scaleOrdinal()\n .range(colorRange)\n .domain(kategorien)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1279,"value":"colorRange = (function() {\n let arr = [];\n //let arr = d3.schemeCategory10.slice(0, 5);\n arr.unshift(d3.schemePuOr[3][2]);\n for (let i = arr.length; i < kategorien.length; i++) {\n arr.push(d3.hsl(d3.schemePuOr[3][0])); //.brighter(1));\n }\n return arr;\n})()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1277,"value":"color.range()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"md`## Daten`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"yScale.domain().map(function(item) { return item.replace(\"Bekannte infizierende Person, aber ohne Angabe des Kontexts\",\"Ohne Angabe\"); })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"kategorien = distincts(dataEind, \"context_cat\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"dataOrg = d3\n .csv(\n \"https://raw.githubusercontent.com/openZH/covid_19_contact_tracing_ZH/master/data/Ansteckungswege.csv\"\n )\n .then(function(data) {\n data.forEach(function(d) {\n if (d.context_bool == \"Nicht eindeutig\") {\n d.context_cat = d.context_cat.replace(\n '',\n 'Ansteckunskontext nicht eindeutig'\n );\n }\n });\n return data;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":884,"value":"datesSelect = distincts(dataOrg, \"from\").sort(d3.ascending).filter((x, i) => i % 2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1241,"value":"top5 = dataOrg.filter(d => d.from == d3.max(dataOrg, d=> d.from))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":905,"value":"dataOrgDistinct = dataEind.filter(\n function(e) {\n return this.indexOf(e.from) > 0;\n },\n datesSelect\n).sort((a,b) => parseTime(a.from) - parseTime(b.from));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":971,"value":"xAxis = g =>\n g.attr(\"transform\", `translate(0,${height - margin.bottom})`).call(\n d3.axisBottom(xScaleWeek).tickFormat(d =>\n d.toLocaleString(\"de-CH\", {\n day: \"numeric\",\n month: \"short\"\n })\n )\n .tickValues(datesSelect.forEach(d =>parseTime(d)))\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1006,"value":"yAxis = g =>\n g\n .attr(\"transform\", `translate(${margin.left},${0})`)\n .call(d3.axisLeft(yScaleArea.nice()))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1025,"value":"dataContextWide = function () {\n \n let nest = d3O.nest()\n .key(d => d.from)\n .key(d => d.context_cat)\n .rollup(function(leaves) { return d3.sum(leaves, function(d) {return +(d.n_conf);})})\n .entries(dataOrgDistinct)\n\n \n console.log(nest)\n //console.log(nest)\n let data = [];\n for (let i = 0;i parseTime(a.week) - parseTime(b.week));\n }()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1081,"value":"dataLine = (function() {\n const data = dataOrgDistinct;\n const columns = datesSelect;\n let dataNew = {};\n\n dataNew.dates = columns\n .map(parseTime)\n .filter(el => el > parseTime(\"2020-06-03\"));\n //.filter(el => el > parseTime(datesSelect[0]));\n\n dataNew.y = \"Anzahl Nennungen\";\n dataNew.series = [];\n for (let i = 0; i < kategorienTot.length; i++) {\n if (kategorienTot[i].length > 0) {\n let serie = {};\n serie.name = kategorienTot[i];\n serie.values = [];\n for (let j = 0; j < dataOrgDistinct.length; j++) {\n if (dataOrgDistinct[j].context_cat == serie.name) {\n serie.values.push(+dataOrgDistinct[j][linie].replace('< 0.5', '0'));\n }\n }\n dataNew.series.push(serie);\n }\n }\n\n return dataNew;\n})()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1104,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(dataLine .series, d => d3.max(d.values))]).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1164,"value":"yAxisL = g =>\n g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1160,"value":"x = d3\n .scaleTime()\n .domain(d3.extent(dataLine.dates))\n .range([margin.left, widthNow - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1166,"value":"xAxisL1 = g =>\n g.attr(\"transform\", `translate(0,${height - margin.bottom})`).call(\n d3\n .axisBottom(x)\n //.ticks(d3.timeMonth)\n //.tickSizeOuter(0)\n .tickValues(dataLine.dates)\n .tickFormat(d =>\n d.toLocaleString(\"de-CH\", {\n day: \"numeric\",\n month: \"short\"\n })\n )\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1365,"value":"xAxisL2 = g =>\n g.attr(\"transform\", `translate(0,${height - margin.bottom + 16})`).call(\n d3\n .axisBottom(x)\n //.ticks(d3.timeMonth)\n //.tickSizeOuter(0)\n .tickValues(dataLine.dates)\n .tickFormat(d => ' bis ')\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1372,"value":"xAxisL3 = g =>\n g.attr(\"transform\", `translate(0,${height - margin.bottom + 32})`).call(\n d3\n .axisBottom(x)\n //.ticks(d3.timeMonth)\n //.tickSizeOuter(0)\n .tickValues(dataLine.dates)\n .tickFormat(d =>\n d3.timeDay.offset(d, 13).toLocaleString(\"de-CH\", {\n day: \"numeric\",\n month: \"short\"\n })\n )\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"dataStack = d3.stack()\n .keys(kategorienTot)\n //.offset(d3.stackOffsetExpand)\n //.offset(d3.stackOffsetSilhouette)\n .offset(eval(offset))\n .order(d3.stackOrderDescending)\n (dataContextWide).filter(el => el.key.length>0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":922,"value":"area = d3\n .area()\n .curve(eval(curve))\n .x(d => x(parseTime(d.data.week)))\n .y0(d => yScaleArea(d[0]))\n .y1(d => yScaleArea(d[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":935,"value":"yScaleArea = d3\n .scaleLinear()\n .domain([0, Math.round(d3.max(dataStack, d => d3.max(d, d => d[1])))])\n .nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"d3.max(dataStack, d => d3.max(d, d => d[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":939,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":945,"value":"colorArea = d3.scaleOrdinal()\n .domain(kategorienTot)\n .range(d3.schemeRdBu[11].reverse());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"xScaleWeek = d3\n .scaleTime()\n .domain([parseTime(d3.extent(datesSelect)[0]),parseTime(d3.extent(datesSelect)[1])])\n .range([margin.left, widthNow - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"fromMax = d3.max(dataOrg, d => d.from)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"fromMin = d3.min(datesSelect, d => d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"untilMax = d3.max(dataOrg, d => d.until)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"extent = [parseTime(fromMin), parseTime(untilMax)];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"data = dataOrg.filter(function(el) {\n return el.from == fromMax && el.until == untilMax && +el.n_conf>0\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"dataEindNoSort = dataOrg //.filter(el => el.context_bool == \"Eindeutig\")\n .sort(function(a, b) {\n return d3.descending(+a.n_conf, +b.n_conf);\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":396,"value":"dataEind = dataEindNoSort.filter(el => el.context_cat !== \"Ohne Angabe\" && el.context_cat !== \"Sonstige\").concat(dataEindNoSort.filter(el => el.context_cat == \"Sonstige\" || el.context_cat == \"Ohne Angabe\").sort(function(a, b) {\n return d3.descending(a.context_cat,b.context_cat)\n}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"md`### Daten für den gesamten Zeitraum`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"dataTot = d3.csv(\"https://raw.githubusercontent.com/openZH/covid_19_contact_tracing_ZH/master/data/Ansteckungswege_total.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"kategorienTot = distincts(dataEindTot, \"context_cat\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"dataEindNoSortTot = dataTot.filter(el => el.context_bool == \"Eindeutig\").sort(function(a, b) {\n return d3.descending(+a.n_conf, +b.n_conf)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"dataEindTot = dataOrg.filter(el => el.context_cat !== \"Ohne Angabe\" && el.context_cat !== \"Sonstige\").concat(dataEindNoSortTot.filter(el => el.context_cat == \"Sonstige\" || el.context_cat == \"Ohne Angabe\").sort(function(a, b) {\n return d3.descending(a.context_cat,b.context_cat)\n}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"md`## Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":522,"value":"drag = {\n\n function dragstarted(d) {\n d3.select('#sliderGr').select('text').attr(\"fill\", \"white\");\n }\n\n function dragged(d) {\n let xPos = xScaleExtent( d3.timeDay.offset(d3.timeWeek.round(xScaleExtent.invert(d3.event.x)), -3));\n let xMinMax = d3.min([d3.max([xPos, xScaleExtent.range()[0]]),xScaleExtent(d3.timeDay.offset(d3.timeWeek.offset(xScaleExtent.domain()[1],-2)),1)]);\n d3.select('#sliderGr').attr('transform','translate('+xMinMax+','+15+')').attr('cursor', 'grabbing')\n d3.select('#sliderGr').select('polygon').attr('fill','grey');\n }\n\n function dragended(d) {\n d3.select('#sliderGr').select('polygon').attr('fill','lightgrey')\n d3.select('#sliderGr').attr('cursor', 'grab');\n d3.select('#sliderGr').select('text').attr(\"fill\", \"grey\");\n }\n\n return d3.drag()\n .on(\"start\", dragstarted)\n .on(\"drag\", dragged)\n .on(\"end\", dragended);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"d3.timeWeek.offset(xScaleExtent.domain()[1],-2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"d3.timeDay.round(xScaleExtent.invert(150))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"\nfunction getDates(extent) {\n var dateArray = new Array();\n var currentDate = extent[0];\n while (currentDate <= extent[1]) {\n dateArray.push(new Date (currentDate));\n currentDate = currentDate.addDays(7);\n }\n return dateArray;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"Date.prototype.addDays = function(days) {\n var date = new Date(this.valueOf());\n date.setDate(date.getDate() + days);\n return date;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"function getMetadata(odswissId) {\n let link =\n \"https://opendata.swiss/api/3/action/package_show?id=\" +\n odswissId;\n const metadata = d3.json(link);\n //https://opendata.swiss/api/3/action/package_show?id=\n return metadata;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"xScale = d3\n .scaleLinear()\n .domain([0, d3.max(dataEind, d=> +d.n_conf)])\n .range([margin.left, widthNow-margin.right]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"xScaleTot = d3\n .scaleLinear()\n .domain([0, d3.max(dataEindTot, d=> +d.n_conf)])\n .range([margin.left, widthNow-margin.right]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":476,"value":"xScaleExtent = d3\n .scaleTime()\n .domain(extent)\n .range([180, widthNow -80])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"yScale = d3\n .scaleBand()\n .domain(kategorien)\n .range([margin.top,heightBar - margin.bottom])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"yScaleTot = d3\n .scaleBand()\n .domain(kategorienTot)\n .range([margin.top,heightBar - margin.bottom])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"function distincts(array,element) {\n var flags = [], output = [], l = array.length, i;\n \n for( i=0; i\n/* required styles */\n* { font-family: Helvetica, Arial, sans-serif;\n margin: 0;\n}\n\n.stat_big {\n font-size: 18px;\n}\n\n