2a:T56a,{ vl.vega.timeFormatLocale(locale); // show dates in German vl.vega.formatLocale(locale); // show numbers with German groupings/ separators const plot = vl.markPoint({filled: true}) .config({padding: {"left": 5, "top": 5, "right": 50, "bottom": 70}}) // now tooltip will not be clipped .data(vl_data1) .encode( vl.x().fieldQ(vlSelection_to_feature(vlx)), vl.y().fieldQ(vlSelection_to_feature(vly)), vl.size().fieldQ(vlSelection_to_feature(vlsize)).scale({range: [0, 1000]}), vl.color().fieldN('Regierungsbezirk'), vl.color({field: 'Regierungsbezirk', type: 'nominal'}), vl.opacity().value(0.5), vl.order().fieldQ(vlSelection_to_feature(vlsize)).sort('descending'), // vl.tooltip(["Landkreis", vlSelection_to_feature(vlx), vlSelection_to_feature(vly)]) vl.tooltip([ { "field": "Landkreis", "type": "nominal" }, { "field": vlSelection_to_feature(vlx), "type": "quantitative", "format": formatColumn(vlSelection_to_feature(vlx)), }, { "field": vlSelection_to_feature(vly), "type": "quantitative", "format": formatColumn(vlSelection_to_feature(vly)), } ]) ); return plot.render(); // return html`

${JSON.stringify(plot.toJSON(), 0, 2)}

`; // format JSON data }2b:T46f,function labels(svg) { let label = svg.append("g") .style("font", "bold 12px var(--sans-serif)") .style("font-variant-numeric", "tabular-nums") .attr("text-anchor", "end") .selectAll("text"); return ([date, data], transition) => label = label .data(data.slice(0, n), d => d.name) .join( enter => enter.append("text") .attr("transform", d => `translate(${x(d.value)},${y(n)})`) .attr("y", y.bandwidth() / 2) .attr("x", -6) .attr("dy", "-0.25em") .text(d => d.name) .call(text => text.append("tspan") .attr("fill-opacity", 0.7) .attr("font-weight", "normal") .attr("x", -6) .attr("dy", "1.15em")), update => update, exit => exit.transition(transition).remove() .attr("transform", d => `translate(${x(d.value)},${y(n)})`) ) .call(bar => bar.transition(transition) .attr("transform", d => `translate(${x(d.value)},${y(d.rank)})`) .call(g => g.select("tspan").tween("text", function(d) { return textTween(parseNumber(this.textContent), d.value); }))); }2c:T547,vl_num_features = { let ar = []; ar.push({ value: "corona.infiziert", desc: "Anzahl der infizierten Personen", format: "abs"}); ar.push({ value: "corona.infiziert_je_Flaeche", desc: "Anzahl der infizierten Personen geteilt durch die Fläche", format: "rel"}); ar.push({ value: "corona.infiziert_je_HT_Einwohner", desc: "Anzahl der infizierten Personen je 100.000 Einwohner", format: "rel"}); ar.push({ value: "corona.verdopplungszeit", desc: "Anzahl der Tage, in denen sich die Anzahl der infizierten Personen verdoppelt", format: "rel"}); ar.push({ value: "corona.infiziert_neu", desc: "Anzahl der in den letzten 5 Tage neu infizierten Personen", format: "abs"}); ar.push({ value: "corona.infiziert_neu_je_HT_Einwohner", desc: "Anzahl der in den letzten 5 Tage neu infizierten Personen je 100.000 Einwohner", format: "rel"}); ar.push({ value: "Flaeche", desc: "Fläche in Quadratkilometer", format: "rel"}); ar.push({ value: "Einwohner", desc: "Absolute Anzahl der Einwohner", format: "abs"}); ar.push({ value: "Einwohner_m", desc: "Absolute Anzahl der männlichen Einwohner", format: "abs"}); ar.push({ value: "Einwohner_w", desc: "Absolute Anzahl der weiblichen Einwohner", format: "abs"}); ar.push({ value: "Einwohner_je_Flaeche", desc: "Bevölkerungsdichte (Einwohner je Quadratkilometer)", format: "rel"}); return ar; }2d:T4f9,vl_data1 = { let lkrData = vl_data.features.map(l => { let obj = {}; Object.assign(obj, l.properties.wiki); obj.Einwohner_m = l.properties.destatis.population_m; obj.Einwohner_w = l.properties.destatis.population_w; obj.Einwohner_je_Flaeche = obj.Einwohner / obj.Flaeche; obj.corona = {}; obj.corona.infiziert = rbc_data[rbc_data.length - 1][obj.Landkreis]; obj.corona.infiziert_je_HT_Einwohner = obj.corona.infiziert / obj.Einwohner * 100000; obj.corona.infiziert_je_Flaeche = obj.corona.infiziert / obj.Flaeche; obj.corona.verdopplungszeit = verdopplungszeit(l.properties.wiki.Landkreis, 5); obj.corona.infiziert_neu = xTageInzidenz(l.properties.wiki.Landkreis, 5); obj.corona.infiziert_neu_je_HT_Einwohner = obj.corona.infiziert_neu / obj.Einwohner * 100000; return obj; }); lkrData.infiziert_je_Flaeche = getStatsObject(lkrData, "infiziert_je_Flaeche"); lkrData.infiziert_je_HT_Einwohner = getStatsObject(lkrData, "infiziert_je_HT_Einwohner"); lkrData.verdopplungszeit = getStatsObject(lkrData, "verdopplungszeit"); lkrData.infiziert_neu = getStatsObject(lkrData, "infiziert_neu"); lkrData.infiziert_neu_je_HT_Einwohner = getStatsObject(lkrData, "infiziert_neu_je_HT_Einwohner"); return lkrData; }2e:[] 29:{"title":"Entwicklung des Coronavirus in Bayern","cells":[{"id":0,"value":"md`# Entwicklung des Coronavirus in Bayern`","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"md`### Daten\nDie folgenden Grafiken basieren auf Daten zu Covid-19 vom Bayerischen Landesamt für Gesundheit und Lebensmittelsicherheit (LGL). Dies ist die offizielle Stelle in Bayern, welche täglich die Anzahl der infizierten Personen für alle 71 Landkreise, bzw. 25 kreisfreie Städte im Freistaat Bayern publiziert.\n\n**_Achtung!_** Die Daten können aus verschiedenen Gründen nur als Indikation interpretiert werden: Sie enthalten nur die Teilmenge von bis dato infizierten Personen, die getestet wurden und deren Ergebnisse an das LGL übermittelt wurden. Informationen über die Genesung der Personen oder dem tatsächlichen Erkrankungsdatum sind nicht bekannt und werden hier nicht gesondert modelliert. \n\nAußerdem wurden noch Daten von Wikipedia, OpenDataLab und Destatis verwendet.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"md`### Entwicklung der infizierten Personen in Bayern\nDie folgende Grafik zeigt für jeden Tag die zehn Landkreise, bzw. kreisfreie Städte, welche die meisten infizierten Personen an diesem Tag hatten. Die Zeitreihe beginnt mit dem 27.01.2020, an dem sich [ein Mitarbeiter der Firma Webasto im Landkreis Starnberg infiziert hatte](https://cdn.jsdelivr.net/gh/EE2dev/dataViz_meetup/covid-19/bayerischesGesundheitsministerium/0127.pdf) und endet am ${rbc_data[rbc_data.length-1].Datum}.\n\n👉 Schauen Sie sich die komplette Entwicklung an oder bewegen Sie den Schieberegler unter der Grafik auf den entsprechenden Tag.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n const updateBars = bars(svg);\n const updateAxis = axis(svg);\n const updateLabels = labels(svg);\n const updateTicker = ticker(svg);\n \n invalidation.then(() => svg.interrupt());\n\n return Object.assign(svg.node(), {\n update(keyframe) {\n const transition = svg.transition()\n .duration(duration)\n .ease(d3.easeLinear);\n\n // Extract the top bar’s value.\n x.domain([0, keyframe[1][0].value]);\n updateAxis(keyframe, transition);\n updateBars(keyframe, transition);\n updateLabels(keyframe, transition);\n updateTicker(keyframe, transition);\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"viewof keyframe = Scrubber(keyframes, {\n format: ([date]) => formatDate(date),\n delay: duration,\n loop: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"md`
\n### Warum sind die Auswirkungen auf die Landkreise/ kreisfreien Städte so unterschiedlich?\nWenn wir statt der gesamten Entwicklung den jetzigen Stand (vom ${rbc_data[rbc_data.length-1].Datum}) betrachten, können wir verschiedene Größen der Landkreise/ kreisfreien Städte näher untersuchen. In der folgenden Grafik wird der Anteil der infizierten Personen (Y-Achse) in Beziehung gesetzt mit der Bevölkerungsdichte (X-Achse). Jeder Landkreis/ kreisfreie Stadt wird durch einen Kreis dargestellt, deren Größe die absolute Einwohnerzahl widerspiegelt.\n\nWelcher Landkreis hat den höchsten Anteil an infizierten Personen?\n\n👉 Wählen Sie nun andere Größen für die X-, Y-Achse oder die Größe der Kreise aus.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"$2a","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"viewof vlx = select({\n title: \"X-Achse:\",\n options: vl_num_features.map(d => d.desc),\n value: vl_num_features.map(d => d.desc)[10]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"viewof vly = select({\n title: \"Y-Achse:\",\n options: vl_num_features.map(d => d.desc),\n value: vl_num_features.map(d => d.desc)[2]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"viewof vlsize = select({\n title: \"Größe der Kreise:\",\n options: vl_num_features.map(d => d.desc),\n value: vl_num_features.map(d => d.desc)[7]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"md`\n
\n
\nSind Sie interessiert an Darstellungen, die speziell Ihr Landkreis/ Ihre kreisfreie Stadt betreffen?\n\n👉 [Dann geht's hier weiter.](https://observablehq.com/@ee2dev/coronavirus-in-bayern-teil-2)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"html`

😉

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"md`

\n## Anhang`","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"md`#### Variablen`","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"margin = ({top: 16, right: 6, bottom: 6, left: 0})","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"height = margin.top + barSize * n + margin.bottom","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"barSize = 48","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"n = 12","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"k = 20","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"duration = 250","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"locale = {\n return {\n \"decimal\": \",\",\n \"thousands\": \".\",\n \"grouping\": [3],\n \"currency\": [\"€\", \"\"],\n \"dateTime\": \"%a %b %e %X %Y\",\n \"date\": \"%d.%m.%Y\",\n \"time\": \"%H:%M:%S\",\n \"periods\": [\"AM\", \"PM\"],\n \"days\": [\"Sonntag\", \"Montag\", \"Dienstag\", \"Mittwoch\", \"Donnerstag\", \"Freitag\", \"Samstag\"],\n \"shortDays\": [\"So\", \"Mo\", \"Di\", \"Mi\", \"Do\", \"Fr\", \"Sa\"],\n \"months\": [\"Januar\", \"Februar\", \"März\", \"April\", \"Mai\", \"Juni\", \"Juli\", \"August\", \"September\", \"Oktober\", \"November\", \"Dezember\"],\n \"shortMonths\": [\"Jan\", \"Feb\", \"Mär\", \"Apr\", \"Mai\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dez\"]\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"md`#### Funktionen`","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"chart.update(keyframe)","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"y = d3.scaleBand()\n .domain(d3.range(n + 1))\n .rangeRound([margin.top, margin.top + barSize * (n + 1 + 0.1)])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"x = d3.scaleLinear([0, 1], [margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"color = {\n const scale = d3.scaleOrdinal(d3.schemeTableau10);\n if (rbc_data2.some(d => d.category !== undefined)) {\n const categoryByName = new Map(rbc_data2.map(d => [d.name, d.category]))\n scale.domain(Array.from(categoryByName.values()));\n return d => scale(categoryByName.get(d.name));\n }\n return d => scale(d.name);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"function ticker(svg) {\n const now = svg.append(\"text\")\n .style(\"font\", `bold ${barSize}px var(--sans-serif)`)\n .style(\"font-variant-numeric\", \"tabular-nums\")\n .attr(\"text-anchor\", \"end\")\n .attr(\"x\", width - 6)\n .attr(\"y\", margin.top + barSize * (n - 0.45))\n .attr(\"dy\", \"0.32em\")\n .text(formatDate(keyframes[0][0]));\n\n return ([date], transition) => {\n transition.end().then(() => now.text(formatDate(date)));\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"formatDate = d3.utcFormat(\"%d.%m.%Y\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":51,"value":"function axis(svg) {\n const g = svg.append(\"g\")\n .attr(\"transform\", `translate(0,${margin.top})`);\n\n const axis = d3.axisTop(x)\n .ticks(width / 160)\n .tickSizeOuter(0)\n .tickSizeInner(-barSize * (n + y.padding()));\n\n return (_, transition) => {\n g.transition(transition).call(axis);\n g.select(\".tick:first-of-type text\").remove();\n g.selectAll(\".tick:not(:first-of-type) line\").attr(\"stroke\", \"white\");\n g.select(\".domain\").remove();\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"parseNumber = string => +string.replace(/,/g, \"\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"function bars(svg) {\n let bar = svg.append(\"g\")\n .attr(\"fill-opacity\", 0.6)\n .selectAll(\"rect\");\n\n return ([date, data], transition) => bar = bar\n .data(data.slice(0, n), d => d.name)\n .join(\n enter => enter.append(\"rect\")\n .attr(\"fill\", color)\n .attr(\"height\", y.bandwidth())\n .attr(\"x\", x(0))\n .attr(\"y\", y(n))\n .attr(\"width\", d => x(d.value) - x(0)),\n update => update,\n exit => exit.transition(transition).remove()\n .attr(\"y\", y(n))\n .attr(\"width\", d => x(d.value) - x(0))\n )\n .call(bar => bar.transition(transition)\n .attr(\"y\", d => y(d.rank))\n .attr(\"width\", d => x(d.value) - x(0)));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"function textTween(a, b) {\n const i = d3.interpolateNumber(a, b);\n return function(t) {\n this.textContent = formatNumber(i(t));\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"formatNumber = d3.format(\",d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"keyframes = {\n const keyframes = [];\n let ka, a, kb, b;\n for ([[ka, a], [kb, b]] of d3.pairs(datevalues)) {\n for (let i = 0; i < k; ++i) {\n const t = i / k;\n keyframes.push([\n new Date(ka * (1 - t) + kb * t),\n rank(name => (a.get(name) || 0) * (1 - t) + (b.get(name) || 0) * t)\n ]);\n }\n }\n keyframes.push([new Date(kb), rank(name => b.get(name) || 0)]);\n return keyframes;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"datevalues = Array.from(d3.rollup(rbc_data2, ([d]) => d.value, d => +d.date, d => d.name))\n .map(([date, data]) => [new Date(date), data])\n .sort(([a], [b]) => d3.ascending(a, b))","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"function rank(value) {\n const data = Array.from(names, name => ({name, value: value(name)}));\n data.sort((a, b) => d3.descending(a.value, b.value));\n for (let i = 0; i < data.length; ++i) data[i].rank = Math.min(n, i);\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"names = new Set(rbc_data2.map(d => d.name))","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"function push (arr, p1, p2, p3, p4) {\n let obj = {};\n obj.name = p1;\n obj.date = p2;\n obj.value = p3;\n obj.date2 = p4;\n arr.push(obj); \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"function reformat(date) {\n // transforms \"18.12.2003\" to date (2003-12-18)\n let initialFormat = d3.timeParse(\"%d.%m.%Y\")(date);\n let destinationFormat = d3.timeFormat(\"%Y-%m-%d\");\n\treturn new Date(destinationFormat(initialFormat));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"function reformat2(date) {\n // transforms \"18.12.2003\" to date (2003-12-18)\n let initialFormat = d3.timeParse(\"%d.%m.%Y\")(date);\n let destinationFormat = d3.timeFormat(\"%Y-%m-%d\");\n\treturn destinationFormat(initialFormat);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"function getStatsObject (lkr, prop) {\n const data = lkr.map(d => d.corona[prop]);\n let obj = {};\n obj.median = { value: Number.isNaN(d3.median(data)) ? Infinity : d3.median(data)};\n obj.median.Landkreis = lkr[d3.minIndex (data, d => Math.abs(d - obj.median.value))].Landkreis;\n obj.min = { Landkreis: lkr[d3.minIndex(data)].Landkreis, value: d3.min(data) };\n obj.max = { Landkreis: lkr[d3.maxIndex(data)].Landkreis, value: d3.max(data) };\n return obj;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"function verdopplungszeit(lk, diff) {\n const ar = rbc_data1[lk];\n const res = (Math.log(2) / Math.log(ar[ar.length-1] / ar[ar.length-1 - diff])) * diff;\n return (res < 0) ? undefined : res;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"function xTageInzidenz(lk, tage) {\n let ar = rbc_data1[lk].filter((d,i) => i > rbc_data1[lk].length - 1 - tage - 1);\n /*\n let br = ar.map((d,i) => (i < ar.length - 1) ? ar[i+1] - d : 0); \n let cr = d3.sum(br);\n */\n const res = (ar[ar.length - 1] - ar[0]);\n // return (res < 0) ? undefined : res;\n return (res < 0) ? 0 : res;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"$2c","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"function vlSelection_to_feature(selection) {\n return vl_num_features.filter(d => d.desc === selection)[0].value;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"function formatColumn(col) {\n const format = vl_num_features.filter(d => d.value === col)[0].format\n let result = \"\";\n if (format === \"abs\") {\n result = \",.0f\";\n } else if (format === \"rel\") {\n result = \",.1f\";\n } \n return result;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"function sameDay(d1, d2) {\n return d1.getFullYear() === d2.getFullYear() &&\n d1.getMonth() === d2.getMonth() &&\n d1.getDate() === d2.getDate();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"md`#### Daten`","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"rbc_data = d3.dsv(\",\", \"https://cdn.jsdelivr.net/gh/EE2dev/dataViz_meetup/covid-19/data/corona_bavaria_daily_infected.csv?a=\" + Date.now(), d3.autoType) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":" // transpose data\n// implementation found at https://stackoverflow.com/questions/42880867/transpose-an-array-of-objects-in-javascript\nrbc_data1 = Object.assign(...Object.keys(rbc_data[0]).map( key =>\n ({ [key]: rbc_data.map( o => o[key] ) })\n));","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"rbc_data2 = {\n const ar = [];\n for (const landkreis in rbc_data1) {\n if (landkreis !== \"Datum\" && landkreis !== \"_gesamt\" && landkreis !== \"_unbekannt\") {\n rbc_data1[landkreis].forEach(\n (item, index) => push(ar, landkreis, reformat(rbc_data1.Datum[index]), item, reformat2(rbc_data1.Datum[index])));\n }\n }\n return ar;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"bdf_data = d3.dsv(\",\", \"https://cdn.jsdelivr.net/gh/EE2dev/dataViz_meetup/covid-19/data/corona_bavaria_daily_fatalities.csv?a=\" + Date.now(), d3.autoType) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":" // transpose data\n// implementation found at https://stackoverflow.com/questions/42880867/transpose-an-array-of-objects-in-javascript\nbdf_data1 = Object.assign(...Object.keys(bdf_data[0]).map( key =>\n ({ [key]: bdf_data.map( o => o[key] ) })\n));","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"bdf_data2 = {\n let ar = [];\n for (const ele of bdf_data1.Datum) {\n ar.push(reformat(ele));\n }\n return Object.assign({date: ar}, bdf_data1);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":324,"value":"bdf_data3 = {\n let obj1;\n let ar = [];\n for (const ele of rbc_data2) {\n obj1 = {};\n obj1 = Object.assign(obj1, ele);\n obj1.infected = obj1.value;\n delete obj1.value;\n const dateFound = bdf_data2.date.find(d => sameDay(d, ele.date));\n if (!dateFound) {\n obj1.deaths = 0;\n } else {\n obj1.deaths = bdf_data2[ele.name][bdf_data2.date.indexOf(dateFound)];\n }\n obj1.deaths_new = (ar[ar.length-1] && ar[ar.length - 1].date < obj1.date) ? obj1.deaths - ar[ar.length - 1].deaths : obj1.deaths;\n obj1.infected_new = (ar[ar.length-1] && ar[ar.length - 1].date < obj1.date) ? obj1.infected - ar[ar.length - 1].infected : obj1.infected; \n ar.push(obj1);\n }\n return ar;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"vl_data = d3.json(\"https://cdn.jsdelivr.net/gh/EE2dev/dataViz_meetup/covid-19/data/landkreise_simplify200.geojson?b=\" + Date.now());","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"$2d","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"md`#### Libraries und imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"d3 = require(\"d3@5\", \"d3-array@2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2e","stdlib":"1","titling":"auto"}