30:T5d7,{ const filtered = [ 'totale_positivi', ] const values = raw.filter(d => filtered.includes(d.type)) return vl({ title: "Focus: attualmente positivi (in scala lineare e logaritmica)", legends: [{direction: "horizontal"}], data: {values: values}, concat: [ { width: 320, height: 150, view: {"fill": "#f4f4f4", strokeWidth: 1}, layer: [ { mark: "line", encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, annotations ] }, { width: 320, height: 150, view: {"fill": "#f4f4f4", strokeWidth: 1}, layer: [ { mark: "line", encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: 'log'}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, annotations ] } ] }) }31:T544,{ const filtered = [ 'isolamento_domiciliare', 'terapia_intensiva', 'ricoverati_con_sintomi', ] return vl({ title: "Focus: infetti (in scala lineare e logaritmica)", legends: [{direction: "horizontal"}], data: {values: raw.filter(d => filtered.includes(d.type))}, concat: [ { width: 320, height: 150, mark: {type: "line", strokeWidth: 3, blend: 'exclusion'}, view: {"fill": "#f4f4f4", strokeWidth: 1}, encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, { width: 320, height: 150, mark: "line", view: {"fill": "#f4f4f4", strokeWidth: 1}, encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: 'log'}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } } ] }) }32:T4f0,{ const filtered = [ 'deceduti', 'dimessi_guariti', ] return vl({ title: "Focus: deceduti e guariti (in scala lineare e logaritmica)", legends: [{direction: "horizontal"}], data: {values: raw.filter(d => filtered.includes(d.type))}, concat: [ { width: 320, height: 150, mark: "line", view: {"fill": "#f4f4f4", strokeWidth: 1}, encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, { width: 320, height: 150, mark: "line", view: {"fill": "#f4f4f4", strokeWidth: 1}, encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: 'log'}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } } ] }) }33:T5cd,{ const filtered = [ 'terapia_intensiva', ] return vl({ title: "Focus: terapia intensiva (in scala lineare e logaritmica)", legends: [{direction: "horizontal"}], data: {values: raw.filter(d => filtered.includes(d.type))}, concat: [ { width: 320, height: 150, view: {"fill": "#f4f4f4", strokeWidth: 1}, layer: [ { mark: "line", encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, terapia_annotations ] }, { width: 320, height: 150, view: {"fill": "#f4f4f4", strokeWidth: 1}, layer: [ { mark: "line", encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: 'log'}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, terapia_annotations ] } ] }) }34:T5d7,{ const filtered = [ 'ricoverati_con_sintomi', ] return vl({ title: "Focus: ricoverati con sintomi (in scala lineare e logaritmica)", legends: [{direction: "horizontal"}], data: {values: raw.filter(d => filtered.includes(d.type))}, concat: [ { width: 320, height: 150, view: {"fill": "#f4f4f4", strokeWidth: 1}, layer: [ { mark: "line", encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, terapia_annotations ] }, { width: 320, height: 150, view: {"fill": "#f4f4f4", strokeWidth: 1}, layer: [ { mark: "line", encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: 'log'}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, terapia_annotations ] } ] }) }35:T4eb,{ const filtered = [ 'tamponi', 'totale_casi' ] return vl({ title: "Focus: tamponi vs infetti (in scala lineare e logaritmica)", legends: [{direction: "horizontal"}], data: {values: raw.filter(d => filtered.includes(d.type))}, concat: [ { width: 320, height: 150, mark: "line", view: {"fill": "#f4f4f4", strokeWidth: 1}, encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } }, { width: 320, height: 150, mark: "line", view: {"fill": "#f4f4f4", strokeWidth: 1}, encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: 'log'}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } } ] }) }36:T642,{ const filtered = 'totale_casi' const dataFrom100 = dataFrom(filtered, 250) const rawFrom100 = rawFrom(dataFrom100) return vl({ view: {"fill": "#f4f4f4", strokeWidth: 1}, width: 700, height: 800, layer: [ { data: {values: dataFrom100[dataFrom100.length - 1].filter(d => d[filtered] !== 0 && d.day > 0)}, mark: "point", encoding: { x: {field: "dayFromLongest", type: "ordinal", axis: {title: null}}, y: {field: filtered, type: "quantitative", scale: {type: 'log'}, axis: {title: null}}, color: {field: 'denominazione_regione', type: 'nominal'} } }, { data: {values: rawFrom100 .filter(d => filtered === d.type) .filter(d => d.value !== 0 && d.day > 0)}, mark: {type: "line", opacity: 0.8, strokeWidth: 0.7}, encoding: { x: {field: "dayFromLongest", type: "ordinal", axis: null}, y: {field: "value", type: "quantitative", scale: {type: 'log'}}, color: {field: 'region', type: 'nominal'} } }, { data: {values: dataFrom100[dataFrom100.length - 1].filter(d => d[filtered] !== 0 && d.day > 0)}, mark: {type: "text", "align": "left", dx: 10, opacity: 0.5}, encoding: { "text": {"field": "denominazione_regione", "type": "nominal"}, x: {field: "dayFromLongest", type: "ordinal", axis: null}, y: {field: filtered, type: "quantitative", scale: {type: 'log'}}, // color: {field: 'region', type: 'nominal'} } }, ] }) }37:T5a7,{ const filtered = 'deceduti' const min = 10 const scale = 'log' return vl({ view: {"fill": "#f4f4f4", strokeWidth: 1}, width: 700, height: 800, data: {values: dataFrom(filtered, min).flat()}, transform: [{filter: `datum.${filtered} > ${min}`}], layer: [ { transform: [{filter: `datum.data == "${recentData[0].data}"`}], layer: [ { mark: "point", encoding: { x: {field: "dayFromLongest", type: "ordinal", axis: {title: null}}, y: {field: filtered, type: "quantitative", scale: {type: scale}, axis: {title: null}}, color: {field: 'denominazione_regione', type: 'nominal'} } }, { mark: {type: "text", "align": "left", dx: 10, opacity: 0.5}, encoding: { "text": {"field": "denominazione_regione", "type": "nominal"}, x: {field: "dayFromLongest", type: "ordinal", axis: null}, y: {field: filtered, type: "quantitative", scale: {type: scale}}, } }, ] }, { mark: {type: "line", opacity: 0.8, strokeWidth: 0.7}, encoding: { x: {field: "dayFromLongest", type: "ordinal", axis: null}, y: {field: filtered, type: "quantitative", scale: {type: scale}}, color: {field: 'denominazione_regione', type: 'nominal'} } } ] }) } 38:T5b0,{ const filtered = 'terapia_intensiva' const min = 10 const scale = 'log' return vl({ view: {"fill": "#f4f4f4", strokeWidth: 1}, width: 700, height: 800, data: {values: dataFrom(filtered, min).flat()}, transform: [{filter: `datum.${filtered} > ${min}`}], layer: [ { transform: [{filter: `datum.data == "${recentData[0].data}"`}], layer: [ { mark: "point", encoding: { x: {field: "dayFromLongest", type: "ordinal", axis: {title: null}}, y: {field: filtered, type: "quantitative", scale: {type: scale}, axis: {title: null}}, color: {field: 'denominazione_regione', type: 'nominal'} } }, { mark: {type: "text", "align": "left", dx: 10, opacity: 0.5}, encoding: { "text": {"field": "denominazione_regione", "type": "nominal"}, x: {field: "dayFromLongest", type: "ordinal", axis: null}, y: {field: filtered, type: "quantitative", scale: {type: scale}}, } }, ] }, { mark: {type: "line", opacity: 0.8, strokeWidth: 0.7}, encoding: { x: {field: "dayFromLongest", type: "ordinal", axis: null}, y: {field: filtered, type: "quantitative", scale: {type: scale}}, color: {field: 'denominazione_regione', type: 'nominal'} } } ] }) } 39:Tea2,{ const makeGraphRegion = (region) => { const time = d3.timeFormat("%B %d") const filtered = [ 'isolamento_domiciliare', 'ricoverati_con_sintomi', 'terapia_intensiva' ] const deceduti = ['deceduti', 'dimessi_guariti'] const graph = vl({ data: { values: raw .filter(d => filtered.includes(d.type)) .map(d => Object.assign({}, d, {data_cleaned: time(new Date(d.data))})) }, "vconcat": [ // primo graph { width: 500, height: 200, mark: "bar", view: {"fill": "#f4f4f4", strokeWidth: 1}, transform: [{filter: {field: "region", equal: region}}], encoding: { x: {field: "data", type: "temporal", axis: null}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal'} } }, // secondo graph { data: { values: raw .filter(d => deceduti.includes(d.type)) .map(d => Object.assign({}, d, {data_cleaned: time(new Date(d.data))})) }, view: {"fill": "#f4f4f4", strokeWidth: 1}, width: 500, height: 80, mark: "line", transform: [{filter: {field: "region", equal: region}}, {filter: "datum.value > 0"}], encoding: { x: {field: "data", type: "temporal", axis: null}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: "log"}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered.concat(deceduti), "range": filtered.concat(deceduti).map(d => colours[d]) }} } }, // terzo graph { view: {"fill": "#f4f4f4", strokeWidth: 1}, width: 500, height: 80, mark: "line", transform: [{filter: {field: "region", equal: region}}, {filter: "datum.value > 0"}], encoding: { x: {field: "data", type: "temporal", axis: null}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}, scale: {type: "log"}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered.concat(deceduti), "range": filtered.concat(deceduti).map(d => colours[d]) }} } }, { view: {"fill": "#f4f4f4", strokeWidth: 1}, width: 500, height: 80, mark: "line", transform: [{filter: {field: "region", equal: region}}], encoding: { x: {field: "data", type: "temporal", axis: {title: null}}, y: {aggregate: 'sum', field: "value", type: "quantitative", axis: {title: null}}, color: {field: 'type', type: 'nominal', "scale": { "domain": filtered, "range": filtered.map(d => colours[d]) }} } } ] }) return graph } // return html`${ const wrapper = html`

`; const graphs = await Promise.all(regioni.map(region => { return makeGraphRegion(region) })) graphs.forEach((g, i) => { const graphWrapper = html`

`; graphWrapper.append(makeNumbers(['totale_casi', 'dimessi_guariti', 'deceduti', 'isolamento_domiciliare', 'ricoverati_con_sintomi', 'terapia_intensiva', 'tamponi'], recentData.filter(d => d.denominazione_regione === regioni[i]))) graphWrapper.append(g) wrapper.append(html`

Regione: ${regioni[i]}

`) wrapper.append(graphWrapper) }) // }` return wrapper }3a:T7c0,{ const x = 'deceduti' const y = 'nuovi_deceduti' const min = 30 const scale = 'log' const win = 7 return vl({ view: {"fill": "#f4f4f4", strokeWidth: 1}, width: 700, height: 700, data: {values: data.flat()}, transform: [ { "frame": [-win,win], "window": [ { "field": x, "op": "mean", "as": `rolling_${x}` } ], groupby: ["denominazione_regione"] }, { "frame": [-win, win], "window": [ { "field": y, "op": "mean", "as": `rolling_${y}` } ], groupby: ["denominazione_regione"] }, {filter: `datum.rolling_${x} > 20 && datum.rolling_${y} > 1`}, ], layer: [ { transform: [{filter: `datum.data == "${recentData[0].data}"`}], layer: [ { mark: "point", encoding: { x: {field: `rolling_${x}`, type: "quantitative", scale: {type: scale}}, y: {field: `rolling_${y}`, type: "quantitative", scale: {type: scale}}, color: {field: 'denominazione_regione', type: 'nominal'} } }, { mark: {type: "text", "align": "left", dx: 10, opacity: 0.5}, encoding: { "text": {"field": "denominazione_regione", "type": "nominal"}, x: {field: `rolling_${x}`, type: "quantitative", scale: {type: scale}}, y: {field: `rolling_${y}`, type: "quantitative", scale: {type: scale}}, } }, ] }, { mark: {type: "line", opacity: 0.9, strokeWidth: 0.7}, encoding: { x: {field: `rolling_${x}`, type: "quantitative", scale: {type: scale}}, y: {field: `rolling_${y}`, type: "quantitative", scale: {type: scale}}, color: {field: 'denominazione_regione', type: 'nominal'} } } ] }) } 3b:T126b,map = { const projection = d3 .geoAlbers() .rotate([-12.8, 0]) .parallels([40, 50]) .fitExtent([[0, 0], [w, h]], regions) const path = d3.geoPath().projection(projection) const svg = d3 .create("svg") .attr("width", w) .attr("height", h) .attr("viewBox", [0, 0, w, h]) .attr("class", "italy"); const legend = svg .append("g") .attr("class", "legend") .attr("fill", "#777") .attr( "transform", `translate(${w > breakpoint ? [w - w / 3.5, h / 3.5] : [10, h - 15]})` ); // const legendBubbles = legend // .selectAll("g") // .data(legendRadii) // .join("g"); // let margin = 0; // legendBubbles // .attr("transform", (d, i) => { // margin += i === 0 ? 0 : radius(legendBubbles.data()[i - 1]) * 2 + 15; // return `translate(${margin + radius(d)}, 0)`; // }) // .append("circle") // .attr("class", "legend-bubble") // .attr("fill", d => colorScale(d)) // .attr("cy", d => -radius(d)) // .attr("r", radius); // legendBubbles // .append("text") // .attr("dy", "1.3em") // .text(w > breakpoint ? numFormat : sFormat); svg .append("path") .datum(regions) .attr("d", path); svg .selectAll(".subunit") .data(regions.features) .enter() .append("path") .attr("class", function(d) { return "subunit"; }) .attr("d", path); const bubble = svg .selectAll(".bubble") .data(data[data.length - 1]) .enter() .append('g') .attr('class', 'bubble') const circle = bubble .append("circle") .attr("transform", function(d) { return "translate(" + projection([d.long, d.lat]) + ")"; }) .attr("class", "bubble") .attr("fill-opacity", 0.5) .attr("fill", d => colorScale(+d.totale_casi)) .attr("r", d => radius(+d.totale_casi)); const textOffsetY = 25 const totale_casi = bubble .append('text') .attr('class', 'totale_casi') .attr("transform", function(d) { return "translate(" + projection([d.long, d.lat]) + ")"; }) .attr('dy', -12 + textOffsetY) .attr('fill', d => totaleColor('nuovi_totale_casi')(d)) .text((d, i) => { const actual = d.totale_positivi const today = d.nuovi_totale_casi return `${actual} (${today} ${perc(d.frac_totale_casi)})` }) const deceduti = bubble .append('text') .attr('class', 'deceduti') .attr("transform", function(d) { return "translate(" + projection([d.long, d.lat]) + ")"; }) .attr('dy', 12 + textOffsetY) .attr('fill', d => decedutiColor('nuovi_deceduti')(d)) .text((d, i) => { const actual = d.deceduti const today = d.nuovi_deceduti return `${actual} (${today} ${perc(d.frac_deceduti)})` }) const guariti = bubble .append('text') .attr('class', 'guariti') .attr('dy', textOffsetY) .attr('fill', d => guaritiColor('nuovi_dimessi_guariti')(d)) .attr("transform", function(d) { return "translate(" + projection([d.long, d.lat]) + ")"; }) .text((d, i) => { const actual = d.dimessi_guariti const today = d.nuovi_dimessi_guariti return `${actual} (${today} ${perc(d.frac_dimessi_guariti)})` }) bubble.append("title"); // svg // .selectAll("place") // .data(places.features) // .enter() // .append("circle") // .attr("class", "place") // .attr("r", 2.5) // .attr("transform", function(d) { // return "translate(" + projection(d.geometry.coordinates) + ")"; // }); // svg // .selectAll(".place-label") // .data(places.features) // .enter() // .append("text") // .attr("class", "place-label") // .attr("transform", function(d) { // return "translate(" + projection(d.geometry.coordinates) + ")"; // }) // .attr("dy", ".35em") // .text(function(d) { // return d.properties.name; // }) // .attr("x", function(d) { // return d.geometry.coordinates[0] > -1 ? 6 : -6; // }) // .style("text-anchor", function(d) { // return d.geometry.coordinates[0] > -1 ? "start" : "end"; // }); const wrapper = html`

`; wrapper.append(svg.node()); return Object.assign(wrapper, { update(i) { const t = svg .transition() .duration(i === 0 ? 0 : 0) .ease(d3.easeLinear); bubble .data(data[i]) .call(b => { b.transition(t) .attr("fill", d => 'red') .attr("r", d => 12); }) .select("title") .text( d => `${d.denominazione_provincia}: ${numFormat(+d.totale_casi)} cases` ); } }); }3c:T6c2,function makeMap(type, obj = {title: true}) { const w = obj.width || 200 const h = obj.height || 300 let color if (obj.color) { const recent = data[data.length - 1] const extent = d3.extent(recent, d => +d[type]) color = obj.color(extent) console.log(extent) console.log(color({'nuovi_totale_casi': 10})) } else { color = colour(type) } const projection = d3 .geoAlbers() .rotate([-12.8, 0]) .parallels([40, 50]) .fitExtent([[0, 0], [w, h]], regions) const path = d3.geoPath().projection(projection) const svg = d3 .create("svg") .attr("width", w) .attr("height", h) .attr("viewBox", [0, 0, w, h]) .attr("class", "italy"); if (obj.title) svg.append('text') .text(dict[type] || type) .attr('dy', 10) .attr('x', w/2) svg .append("path") .datum(regions) .attr("d", path); svg .selectAll(".subunit") .data(regions.features) .enter() .append("path") .attr("class", function(d) { return "subunit"; }) .attr("d", path); const bubble = svg .selectAll(".bubble") .data(data[data.length - 1]) .enter() .append('g') .attr('class', 'bubble') const totale_casi = bubble .append('text') .attr('class', 'totale_casi') .attr("transform", function(d) { return "translate(" + projection([d.long, d.lat]) + ")"; }) .attr('dy', 0) .attr('fill', d => { console.log(d) console.log(color(d)) return color(d) }) .text((d, i) => { return `${d[type]}` }) return svg.node() }3d:T474,makeClassifiche = (array, recentData) => { return vl({ concat: array.map(d => ({ title: `${dict[d]}`, data: {values: recentData.filter(g => g[d] > 0)}, height: 250, width: 100, view: {"fill": "transparent", stroke: 'transparent'}, layer: [ { mark: {type: "bar", color: colours[d]}, encoding: { y: {field: "denominazione_regione", type: "nominal", axis: {title: null}, "sort": {"field": d, order: "descending"}}, x: {field: d, type: "quantitative", axis: null, scale: {type: "log"}}, } }, { mark: {type: "text", "align": "left", dx: 10, opacity: 0.5}, encoding: { "text": {"field": d, "type": "nominal"}, y: {field: "denominazione_regione", type: "nominal", axis: {title: null}, "sort": {"field": d, order: "descending"}}, x: {field: d, type: "quantitative", scale: {type: 'log'}, axis:null}, // color: {field: 'denominazione_regione', type: 'nominal'} } } ] })) }) }3e:T614,{ const c = `rgb(255, 255, 255, 0.5)`; return html``; }3f:[] 2e:{"title":"Infografiche: COVID-19 in Italia","cells":[{"id":0,"value":"html`

Infografiche: COVID-19 in Italia

\nUltimo aggiornamento: ${recentData[0].data}\n
Dona alla Protezione Civile o Guarda le infografiche regionali\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1138,"value":"md`## Numeri: i dati riassuntivi`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1036,"value":"numbersTop = makeNumbers(['tamponi', 'totale_casi', 'dimessi_guariti', 'deceduti'], recentData)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1129,"value":"numbersBottom = makeNumbers(['isolamento_domiciliare', 'ricoverati_con_sintomi', 'terapia_intensiva'], recentData)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1179,"value":"md`## Bollettino: i nuovi risultati rispetto a ieri`","pinned":false,"hidden":false,"mode":"ojs"},{"id":656,"value":"map2 = {\n const wrapper = html`

`;\n wrapper.append(makeMap('nuovi_totale_casi'));\n wrapper.append(makeMap('nuovi_dimessi_guariti'));\n wrapper.append(makeMap('nuovi_deceduti'));\n return wrapper;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":755,"value":"map3 = {\n\n const wrapper = html`

`;\n wrapper.append(makeMap('nuovi_isolamento_domiciliare'));\n wrapper.append(makeMap('nuovi_ricoverati_con_sintomi'));\n wrapper.append(makeMap('nuovi_terapia_intensiva'));\n\n return Object.assign(wrapper);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1185,"value":"md`## Status: la situazione attuale`","pinned":false,"hidden":false,"mode":"ojs"},{"id":760,"value":"map4 = {\n\n const wrapper = html`

`;\n wrapper.append(makeMap('totale_positivi'));\n wrapper.append(makeMap('dimessi_guariti'));\n wrapper.append(makeMap('deceduti'));\n\n return Object.assign(wrapper);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":777,"value":"map5 = {\n\n const wrapper = html`

`;\n wrapper.append(makeMap('isolamento_domiciliare'));\n wrapper.append(makeMap('ricoverati_con_sintomi'));\n wrapper.append(makeMap('terapia_intensiva'));\n\n return Object.assign(wrapper);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":991,"value":"md`## Dettagli: andamento nazionale`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1935,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1959,"value":"{\n const filtered = [\n 'nuovi_totale_casi',\n ]\n return vl({\n title: \"Focus: nuovi infetti giornalieri\",\n view: {\"fill\": \"#f4f4f4\"},\n width: 700,\n height: 150,\n legends: [{direction: \"horizontal\"}],\n data: {values: raw.filter(d => filtered.includes(d.type))},\n mark: \"line\",\n encoding: {\n x: {field: \"data\", type: \"temporal\", axis: {title: null}},\n y: {aggregate: 'sum', field: \"value\", type: \"quantitative\", axis: {title: null}},\n color: {field: 'type', type: 'nominal', \"scale\": {\n \"domain\": filtered,\n \"range\": filtered.map(d => colours[d])\n }}\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":804,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":750,"value":"{\n const filtered = [\n 'nuovi_isolamento_domiciliare',\n 'nuovi_terapia_intensiva',\n 'nuovi_ricoverati_con_sintomi',\n ]\n return vl({\n title: \"Focus: dati giornalieri\",\n view: {\"fill\": \"#f4f4f4\"},\n width: 700,\n height: 150,\n legends: [{direction: \"horizontal\"}],\n data: {values: raw.filter(d => filtered.includes(d.type))},\n mark: \"line\",\n encoding: {\n x: {field: \"data\", type: \"temporal\", axis: {title: null}},\n y: {aggregate: 'sum', field: \"value\", type: \"quantitative\", axis: {title: null}},\n color: {field: 'type', type: 'nominal', \"scale\": {\n \"domain\": filtered,\n \"range\": filtered.map(d => colours[d])\n }}\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":984,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1691,"value":"{\n const filtered = [\n 'nuovi_deceduti',\n 'nuovi_dimessi_guariti',\n ]\n return vl({\n view: {\"fill\": \"#f4f4f4\", strokeWidth: 1},\n title: \"Focus: deceduti e guariti\",\n width: 700,\n height: 150,\n legends: [{direction: \"horizontal\"}],\n layer: [\n {\n data: {values: raw.filter(d => filtered.includes(d.type))},\n mark: \"line\",\n encoding: {\n x: {field: \"data\", type: \"temporal\", axis: {title: null}},\n y: {aggregate: 'sum', field: \"value\", type: \"quantitative\", axis: {title: null}},\n color: {field: 'type', type: 'nominal', \"scale\": {\n \"domain\": filtered,\n \"range\": filtered.map(d => colours[d])\n }}\n }\n },\n mortalita_annotations\n ]\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1203,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1002,"value":"{\n const filtered = [\n 'nuovi_terapia_intensiva',\n ]\n return vl({\n view: {\"fill\": \"#f4f4f4\", strokeWidth: 1},\n title: \"Focus: nuovi in terapia intensiva\",\n width: 700,\n height: 150,\n legends: [{direction: \"horizontal\"}],\n data: {values: raw.filter(d => filtered.includes(d.type))},\n mark: \"point\",\n encoding: {\n x: {field: \"data\", type: \"temporal\", axis: {title: null}},\n y: {aggregate: 'sum', field: \"value\", type: \"quantitative\", axis: {title: null}},\n color: {field: 'type', type: 'nominal', \"scale\": {\n \"domain\": filtered,\n \"range\": filtered.map(d => colours[d])\n }}\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2848,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":2844,"value":"{\n const filtered = [\n 'nuovi_ricoverati_con_sintomi',\n ]\n return vl({\n view: {\"fill\": \"#f4f4f4\", strokeWidth: 1},\n title: \"Focus: nuovi ricoverati con sintomi\",\n width: 700,\n height: 150,\n legends: [{direction: \"horizontal\"}],\n data: {values: raw.filter(d => filtered.includes(d.type))},\n mark: \"point\",\n encoding: {\n x: {field: \"data\", type: \"temporal\", axis: {title: null}},\n y: {aggregate: 'sum', field: \"value\", type: \"quantitative\", axis: {title: null}},\n color: {field: 'type', type: 'nominal', \"scale\": {\n \"domain\": filtered,\n \"range\": filtered.map(d => colours[d])\n }}\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1020,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":1559,"value":"md`## Dettagli: andamento regionale`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1682,"value":"md`### Classifiche giornaliere`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1676,"value":"{\n const row1 = makeClassifiche(['nuovi_totale_casi', 'nuovi_tamponi', 'nuovi_deceduti', 'nuovi_dimessi_guariti'], recentData)\n const row2 = makeClassifiche(['nuovi_isolamento_domiciliare', 'nuovi_ricoverati_con_sintomi', 'nuovi_terapia_intensiva'], recentData)\n\n return html`

${await row1}

${await row2}

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1685,"value":"md`### Classifiche generali`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1679,"value":"{\n const row1 = makeClassifiche(['totale_positivi', 'tamponi', 'deceduti', 'dimessi_guariti'], recentData)\n const row2 = makeClassifiche(['isolamento_domiciliare', 'ricoverati_con_sintomi', 'terapia_intensiva'], recentData)\n \n return html`

${await row1}

${await row2}

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1552,"value":"md`## Dettagli: traiettoria regioni\n\nLe traiettorie mostrano quanti giorni di distanza sono le regioni fra di loro\n\n### traiettoria casi totali (inizio = 250 casi)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1555,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":2334,"value":"md`### traiettoria decessi (inizio = 10 decessi)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2339,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":2854,"value":"md`### traiettoria terapia intensiva (inizio = 10 casi)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2851,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":1394,"value":"md`## Dettagli: risultati nelle regioni`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1210,"value":"$39","pinned":false,"hidden":false,"mode":"ojs"},{"id":2363,"value":"{\n return vl({\n title: \"Focus: Lazio vs Lombardia\",\n view: {\"fill\": \"#f4f4f4\"},\n width: 700,\n height: 150,\n legends: [{direction: \"horizontal\"}],\n data: {values: raw},\n transform: [{filter: '(datum.region == \"Lazio\" || datum.region == \"Lombardia\") && datum.type == \"deceduti\" && datum.value > 0'}],\n mark: \"line\",\n encoding: {\n x: {field: \"data\", type: \"temporal\", axis: {title: null}},\n y: {aggregate: 'sum', field: \"value\", type: \"quantitative\", axis: {title: null}, scale: { type: 'log'}},\n color: {field: 'region', type: 'nominal'}\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2559,"value":"viewof dateProgress = Scrubber(data.map(d => new Date(d[0].data)), {\n autoplay: false,\n loop: false,\n format: d => d.toLocaleString(\"en\", {month: \"long\", day: \"numeric\"}),\n delay: 200\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2540,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs"},{"id":1032,"value":"md`## Overview: Infetti, Guaritie Decessi`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs"},{"id":1155,"value":"md`## Credits\n- Ispirato da [@jashkenas/italy-coronavirus-daily-cases-map-covid-19](https://observablehq.com/@jashkenas/italy-coronavirus-daily-cases-map-covid-19)\n- Dati dalla [Protezione Civile](https://github.com/pcm-dpc/COVID-19)\n- Altri [miei grafici](https://observablehq.com/d/a4516183589b75b4)\n- [Grafici della Protezione Civile](http://opendatadpc.maps.arcgis.com/apps/opsdashboard/index.html#/b0c68bce2cce478eaac82fe38d4138b1)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1017,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2041,"value":"md`## Sezione sviluppatori`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2909,"value":"data[data.length -1][0].nuovi_totale_casi","pinned":true,"hidden":false,"mode":"ojs"},{"id":2914,"value":"extent = d3.extent(data[data.length -1], d => +d['nuovi_totale_casi'])","pinned":true,"hidden":false,"mode":"ojs"},{"id":737,"value":"$3c","pinned":true,"hidden":false,"mode":"ojs"},{"id":2046,"value":"makeMap('nuovi_ricoverati_con_sintomi')","pinned":true,"hidden":false,"mode":"ojs"},{"id":1142,"value":"makeNumbers = (metrics, recentData) => {\n const sum = (type) => recentData\n .map(d => d[type])\n .reduce((acc, curr) => acc + (+curr), 0)\n const totale = metrics.map(d => {\n if (d === 'totale_casi') d = 'totale_positivi'\n return sum(d)\n })\n const nuovi = metrics.map(d => sum(`nuovi_${d}`))\n const frac = metrics.map(d => sum(`frac_${d}`))\n \n const perDay = metrics.map(d => 24*60*60 / sum(`nuovi_${d}`))\n\n return html`\n

\n ${metrics.map((d, i) => `

${dict[d]}

${comma(totale[i])}

${plus(nuovi[i])} (${perc(nuovi[i]/totale[i])}) da ieri

\n ${perDay[i] === Infinity ? `` : `

1 ogni ${timeFormat(perDay[i])}

`}\n

`)}\n

\n `\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":2039,"value":"makeNumbers(['totale_casi', 'dimessi_guariti', 'deceduti'], recentData)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2734,"value":"timeFormat(100000)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2607,"value":"timeFormat = (d) => {\n const date = Math.round(d)\n return (date < 60 ? `${date} secondi`\n : date < 60 * 2 ? `${Math.round(date/60)}m ${date % 60}s`\n : date < 60 * 60 ? `${Math.round(date/60)} minuti`\n : date < 60 * 60 * 24 ? (Math.round(date/(60*60)) === 1 ? `ora` : `${Math.round(date/(60*60))} ore`)\n : Math.round(date/(60*60*24)) === 1 ? `giorno` : `${Math.round(date/(60*60*24))} giorni`\n );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1868,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs"},{"id":2069,"value":"makeClassifiche(['nuovi_totale_casi', 'nuovi_deceduti'], recentData)","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"perc = d3.format('+.0%')","pinned":false,"hidden":false,"mode":"ojs"},{"id":2055,"value":"perc(0.5)","pinned":true,"hidden":false,"mode":"ojs"},{"id":293,"value":"plus = d3.format('+,.0f')","pinned":false,"hidden":false,"mode":"ojs"},{"id":2062,"value":"plus(2500)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1967,"value":"comma = d3.format(',')","pinned":false,"hidden":false,"mode":"ojs"},{"id":2076,"value":"comma(2500)","pinned":true,"hidden":false,"mode":"ojs"},{"id":2079,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"import {data, raw, recentData} from \"a4516183589b75b4\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"w = 1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"h = 1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"breakpoint = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"maxRadius = w > breakpoint ? 30 : 18","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"italy = (await fetch(\"https://raw.githubusercontent.com/deldersveld/topojson/master/countries/italy/italy-regions.json\")).json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"numFormat = d3.format(\",\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"sFormat = d3.format(\".1s\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"mapPath \n = d3.geoPath().projection(regions)","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"allRegions = topojson.feature(italy, italy.objects.ITA_adm1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"regions = ({\n ...allRegions,\n features: allRegions.features\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"places = topojson.feature(italy, italy.objects.ITA_adm1).features","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"totaleColor = (type) => {\n const array = data[data.length -1].map(d => d[type])\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return (d) => d3\n .scaleSqrt()\n .domain([0, (to+from)/2])\n .range([`hsla(37, 100%, 80%, 1)`, `hsla(7, 100%, 50%, 1)`])(d[type])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1005,"value":"recent = raw.filter(d => new Date(d.data) > new Date(raw[Math.round(raw.length/2)].data))","pinned":false,"hidden":false,"mode":"ojs"},{"id":703,"value":"colour = (type) => {\n if (['nuovi_totale_casi', 'totale_casi', 'red'].includes(type)) {\n return totaleColor(type)\n }\n if (['nuovi_deceduti', 'deceduti', 'black'].includes(type)) {\n return decedutiColor(type)\n }\n if (['nuovi_dimessi_guariti', 'dimessi_guariti', 'green'].includes(type)) {\n return guaritiColor(type)\n }\n if (['nuovi_terapia_intensiva', 'terapia_intensiva', 'violet'].includes(type)) {\n return terapiaColor(type)\n }\n if (['nuovi_ricoverati_con_sintomi', 'ricoverati_con_sintomi', 'acqua'].includes(type)) {\n return ricoveratiColor(type)\n }\n if (['nuovi_isolamento_domiciliare', 'isolamento_domiciliare', 'blue'].includes(type)) {\n return isolamentoColor(type)\n }\n return totaleColor(type)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":302,"value":"decedutiColor = (type) => {\n const array = data[data.length -1].map(d => d[type])\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return (d) => d3\n .scaleSqrt()\n .domain([0, (to+from)/2])\n .range([`hsla(0, 0%, 80%, 1)`, `hsla(0, 100%, 0%, 1)`])(d[type])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":813,"value":"terapiaColor = (type) => {\n const array = data[data.length -1].map(d => d[type])\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return (d) => d3\n .scaleSqrt()\n .domain([0, (to+from)/2])\n .range([`hsla(40, 10%, 60%, 0.6)`, `hsla(280, 100%, 35%, 1)`])(d[type])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":874,"value":"ricoveratiColor = (type) => {\n const array = data[data.length -1].map(d => d[type])\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return (d) => d3\n .scaleSqrt()\n .domain([0, to])\n .range([`hsla(40, 10%, 70%, 1)`, `hsla(180, 100%, 35%, 1)`])(d[type])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":877,"value":"isolamentoColor = (type) => {\n const array = data[data.length -1].map(d => d[type])\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return (d) => d3\n .scaleSqrt()\n .domain([from, (to+from)/2])\n .range([`hsla(40, 10%, 60%, 0.6)`, `hsla(210, 100%, 35%, 1)`])(d[type])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"guaritiColor = (type) => {\n const array = data[data.length -1].map(d => d[type])\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return (d) => d3\n .scaleSqrt()\n .domain([0, (to+from)/2])\n .range([`hsla(80, 20%, 60%, 0.6)`, `hsla(140, 100%, 30%, 1)`])(d[type])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"colorScale = {\n const array = data[data.length -1].map(d => d.totale_casi)\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return d3\n .scaleSqrt()\n .domain([from, to])\n .range([`hsla(57, 100%, 50%, 0.36)`, `hsla(7, 100%, 50%, 0.57)`])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":949,"value":"colours = ({\n nuovi_totale_casi: \"hsla(7, 100%, 50%, 1)\",\n totale_positivi: \"hsla(7, 100%, 50%, 1)\",\n nuovi_dimessi_guariti: \"hsla(140, 100%, 30%, 1)\",\n nuovi_deceduti: \"hsla(0, 100%, 0%, 1)\",\n nuovi_isolamento_domiciliare: \"hsla(210, 100%, 35%, 1)\",\n nuovi_ricoverati_con_sintomi: \"hsla(180, 100%, 35%, 1)\",\n nuovi_terapia_intensiva: \"hsla(280, 100%, 35%, 1)\",\n totale_casi: \"hsla(7, 100%, 50%, 1)\",\n dimessi_guariti: \"hsla(140, 100%, 30%, 1)\",\n deceduti: \"hsla(0, 100%, 0%, 1)\",\n isolamento_domiciliare: \"hsla(210, 100%, 35%, 1)\",\n terapia_intensiva: \"hsla(280, 100%, 35%, 1)\",\n ricoverati_con_sintomi: \"hsla(180, 100%, 35%, 1)\",\n tamponi: \"hsla(350, 100%, 35%, 1)\",\n nuovi_tamponi: \"hsla(350, 100%, 35%, 1)\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":425,"value":"radius = {\n const array = data[data.length -1].map(d => d.totale_casi)\n const from = Math.min.apply(Math, array)\n const to = Math.max.apply(Math, array)\n return d3\n .scaleSqrt()\n .domain([0, to])\n .range([0, maxRadius])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":746,"value":"vl = require(\"@observablehq/vega-lite@0.2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":917,"value":"dict = ({\n nuovi_totale_casi: \"Nuovi infetti\",\n totale_positivi: \"Infetti\",\n nuovi_dimessi_guariti: \"Nuovi guariti\",\n nuovi_deceduti: \"Nuovi deceduti\",\n nuovi_isolamento_domiciliare: \"Nuovi infetti in quarantena\",\n nuovi_ricoverati_con_sintomi: \"Nuovi ricoverati\",\n nuovi_terapia_intensiva: \"Nuovi in terapia intensiva\",\n nuovi_tamponi: \"Nuovi tamponi\",\n totale_casi: \"Infetti\",\n dimessi_guariti: \"Guariti\",\n deceduti: \"Deceduti\",\n isolamento_domiciliare: \"Infetti in casa\",\n terapia_intensiva: \"In intensiva\",\n ricoverati_con_sintomi: \"In ospedale\",\n tamponi: \"Tamponi\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1212,"value":"regioni = recentData.map(d => d.denominazione_regione)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1385,"value":"dataFrom = (filtered, min) => {\n const withDay = data\n .map((d, i, dd) => d.map((r, j) => {\n let prev = dd[i-1] && dd[i-1][j].day || 0\n dd[i][j].day = r[filtered] > min ? prev + 1 : 0\n return dd[i][j]\n }))\n .reverse()\n .map((d, i, dd) => d.map((r, j) => {\n if (i > 0) {\n const prev = dd[i-1] && dd[i-1][j].day === 0 ? -1 : dd[i-1][j].day -1\n dd[i][j].day = prev\n }\n return dd[i][j]\n }))\n .reverse()\n \n const max = Math.max.apply(Math, withDay.map(d => d.map(r => r.day)).flat())\n \n const final = withDay.map(d => d.map(r => Object.assign({}, r, {\n dayFromLongest: r.day - max\n })))\n \n return final\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1781,"value":"dataFrom('totale_casi', 250).map(d => d.map(r => r.dayFromLongest))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1389,"value":"rawFrom = (dataFrom) => dataFrom.flat().map(d => Object.keys(d)\n .filter(k => !['lat', 'long', 'stato', 'data', 'day', 'dayFromLongest', 'codice_regione', 'denominazione_regione'].includes(k))\n .map(key => ({\n region: d.denominazione_regione,\n day: d.day,\n dayFromLongest: d.dayFromLongest,\n type: key,\n value: d[key]\n}))).flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":2015,"value":"data[10][4]","pinned":false,"hidden":false,"mode":"ojs"},{"id":2155,"value":"annotations = ({\n data: {values: [{data: \"2020-03-11\", desc: `#iorestoacasa`}]},\n layer: [\n {\n \"mark\": {\"type\": \"rule\", \"color\": \"black\", opacity: 0.5},\n \"encoding\": {\n \"x\": {\n \"field\": \"data\",\n \"type\": \"temporal\"\n },\n }\n },\n {\n \"mark\": {\"type\": \"text\", \"color\": \"black\", \"align\": \"left\", dx: 5, opacity: 0.5},\n \"encoding\": {\n \"x\": {\n \"field\": \"data\",\n \"type\": \"temporal\"\n },\n text: {\n field: \"desc\"\n }\n }\n }\n ],\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2188,"value":"mortalita_avg = mortalita.reduce((acc, curr) => acc + curr.deceduti_avg, 0)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2403,"value":"terapia_annotations = ({\n data: {values: [{value: 5600, desc: `Terapia Intensiva (inizio 2020)`}]},\n layer: [\n {\n \"mark\": {\"type\": \"rule\", \"color\": \"black\", opacity: 0.5},\n \"encoding\": {\n \"y\": {\n \"field\": \"value\",\n \"type\": \"quantitative\"\n },\n }\n },\n {\n \"mark\": {\"type\": \"text\", \"color\": \"black\", \"align\": \"left\", dy: 10, opacity: 0.5, baseline: 'middle'},\n \"encoding\": {\n \"y\": {\n \"field\": \"value\",\n \"type\": \"quantitative\"\n },\n text: {\n field: \"desc\"\n }\n }\n }\n ],\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2182,"value":"mortalita_annotations = ({\n data: {values: [{value: mortalita_avg, desc: `Media decessi 2018`}]},\n layer: [\n {\n \"mark\": {\"type\": \"rule\", \"color\": \"black\", opacity: 0.5},\n \"encoding\": {\n \"y\": {\n \"field\": \"value\",\n \"type\": \"quantitative\"\n },\n }\n },\n {\n \"mark\": {\"type\": \"text\", \"color\": \"black\", \"align\": \"left\", dy: 10, opacity: 0.5, baseline: 'middle'},\n \"encoding\": {\n \"y\": {\n \"field\": \"value\",\n \"type\": \"quantitative\"\n },\n text: {\n field: \"desc\"\n }\n }\n }\n ],\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2168,"value":"md`[Dati su mortalità](http://dati.istat.it/Index.aspx?QueryId=19670#)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2160,"value":"mortalita = [\n {regione: \"Piemonte\", deceduti: 53838},\n {regione: \"Valle d'Aosta\", deceduti: 1477},\n {regione: \"Liguria\", deceduti: 22238},\n {regione: \"Lombardia\", deceduti: 99542},\n {regione: \"P.A. Bolzano\", deceduti: 4397},\n {regione: \"P.A. Trento\", deceduti: 5014},\n {regione: \"Veneto\", deceduti: 49136},\n {regione: \"Friuli-Venezia Giulia\", deceduti: 14476},\n {regione: \"Emilia-Romagna\", deceduti: 49811},\n {regione: \"Toscana\", deceduti: 43442},\n {regione: \"Umbria\", deceduti: 10078},\n {regione: \"Marche\", deceduti: 17175},\n {regione: \"Lazio\", deceduti: 57289},\n {regione: \"Abruzzo\", deceduti: 14680},\n {regione: \"Molise\", deceduti: 3703},\n {regione: \"Campania\", deceduti: 53740},\n {regione: \"Puglia\", deceduti: 38830},\n {regione: \"Basilicata\", deceduti: 6251},\n {regione: \"Calabria\", deceduti: 19756},\n {regione: \"Sicilia\", deceduti: 51983},\n {regione: \"Sardegna\", deceduti: 16277},\n].map(d => Object.assign({}, d, {deceduti_avg: d.deceduti / 365}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":2555,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1146,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W3f","stdlib":"1","titling":"auto"}