2b:null 2c:["$","title",null,{"children":"Coronavirus en Chile por Comuna | Ernesto Laval | Observable"}] 31:T17b0,{ const umbralX10K = 4; function maxCases(items) { const max = d3.max(items, d => +d.total_cases); return max; } const locations = dataToRender .filter(d => { return (maxCases(d.items) > minCases && d.location != "World") }) function newCases14Daysx10K(item) { debugger; return 10000*newCases14Days(item)/item.poblacion } function cardClass(item) { if (newCases14Daysx10K(item) >=umbralX10K) { return "text-white bg-danger" } else if (reductionDiagnostic(item).diagnosticCode == 1) { return "text-white bg-warning" } else { return "text-white bg-primary" } } function cardClass_old(item) { if (newCases14Days(item) >=umbral14Dias) { return "text-white bg-danger" } else if (reductionDiagnostic(item).diagnosticCode == 1) { return "text-white bg-warning" } else { return "text-white bg-primary" } } function noLockdownWarning_old(item) { if (newCases14Days(item) > umbral14Dias && !enCuarentena(item) ) { return `` } else { return "" } } function noLockdownWarning(item) { if (newCases14Daysx10K(item) >=umbralX10K && !enCuarentena(item) ) { return `` } else { return "" } } const itemsPorRegion = _.chain(locations) .groupBy(d => d.region) .map((items, key) => { return { //ISO_Region: key, region : key, numNorteSur: dictNombreRegion[key] && dictNombreRegion[key].numNorteSur, //numTradicional: regiones[key].numTradicional, items: items } }) .sortBy(d => +d.numNorteSur) .value() //return itemsPorRegion nombreRegion: "Tarapacá" const out_ = html` ${itemsPorRegion.map(d => `

${d.region}

${ _.chain(d.items) .filter(d =>newCases14Days(d) >=0 ) .sortBy(d => reductionDiagnostic(d).diagnosticCode) .map((item,i) => `

${noLockdownWarning(item)} ${item.location}

${newCases14Days(item)}

nuevos casos en 14 días

${enCuarentena(item) ? ``: ``} ${reductionDiagnostic(item).diagnosticCode == 1 ? `` : reductionDiagnostic(item).diagnosticCode == 2 ? `` : `` }

`) .value() .join("") } ${_.range(1, 6- (d.items.length % 4)).map(d => `

`).join("")}

`)} ` const out = html` ${itemsPorRegion.map(d => `

${d.region}

${ _.chain(d.items) .filter(d =>newCases14Days(d) >=0 ) .sortBy(d => reductionDiagnostic(d).diagnosticCode) .groupBy(d => reductionDiagnostic(d).diagnosticCode == 1 ? "Comunas aumentando casos con respecto a semana previa" : "Comunas reduciendo casos con respecto a semana previa") .map((items,key) => `

${key}

${items.map(item => `

${noLockdownWarning(item)} ${item.location}

${d3.format(".1f")(newCases14Daysx10K(item))} x 10 Mil habs

nuevos casos en 14 días

${enCuarentena(item) ? ``: ``} ${reductionDiagnostic(item).diagnosticCode == 1 ? `` : reductionDiagnostic(item).diagnosticCode == 2 ? `` : `` }

`).join("")} ${_.range(1, 5 - (items.length % 4)).map(d => `

`).join("")}

`) .value() .join("") } `)} ` return out; //return html`` }32:T832,{ const itemSeleccionado = dataToRender.find(d => d.location == selectedLocation); const maxItem = itemSeleccionado && _.last(itemSeleccionado.items); const prevWeekItem = maxItem && maxItem.weekAgoRecord; const prevPrevWeekItem = prevWeekItem && prevWeekItem.weekAgoRecord; let out = html``; if (itemSeleccionado) { out = html`

${itemSeleccionado.location}

Síntesis de casos confirmados en últimas 2 semanas

	${moment(prevPrevWeekItem.date).format("dddd D MMMM")}	${moment(prevWeekItem.date).format("dddd D MMMM")}	${moment(maxItem.date).format("dddd D MMMM")}
Total casos confirmados	${prevPrevWeekItem.total_cases}	${prevWeekItem.total_cases}	${maxItem.total_cases}
Nuevos casos diarios (promedio)	${d3.format(".1f")(prevPrevWeekItem.dailyAverage)}	${d3.format(".1f")(prevWeekItem.dailyAverage)}	${d3.format(".1f")(maxItem.dailyAverage)}

${itemSeleccionado.lockdowns.length ? `

Calendarios de cuarentena en la comuna

${itemSeleccionado.lockdowns.map(d => ` `)}

Desde	Hasta
${moment(d.start_date).format("dddd D MMMM")}	${moment(d.end_date).format("dddd D MMMM")}

` : `No tenemos información de cuarentena para ${itemSeleccionado.location}` }

${newCases14Days(itemSeleccionado)} nuevos casos en 2 semanas

` } return out; }33:T74a,{ function maxCases(items) { const max = d3.max(items, d => +d.total_cases); return max; } const locations = dataToRender .filter(d => { return (maxCases(d.items) > minCases && d.location != "World") }) const itemsPorRegion = _.chain(locations) .groupBy(d => d.region) .map((items, key) => { return { //ISO_Region: key, region : key, numNorteSur: dictNombreRegion[key] && dictNombreRegion[key].numNorteSur, //numTradicional: regiones[key].numTradicional, items: items } }) .sortBy(d => +d.numNorteSur) .value() const out = html` ${itemsPorRegion.map(d => { const out = html`

REGIÓN: ${d.region}

${_.chain(d.items).sortBy(d => d.location).map(d => { const el = html`

${d.location}

${newCases14Days(d)} nuevos casos en 2 semanas

${reductionDiagnostic(d).message}

` const visEl = d3.select(el).select("div.vis svg"); const visObj = new CoronaComunasVis(visEl.node()); if (d.location =="Chiguayante"){ debugger; } visObj.metric("dailyAverage").forceSelection(true).height(200).width(chartWidth).render([d]); return el }).value()}

` return out })} ` return out }34:T8d8,{ const baseLine = 50; function growthRate(items) { const windowSize = 1; const windowOffset = 1; debugger; const lastItems = _.takeRight(items,windowSize); return { recentDays: lastItems } } const out = !displayTable ? html`` : html` ${_.chain(dataGroupedByCountry).sortBy(d => d.location) .filter(d => { //return true const lastRecord = d.items.length && d.items[d.items.length-1]; return lastRecord.total_cases >= minCases ; }) .map(d => { const lastRecord = d.items.length && d.items[d.items.length-1] const beforeLastRecord = d.items.length && d.items[d.items.length-2] return ` `}).value()}

Comuna	Casos nuevos x día al ${moment(maxDate).format("DD/MM")}	Casos nuevos x día al ${moment(maxDate).subtract(7, "days").format("DD/MM")}	Casos nuevos x día al ${moment(maxDate).subtract(14, "days").format("DD/MM")}	Casos totales al ${moment(maxDate).format("DD/MM")}	Casos totales al ${moment(maxDate).subtract(7, "days").format("DD/MM")}	Casos totales al ${moment(maxDate).subtract(14, "days").format("DD/MM")}	Casos totales al ${moment(maxDate).subtract(21, "days").format("DD/MM")}
${d.location}	${d3.format(".1f")(lastRecord.dailyAverage) \|\| ""}	${d3.format(".1f")(lastRecord.weekAgoRecord && lastRecord.weekAgoRecord.dailyAverage) \|\| ""}	${d3.format(".1f")(lastRecord.weekAgoRecord && lastRecord.weekAgoRecord.weekAgoRecord && lastRecord.weekAgoRecord.weekAgoRecord.dailyAverage) \|\| ""}	${lastRecord.total_cases \|\| ""}	${lastRecord.weekAgoRecord && lastRecord.weekAgoRecord.total_cases \|\| ""}	${lastRecord.weekAgoRecord && lastRecord.weekAgoRecord.weekAgoRecord && lastRecord.weekAgoRecord.weekAgoRecord.total_cases \|\| ""}	${lastRecord.weekAgoRecord && lastRecord.weekAgoRecord.weekAgoRecord && lastRecord.weekAgoRecord.weekAgoRecord.weekAgoRecord && lastRecord.weekAgoRecord.weekAgoRecord.weekAgoRecord.total_cases \|\| ""}

` return out }35:T8eb,html`

Autor

Ernesto Laval (@elaval)

Fuente de datos

La fuente de datos es una recopilación de informes del Ministerio de Salud de Chile, Secretarías Regionales de Salud e Intendencias, recopiladas por @ivanMSCE (github) y disponibles en: https://github.com/ivanMSC/COVID19_Chile

Hasta hace poco la fuente de datos era el reporte oficial - Informe Epidemiológico - que publica el Ministrio de Salud de Chile con los datos de casos confirmados a nivel comunal. Este informe actualmente (al 8 de Mayo de 2020) se pública 2 veces a la semana (días Lunes y Viernes) y no permite hacer un seguimiento diario - actualizado - de la evolución comunal.

Sin embargo, algunas Intendencias y Secretarías Regionales publican los datos comunales diariamente por distintos medios según la región.

@ivanMSC (en github) ha hecho un excelente trabajo y consolida los reportes de distintas fuentes en un repositorio github: https://github.com/ivanMSC/COVID19_Chile.

@ivanMSC indica que:

Los historiales se encuentran completos para las regiones de: Arica y Parinacota, Tarapacá, Antofagasta, Atacama, Coquimbo, Valparaíso*, O'Higgins, Ñuble, Biobío, Los Ríos, Los Lagos, Aysén y Magallanes. Para la región metropolitana, no existen datos históricos accesibles. Las demás regiones (Maule y Araucanía) ha sido difícil encontrar fuentes para datos anteriores al 29 de marzo, por lo que hasta el momento, no tengo datos diarios antes de esa fecha. Si usted posee la información o alguna fuente, le agradeceré compartirla para incluir los datos en este repositorio!

Los datos son obtenidos día a día desde comunicados oficiales de los gobiernos y organismos regionales (SEREMI o intendencias), por lo que pueden discrepar del total general regional entregado por MinSal. Esto puede ser por tener un corte horario distinto o por existir casos que en el día de reporte se encuentran en investigación de comuna de origen que son omitidos.

` 36:T689,{ const epiDates = [ "2020-03-30", "2020-04-06", "2020-04-13", "2020-04-20", "2020-04-27", "2020-05-04", "2020-05-11", "2020-05-18", "2020-05-25", "2020-06-01", "2020-06-08" ] const color = d3.scaleLinear().range(colorRange).domain(colorDomain); const data = _.chain(dataGroupedByCountry).map(d => ({ location:d.location, ISO_Region: d.ISO_Region, maxCases: _.max(d.items.map(e => e.totalCases_today)), items: d.items.filter(e => epiDates.includes(e.date)).map(d => ({ date: d.date, lastWeekCases: d.totalCases_today - d.totalCases_1weeksAgo })) })) .filter(d => d.maxCases >=30) .sortBy(d => -d.maxCases) .value() const out = html` ${ epiDates.map(e => ` `).join("") } ${data.filter((d,i) => i<10000).map(d => ` ${ epiDates.map(e => ` `).join("") } `).join("")}

	${moment(e).format("ddd DD MMM")}
${d.location}	${ _.find(d.items, f=> f.date == e) ? _.find(d.items, f=> f.date == e).lastWeekCases : `` }

` return out }37:T708,{ const epiDates = [ "2020-03-30", "2020-04-06", "2020-04-13", "2020-04-20", "2020-04-27", "2020-05-04", "2020-05-11", "2020-05-18", "2020-05-25", "2020-06-01", "2020-06-08" ] const color = d3.scaleLinear().range(colorRange).domain(colorDomainPorPoblacion); const data = _.chain(dataGroupedByCountry).map(d => ({ location:d.location, ISO_Region: d.ISO_Region, maxCases: _.max(d.items.map(e => e.totalCases_today)), items: d.items.filter(e => epiDates.includes(e.date)).map(d => ({ date: d.date, lastWeekCases: 10000*(d.totalCases_today - d.totalCases_1weeksAgo)/d.poblacion })) })) .filter(d => d.maxCases >=0) .sortBy(d => -d.maxCases) .value() const out = html`

Casos por cada 10 mil habitantes

${data.map((d,i) => ` ${ i % 20 == 0 ? ` ${ epiDates.map(e => ` `).join("") } `: ``} ${ epiDates.map(e => ` `).join("") } `).join("")}

	${moment(e).format("ddd DD MMM")}
${d.location}	${ _.find(d.items, f=> f.date == e) ? d3.format(".1f")(_.find(d.items, f=> f.date == e).lastWeekCases) : `` }

` return out }38:T5ee,html``39:T3b32,class CoronaComunasVis { constructor(el, metric) { this._data = []; this._margin = {left: 60, right:140, top:20, bottom: 40}; this._totalWidth = width; this._totalHeight = 800 < screen.height ? 800 : screen.height; this.svgContainer = d3.select(el); this._metric = metric || "dailyAverageDiffAgainstReferenceDay"; //this._metric = "dailyAverage"; //this._metric = "growthFactor"; //this._metric = "relativeIncrease"; //this._metric = "dailyAverageDiffAgainstReferenceDay"; this.locationAttribute = "location"; this.startup(); } startup() { this._width = this._totalWidth - this._margin.left - this._margin.right; this._height = this._totalHeight - this._margin.top - this._margin.bottom; this.xScale = d3.scaleTime() .range([0,this._width]) //this.yScale = d3.scaleLog() this.yScale = d3.scaleLinear() .range([this._height,0]) this.colorScale = d3.scaleOrdinal(d3.schemeCategory10) this.yAxis = d3.axisLeft(this.yScale) .ticks(10) .tickFormat(d3.format(",")); this.xAxis = d3.axisBottom(this.xScale) .tickFormat((d,i) => multiFormat(d)) //.ticks(4); this.svgContainer .attr("width",this._width+this._margin.left+this._margin.right) .attr("height",this._height+this._margin.top+this._margin.bottom) this.svgContainer.selectAll("g").remove(); this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) this.container .append("g") .attr("class", "y axis") this.container .append("g") .attr("transform", `translate(0,${this._height})`) .attr("class", "x axis") this.container.selectAll("line.lastWeekRefLine") .data([null]) .join("line") .attr("class", "lastWeekRefLine") .attr("y1",0) .attr("y2",this._height) this.container.selectAll("line.currentValueRef") .data([null]) .join("line") .attr("class", "currentValueRef") .attr("x1",0) .attr("x2",this._width) // text label for the x axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("y", this._margin.bottom-12) .attr("class", "title x") .attr("dy", 5) .attr("transform",`translate(${this._width},${this._height})`) .style("text-anchor", "end") .text(`Fecha`); // text label for the y axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("class", "title y line1") .attr("transform",`rotate(-90)`) .attr("y", 0 - this._margin.left) .attr("x",0 - (this._height / 2)) .attr("dy", "1em") .style("text-anchor", "middle") .text("Incremento en nuevos casos"); // text label for the y axis Line 2 this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("class", "title y line2") .attr("transform",`rotate(-90)`) .attr("y", 0 - this._margin.left) .attr("x",0 - (this._height / 2)) .attr("dy", "2em") .style("text-anchor", "middle") .text("vs 7 días atrás"); this.line = d3.line() .x((d, i) => d.x) // set the x values for the line generator .y((d) => d.y) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line } render(data) { // change... const self = this; if (data.location == "Lo Barnechea") { debugger; } // Calculate max values / dates for ranges const maxCases = _.max(data.map(d=> _.max(d.items.map(e => +e[this._metric])))); const maxValue = _.max(data.map(d=> _.max(d.items.map(e => +e[this._metric])))); const minValue = _.min(data.map(d=> _.min(d.items.map(e => +e[this._metric])))); const minDate = _.min(data.map(d=> _.min(d.items.map(e => e.date)))); const maxDate = _.max(data.map(d=> _.max(d.items.map(e => e.date)))); const prevWeekDate = moment(maxDate).subtract(7,"days").format("YYYY-MM-DD"); const currentValue = _.max(data.map(d=>_.last(d.items)[this._metric])); function getKeyPoints(record) { const currentRecord = _.last(record.items); return [ currentRecord, currentRecord && currentRecord.weekAgoRecord, currentRecord && currentRecord.weekAgoRecord && currentRecord.weekAgoRecord.weekAgoRecord ] } // Collection of valid dates (for axis display) const dates = _.chain(data).map(d => d.items.map(e => moment(e.date).format("YYYY-MM-DD"))).flatten().groupBy(d => d).value() // Only display dates for which we have data this.xAxis .tickFormat((d,i) => dates[moment(d).format("YYYY-MM-DD")] ? multiFormat(d) : "") // Modify Y Axis labels according to seletced metric const labelY = { "total_cases": `Total casos confirmados `, "dailyAverageDiffAgainstReferenceDay": `Incremento en casos nuevos con respecto a casos nuevos del ${moment(refDate).format("DD MMM YYYY")} `, "dailyAverage": `Nuevos casos diarios` } this.container.select("text.title.y") .text(labelY[this._metric]); const labelY_line2 = { "total_cases": ``, "dailyAverageDiffAgainstReferenceDay": `casos nuevos del ${moment(refDate).format("DD MMM YYYY")} `, "dailyAverage": `(promedio últimos 7 días) ` } this.container.select("text.title.y.line2") .text(labelY_line2[this._metric]); // Define values for Y axis references (tick) lines depending on selected metric const tickLinesY = { "total_cases": _.range(0,maxValue, 50), "dailyAverageDiffAgainstReferenceDay": _.range(Math.floor((minValue-5)/5)*5,maxValue, 5), "dailyAverage": _.range(0,maxValue, 5), } this.container.selectAll("line.ref.y") .data(tickLinesY[this._metric]) .join("line") .attr("class", "ref y") // Update scale domaoins according to data values this.xScale.domain([moment(refDate),moment(maxDate)]) //this.yScale.domain([minValue, maxValue]) this.yScale.domain([0, maxValue]) this.container.selectAll("line.lastWeekRefLine") .attr("x1", this.xScale(moment(prevWeekDate))) .attr("x2", this.xScale(moment(prevWeekDate))) this.container.selectAll("line.currentValueRef") .attr("y1", this.yScale(currentValue)) .attr("y2", this.yScale(currentValue)) // Update x/y axis this.container.select("g.y.axis") .call(this.yAxis) this.container.select("g.x.axis") .call(this.xAxis) // Layout data | assign x / y values to each data point data.forEach(locationRecord => locationRecord.items.forEach(d => { d.x = this.xScale(d["date"] && moment(d["date"]) || null) d.y = this.yScale(d[this._metric]) })); // function isSelected(item) { const re = new RegExp(selectedLocation, "i"); return item.highlight || (selectedLocation && item[self.locationAttribute].match(re)) || item[self.locationAttribute] == selectedLocation || self._forceSelection; } // Create container for each country const countries = this.container.selectAll("g.countryLine") .data(data, d => d[this.locationAttribute]) .join("g") .attr("class", d => `countryLine ${d[self.locationAttribute]}`) .classed("highlighted", d => { const re = new RegExp(selectedLocation, "i"); return d.highlight || (selectedLocation && d[self.locationAttribute].match(re)) || d[self.locationAttribute] == selectedLocation || this._forceSelection; }) .classed("fainted", d => { const anyHighlighted = data.find(d => { return isSelected(d) }) return (anyHighlighted && !isSelected(d)) }) .classed("selectdeSlope", d => { return d.selectedSlope; }) .each(function(d) { const re = new RegExp(selectedLocation, "i"); if( d.highlight || (selectedLocation && d[self.locationAttribute].match(re)) || d[self.locationAttribute] == selectedLocation) { this.parentNode.appendChild(this); } }) .on("click", function(d) { if (!d.highlight) { this.parentNode.appendChild(this); } d.highlight = !d.highlight; self.render(data); }) countries.selectAll("circle.weekReference") .data(d => getKeyPoints(d)) .join("circle") .attr("class","weekReference") .attr("cx", d => d && d.x || null) .attr("cy", d => d && d.y || null) .attr("r", 15) .attr("fill", "none") .attr("stroke", "grey") .attr("stroke-width", 1) const lockdowns = countries.selectAll("g.lockdown") .data(d => d.lockdowns || []) .join("g") .attr("class", "lockdown") lockdowns.selectAll("rect") .data(d => [d]) .join("rect") .attr("x",d => d.start_date > minDate ? this.xScale(moment(d.start_date)) : this.xScale(moment(minDate)) ) .attr("y",-15) .attr("height",this._height+15) .attr("opacity",0.4) .attr("width",d => d.start_date > minDate ? this.xScale(moment(d.end_date < maxDate ? d.end_date : maxDate ))-this.xScale(moment(d.start_date)) : this.xScale(moment(d.end_date < maxDate ? d.end_date : maxDate))-this.xScale(moment(minDate)) ) .attr("fill","yellow") function lockdownFontSize(d) { return 18 } lockdowns.selectAll("text") .data(d => [d]) .join("text") .attr("x",d => { const leftDate = moment(d.start_date > minDate ? d.start_date : minDate); const rightDate = moment(d.end_date < maxDate ? d.end_date : maxDate); return this.xScale(leftDate) + (this.xScale(rightDate) - this.xScale(leftDate))/2 }) .attr("y",d => 10) .attr("font-size",d => lockdownFontSize(d)) .attr("fill","grey") .attr("text-anchor","middle") .text("CUARENTENA") countries .call(getOldPathLength) const pathContainer = countries.selectAll("g.pathContainer") .data(d => [d]) .join("g") .attr("class",d => `pathContainer`) pathContainer .attr("stroke", d => this.colorScale(d[self.locationAttribute])) const markContainer = countries.selectAll("g.markContainer") .data(d => [d]) .join("g") .attr("class",d => `markContainer`) .attr("fill",d => this.colorScale(d[self.locationAttribute])) // Path line for each country pathContainer.selectAll("path.line") .data(d => [d.items.filter(d => d.y >= 0)]) .join("path") .attr("class",d => `line`) .attr("d",this.line) countries .call(getPathLength) countries .call(setInitialPathDash) countries .call(animatePath) const marks = markContainer.selectAll("circle.mark") .data(d => d.items) .join("circle") .attr("class",d => `mark ${d[self.locationAttribute]}`) .attr("cx",d => d.x) .attr("cy",d => d.y) .attr("r",0) marks .transition() .duration(duration) .attr("cx",d => d.x) .attr("cy",d => d.y) .attr("r",2) // Add label container for each country const labels = countries.selectAll("g.label") .data(d => [d]) .join("g") .attr("class",d => `label ${d[self.locationAttribute]}`) countries.selectAll("g.label") .transition() .duration(duration) .attr("transform", d => { const lastPoint = d.items[d.items.length-1] return `translate(${lastPoint.x}, ${lastPoint.y})` }) labels.selectAll("rect") .data(d => [d]) .join("rect") labels.selectAll("text") .data(d => [d]) .join("text") .text(d => (d[self.locationAttribute])) .attr("dy", 3) .attr("dx", 16) .attr("font-size", 14) .attr("text-anchor", "start") .attr("fill", d => d.threshold >= 5000 ? "white" : "black") .call(getTextBox); labels.selectAll("image") .data(d => [d]) .join("image") .attr("x",-10) .attr("y",-10) .attr("height",20) .attr("width",20) .attr("href", d => `${locationIconUrl}`) labels.selectAll("rect") .attr("x", function(d){return d.bbox.x}) .attr("y", function(d){return d.bbox.y}) .attr("width", function(d){return d.bbox.width}) .attr("height", function(d){return d.bbox.height}) .style("opacity", 0.8) //.style("fill", "#FFE6F0"); .style("fill", "white"); this.container.selectAll("line.ref.y") .attr("x1", 0) .attr("x2", this._width) .attr("y1", d => this.yScale(d)) .attr("y2", d => this.yScale(d)) /* this.container.selectAll("line.ref.x") .attr("y1", 0) .attr("y2", this._height) .attr("x1", d => this.xScale(d)) .attr("x2", d => this.xScale(d)) */ function setInitialPathDash(selection) { selection.each(function(d) { const oldPathLength = d.oldPathLength; const pathLength = d.pathLength; const pathSel = d3.select(this).select("path"); pathSel .attr("stroke-dasharray", pathLength + " " + pathLength) .attr("stroke-dashoffset", pathLength-oldPathLength) }) } function animatePath(selection) { selection.each(function(d) { const oldPathLength = d.oldPathLength; const pathLength = d.pathLength; const pathSel = d3.select(this).select("path"); pathSel .attr("stroke-dasharray", pathLength + " " + pathLength) .attr("stroke-dashoffset", pathLength-oldPathLength) .transition() .duration(duration) .attr("stroke-dashoffset", 0) }) } function getTextBox(selection) { selection.each(function(d) { d.bbox = this.getBBox(); }) } function getOldPathLength(selection) { selection.each(function (d) { d.oldPathLength = d3.select(this).select("path").node() && d3.select(this).select("path").node().getTotalLength() || 0; }) } function getPathLength(selection) { selection.each(function (d) { d.pathLength = d3.select(this).select("path").node() && d3.select(this).select("path").node().getTotalLength() || 0; }) } } metric(_) { this._metric = _; return this; } height(_) { this._totalHeight = _; this.startup(); return this; } width(_) { this._totalWidth = _; this.startup(); return this; } forceSelection(_) { this._forceSelection = _; return this; } }3a:T1b68,class NewCasesWeeklyGrowthChartVis { constructor(el) { debugger; this._data = []; this._metric = "total_deaths"; this._lockdowns = []; this._margin = {left: 60, right:100, top:20, bottom: 40}; this._totalWidth = 400; this._totalHeight = 150; this.svgContainer = d3.select(el); this.startup(); } startup() { debugger; this._width = this._totalWidth - this._margin.left - this._margin.right; this._height = this._totalHeight - this._margin.top - this._margin.bottom; this.xScale = d3.scaleBand() .range([0,this._width]) this.yScale = d3.scaleLinear() .range([this._height,0]) this.colorScale = d3.scaleOrdinal(d3.schemeCategory10) this.yAxis = d3.axisLeft(this.yScale) .ticks(4) .tickFormat(d3.format(",")); this.xAxis = d3.axisBottom(this.xScale) .tickFormat(d => moment(d).format("DD/MM")); //.ticks(2); this.svgContainer .attr("width",this._width+this._margin.left+this._margin.right) .attr("height",this._height+this._margin.top+this._margin.bottom) this.svgContainer.selectAll("g").remove(); this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) this.container .append("g") .attr("class", "y axis") this.container .append("g") .attr("transform", `translate(0,${this._height})`) .attr("class", "x axis") // text label for the x axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("y", this._margin.bottom-12) .attr("class", "title x") .attr("dy", 5) .attr("transform",`translate(${this._width},${this._height})`) .style("text-anchor", "end") .text(`Date`); // text label for the y axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("class", "title y line1") .attr("transform",`rotate(-90)`) .attr("y", 0 - this._margin.left) .attr("x",0 - (this._height / 2)) .attr("dy", "1em") .style("text-anchor", "middle") .text("Change in daily deaths"); // text label for the y axis this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("class", "title y line2") .attr("transform",`rotate(-90)`) .attr("y", 0 - this._margin.left) .attr("x",0 - (this._height / 2)) .attr("dy", "2em") .style("text-anchor", "middle") .text("vs 7 days ago"); this.line = d3.line() .x((d, i) => this.xScale(i+1)) // set the x values for the line generator .y((d) => this.yScale(+d.new_cases)) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line } render(data) { debugger; const self = this; function getMetric(d) { /* const metric = "new_deaths"; if (d[metric] && d.weekAgoRecord && d.weekAgoRecord.weekAgoRecord) { return (+d[metric] - d.weekAgoRecord[metric]) } else { return 0 } */ const metric =self._metric; if (d[metric] && d.weekAgoRecord && d.weekAgoRecord.weekAgoRecord) { return ((+d[metric] - d.weekAgoRecord[metric]) - (+d.weekAgoRecord[metric] - d.weekAgoRecord.weekAgoRecord[metric]))/7 } else { return 0 } } //const data = trendInfo.recentDays debugger; const maxCases = _.max(data.map(d=> +getMetric(d))); const minCases = _.min(data.map(d=> +getMetric(d))) < 0 ? _.min(data.map(d=> +getMetric(d))) :0 ; const maxDate = _.max(data.map(d=> d.date)); const minDate = _.min(data.map(d=> d.date)); const days = moment(maxDate).diff(moment(minDate), 'days') const dateRange = _.range(0,days+1).map(d => { let date = moment(minDate); date.add(d,"days") let newDate = date.format("YYYY-MM-DD"); return newDate }); // Update axis this.xScale.domain(dateRange) //this.xScale.domain(data.map((d,i) => d.date)) this.yScale.domain([minCases,maxCases]) this.xAxis .tickValues(this.xScale.domain().filter(function(d,i){ return !(i%6)})) ; //.tickValues(this.xScale.domain().filter(function(d,i){ return !(i%10)}).map(d => moment(d).format("DD"))); data.forEach((d,i) => { d.x = this.xScale(d.date) d.y = this.yScale(+getMetric(d)) d.stage = +getMetric(d) < 0 ? "reducing" : i > 2 && +getMetric(d) < +getMetric(data[i-2]) ? "decreasing" : "increasing" }) this.container.select("g.y.axis") .call(this.yAxis) this.container.select("g.x.axis") .transition() .duration(duration) .call(this.xAxis) const lockdowns = this.container.selectAll("g.lockdown") .data(this._lockdowns || []) .join("g") .attr("class", "lockdown") lockdowns.selectAll("rect") .data(d => [d]) .join("rect") .attr("x",d => d.start_date > minDate ? this.xScale(d.start_date) : this.xScale(minDate) ) .attr("y",-15) .attr("height",10) .attr("width",d => d.start_date > minDate ? this.xScale(d.end_date)-this.xScale(d.start_date) + this.xScale.bandwidth() : this.xScale(d.end_date)-this.xScale(minDate) + this.xScale.bandwidth() ) .attr("fill","yellow") lockdowns.selectAll("text") .data(d => [d]) .join("text") .attr("x",d => this.xScale(d.end_date)) .attr("dy",-8) .attr("dx",-8) .attr("font-size",8) .attr("fill","grey") .attr("text-anchor","end") .text("Cuarentena") const points = this.container.selectAll("g.point") .data(data) .join("g") .attr("class", "point") .attr("transform",(d,i) => `translate(${d.x},0)`) const bars = points.selectAll("rect.changeBars") .data(d => [d]) .join("rect") .attr("class",d => `${d.stage} changeBars`) .attr("x", 0) .attr("y", d => +getMetric(d) > 0 ? d.y : this.yScale(0)) .attr("width", this.xScale.bandwidth()) .attr("height", d => Math.abs(this.yScale(0) - d.y)) const path = this.container.selectAll("path") .data([data]) .join("path") .attr("d",d => { debugger; const out = this.line(d) return out; }) } metric(_) { this._metric = _; return this; } height(_) { this._totalHeight = _; this.startup(); return this; } width(_) { this._totalWidth = _; this.startup(); return this; } lockdowns(_) { this._lockdowns = _; return this; } }3b:Ta30,dataComunas = { //const data = dataComunasRaw; // Datos Informe Epidemiológico const data = dataComunasRaw1; // Datos de fuentes regionales const comunaDateDict = {}; data.forEach(d => { comunaDateDict[d.location] = comunaDateDict[d.location] || {}; comunaDateDict[d.location][d.date] = d; }) _.chain(data) .groupBy(d => d.location) .each((items,location) => { let previousRecord = null _.chain(items) .sortBy(d => d.date) .each(e => { e.previousRecord = previousRecord, previousRecord = e; }) .value() }) .value() data.forEach(d => { d.dateLastWeek = moment(d.date).subtract(7, "days").format("YYYY-MM-DD"); const recordLastWeek = comunaDateDict[d.location][d.dateLastWeek]; d.valueLastWeek = recordLastWeek && recordLastWeek.total_cases d.deltaLastWeek = recordLastWeek && (+d.total_cases - recordLastWeek.total_cases) d.dailyAverageOld = d.deltaLastWeek / 7; d.dailyAverage = estimateDailyAverage(d) d.weekAgoRecord=recordLastWeek; d.growthFactor = recordLastWeek && (+d.total_cases / +recordLastWeek.total_cases) }) //return data; function getCasesWeekAgo(item,n) { if (n == 0) { return item && item.total_cases || null } else { return item && getCasesWeekAgo(item.weekAgoRecord, n-1) || null } } data.forEach(d => { d.referenceDate = refDate; d.deltaOnReferenceDate = comunaDateDict[d.location][refDate] && comunaDateDict[d.location][refDate].deltaLastWeek ? +comunaDateDict[d.location][refDate].deltaLastWeek : null; d.dailyAvgOnReferenceDay = d.deltaOnReferenceDate / 7; d.dailyAverageDiffAgainstReferenceDay = d.dailyAverage - d.dailyAvgOnReferenceDay; d.relativeIncrease = d.dailyAverage / d.dailyAvgOnReferenceDay; d.dailyAverageLAstWeek = d.weekAgoRecord && d.weekAgoRecord.weekAgoRecord ? (d.weekAgoRecord.total_cases - d.weekAgoRecord.weekAgoRecord.total_cases)/7 : null d.totalCases_today = getCasesWeekAgo(d,0) d.totalCases_1weeksAgo = getCasesWeekAgo(d,1) d.totalCases_2weeksAgo = getCasesWeekAgo(d,2) d.totalCases_3weeksAgo = getCasesWeekAgo(d,3) d.totalCases_4weeksAgo = getCasesWeekAgo(d,4) d.totalCases_5weeksAgo = getCasesWeekAgo(d,5) d.totalCases_6weeksAgo = getCasesWeekAgo(d,6) d.poblacion = +poblacionPorComuna[+d.location_code]; }) /* _.chain(data).groupBy(d => d.location).each((items,key) => { identifySlope(items) }).value() */ return data }3c:T4ac,function checkbox(config = {}) { let { value: formValue, title, description, submit, options } = Array.isArray(config) ? {options: config} : config; options = options.map( o => (typeof o === "string" ? { value: o, label: o } : o) ); const form = input({ type: "checkbox", title, description, submit, getValue: input => { if (input.length) return Array.prototype.filter .call(input, i => i.checked) .map(i => i.value); return input.checked ? input.value : false; }, form: html` ` }); form.output.remove(); return form; }3d:[{"id":"c047f0f796d31c89f0b2d555a91513818b11df236fca8c2d96a0114057226777cee2669ecb33e55b08b13edd7ef197b5d8dfb02ced61589c9a00c758a1b96773","href":"https://static.observableusercontent.com/files/c047f0f796d31c89f0b2d555a91513818b11df236fca8c2d96a0114057226777cee2669ecb33e55b08b13edd7ef197b5d8dfb02ced61589c9a00c758a1b96773","name":"circle.png","type":"image/png","lastModified":1587934448929.782,"size":28081},{"id":"812bb8415e3a2e8126298ade8f19b2acbc430d88f458bbaa413287cdd5f914fb37830278d9df9bd3a10215e889d03cf9e73af7cdf2ace5fc5c64b0e5f42c5da7","href":"https://static.observableusercontent.com/files/812bb8415e3a2e8126298ade8f19b2acbc430d88f458bbaa413287cdd5f914fb37830278d9df9bd3a10215e889d03cf9e73af7cdf2ace5fc5c64b0e5f42c5da7","name":"leyenda comunas.png","type":"image/png","lastModified":1590017153613.393,"size":175697}] 2f:{"id":"421242a629a8e08e","slug":"coronavirus-en-chile-por-comuna","title":"Coronavirus en Chile por Comuna","thumbnail":"899a279ac30bc36214066d7130f77463a04cedbc7a20de4896142eba4edd9ba2","access_level":"public","create_time":"$D2020-04-26T11:59:24.556Z","update_time":"$D2020-07-27T11:18:01.355Z","view_time":null,"first_public_time":"$D2020-04-26T19:41:52.442Z","fork":true,"stars":6,"starred":false,"owner":{"type":"team","id":"0843f5dc42ca68a0","login":"elaval","name":"Ernesto Laval","avatar_url":"https://avatars-next.observableusercontent.com/089f0414fc9025dadb05cc06d7a406bc9be10093187c46729cb4ba3a4098dc30","tier":"starter_2024"},"version":4726,"publish_version":4726,"role":null,"authored":false,"authors":[{"type":"individual","id":"e04cd7b5f4351ae9","login":"elaval","name":"Ernesto Laval","avatar_url":"https://avatars-next.observableusercontent.com/089f0414fc9025dadb05cc06d7a406bc9be10093187c46729cb4ba3a4098dc30","tier":null}],"members":[{"type":"individual","id":"e04cd7b5f4351ae9","login":"elaval","name":"Ernesto Laval","avatar_url":"https://avatars-next.observableusercontent.com/089f0414fc9025dadb05cc06d7a406bc9be10093187c46729cb4ba3a4098dc30","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"Coronavirus en Chile por Comuna","cells":[{"id":0,"value":"md`# Coronavirus en Chile por Comuna`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4155,"value":"html`

Panel de estado de comunas

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

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4074,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4268,"value":"html`\n

Información por comuna

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

Puedes seleccionar una comuna para ver sus datos

Se detallan datos sólo comunas que hayan superado los ${minCases} casos cofirmados (cuanda los casos confirmados son muy bajos, la información de tendencia no es muy regular)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3184,"value":"\nviewof selectedLocation = autoSelect({\n title: \"Comuna a explorar\",\n description: \"Escriba el nombre de una comuna para ver datos de evolución en casos confirmados de coronavirus\",\n options: dataToRender.map(d => d.location),\n placeholder: \"Seleccione una comuna . . .\",\n value: \"Temuco\"\n})\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3415,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3474,"value":"html`\n

Gráfica de nuevos casos por día

Los nuevos casos confirmados se estiman con el promedio diario de los últimos 7 días`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3119,"value":"elEvolucionComunal = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3546,"value":"{ \n const itemSeleccionado = dataToRender.find(d => d.location == selectedLocation);\n\n let out = html``;\n \n if (itemSeleccionado) {\n out = html`\n ${itemSeleccionado.location} ${reductionDiagnostic(itemSeleccionado).message}\n `\n }\n return out;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3563,"value":"html`\n

\nEs importante constatar que se reduzca el número de nuevos casos y que esta reducción permanezca en el tiempo. Esto refleja que se ha pasado el peak de nuevos casos y el brote se encontraría \"en retirada\".\n
\n(Los nuevos casos diarios se estiman con el promedio diario en los últimos 7 días)
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3123,"value":"html`

Curvas de nuevos casos para las comunas que han alcanzado los ${minCases} casos

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3269,"value":"viewof minCases = number({\n placeholder: \"50\", \n title: \"Número total de casos sobre el cual se seleccionan comunas a analizar\", \n description: \"Modifique este número para cambiar el número mínimo de casos acumulados para el cual se seleccionan las columnas a presentar\", \n submit: false, value:30})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4279,"value":"viewof umbral14Dias = number({\n placeholder: \"50\", \n title: \"Umbral de nuevos casos en últimos 14 días\", \n description: \"Modifique este número para cambiar el umbral sobre el cual se considera riesgo de crecimiento acelerado\", \n submit: false, value:50})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4129,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3570,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2898,"value":"html`Para estimar casos nuevos en cada día se utiliza el promedio diario de casos en los últimos 7 días`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":752,"value":"viewof displayTable = checkbox({\n options: [{ value: \"toggle\", label: \"Mostrar tabla con datos por comuna\" }],\n value: \"false\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4460,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4611,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4579,"value":"{\n\n \n const color = d3.scaleLinear().range(colorRange).domain(colorDomain);\n\n const values = [0,50,100,200,600,1000,2000,maxDiff]\n \n \n \n const out = html`\n\n\n \n\n \n\n ${\n values.map(d => `\n \n `).join(\"\")\n }\n\n\n \n\n\n

whiteTextThreshold ? \"white\" : \"black\"}\">\n ${d}\n

\n ` \n return out\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4632,"value":"{\n\n \n const color = d3.scaleLinear().range(colorRange).domain(colorDomainPorPoblacion);\n\n const values = [0,2,3,4,10,20,50,maxDiffPorPoblacion]\n \n \n \n const out = html`\n\n\n \n\n \n\n ${\n values.map(d => `\n \n `).join(\"\")\n }\n\n\n \n\n\n

whiteTextThreshold ? \"white\" : \"black\"}\">\n ${d3.format(\"d\")(d)}\n

\n ` \n return out\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4542,"value":"whiteTextThreshold = 800","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4626,"value":"whiteTextThresholdPorPoblacion = 20","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4516,"value":"maxDiff = _.max(dataGroupedByCountry.map(d => _.max(d.items.map(e => e.totalCases_today - e.totalCases_1weeksAgo)) ))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4619,"value":"maxDiffPorPoblacion = _.max(dataGroupedByCountry.map(d => _.max(d.items.map(e => 10000*(e.totalCases_today - e.totalCases_1weeksAgo)/e.poblacion)) ))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4504,"value":"colorRange = ['white', 'yellow', 'red', \"purple\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4507,"value":"colorDomain = [0, 50, 200, maxDiff]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4617,"value":"colorDomainPorPoblacion = [0, 2, 4, maxDiffPorPoblacion]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4470,"value":"dataGroupedByCountry","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1402,"value":"md`## CSS Styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"style_bootstrap","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4097,"value":"style_fontawesome","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1407,"value":"md`## Config Params`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2536,"value":"standardNames= ({\n \"Arica y Parinacota\": \"Arica y Parinacota\",\n\"Tarapaca\": \"Tarapacá\",\n\"Antofagasta\": \"Antofagasta\",\n\"Atacama\": \"Atacama\",\n\"Coquimbo\": \"Coquimbo\",\n\"Valparaiso\": \"Valparaíso\",\n\"Metropolitana\": \"Metropolitana\",\n\"Del Libertador General Bernardo O’Higgins\":\"O'Higgins\",\n\"O’Higgins\":\"O'Higgins\",\n\"Maule\": \"Maule\",\n\"Nuble\": \"Ñuble\",\n\"Biobio\": \"Biobío\",\n\"La Araucania\": \"Araucanía\",\n\"Los Rios\": \"Los Ríos\",\n\"Los Lagos\": \"Los Lagos\",\n\"Aysen\": \"Aysén\",\n\"Magallanes y la Antartica\": \"Magallanes\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2884,"value":"locale_es_ES = d3.json(\"https://raw.githubusercontent.com/d3/d3-time-format/master/locale/es-ES.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2883,"value":"function multiFormat(date) {\n const locale = d3.timeFormatLocale(locale_es_ES);\n const formatMillisecond = locale.format(\".%L\"),\n formatSecond = locale.format(\":%S\"),\n formatMinute = locale.format(\"%I:%M\"),\n formatHour = locale.format(\"%I %p\"),\n formatDay = locale.format(\"%a %d\"),\n formatWeek = locale.format(\"%b %d\"),\n formatMonth = locale.format(\"%B\"),\n formatYear = locale.format(\"%Y\");\n \n return (d3.timeSecond(date) < date ? formatMillisecond\n : d3.timeMinute(date) < date ? formatSecond\n : d3.timeHour(date) < date ? formatMinute\n : d3.timeDay(date) < date ? formatHour\n : d3.timeMonth(date) < date ? (d3.timeWeek(date) < date ? formatDay : formatWeek)\n : d3.timeYear(date) < date ? formatMonth\n : formatYear)(date);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":840,"value":"// Base trasition duration during transitions \nduration = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2801,"value":"// locationIconUrl = \"https://qg70ohwn8vgx8gg1dm7bu6g9-wpengine.netdna-ssl.com/wp-content/uploads/2014/02/house-Icon.png\"\n\nlocationIconUrl = await FileAttachment(\"circle.png\").url();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3413,"value":"metric = \"total_cases\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3616,"value":"diagnosticMessages = ({\n 1: `no muestra reducción de nuevos casos con respecto a la semana anterior`,\n 2: `muestra reducción de nuevos casos con respecto a la semana anterior, pero no con respecto a 2 semanas atrás`,\n 3: `muestra reducción de casos con respecto a las 2 semanas anteriores`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3904,"value":"diagnosticMessagesPlural = ({\n 1: `no muestran reducción de nuevos casos con respecto a la semana anterior`,\n 2: `muestran reducción de nuevos casos con respecto a la semana anterior, pero no con respecto a 2 semanas atrás`,\n 3: `muestran reducción de casos con respecto a las 2 semanas anteriores`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3997,"value":"function enCuarentena(item) {\n return item.lockdowns.find(d => {\n const fromDate = moment(d.start_date);\n const toDate = moment(d.end_date).add(1, \"day\")\n return moment(new Date()).isBetween(fromDate, toDate)\n }) ? true : false\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3750,"value":"chartWidth = 1024 < width ? 1024 : width;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1393,"value":"md`## Vis code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"render = {\n let filteredData = dataToRender.filter(d => d.location == selectedLocation)\n myComunaVisFocused.metric(\"dailyAverage\").height(200).width(chartWidth).render(filteredData);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3121,"value":"myComunaVisFocused = {\n debugger;\n return new CoronaComunasVis(elEvolucionComunal)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3027,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1384,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3132,"value":"maxLocation_dailyAvg = {\n return _.maxBy(dataToRender, (d) => _.max(d.items.map(e => e.dailyAverage || 0)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3157,"value":"minLocation_dailyAvg = {\n return _.minBy(dataToRender, (d) => _.min(d.items.map(e => e.dailyAverage || 999)))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"dataToRender = _.chain(dataGroupedByCountry)\n.map(d => {\n return {\n location : d.location,\n region: d.region,\n poblacion: d.poblacion,\n ISO_Region : d.ISO_Region,\n items: d.items.filter(e => e[\"date\"] >= refDate),\n lockdowns: d.lockdowns\n }\n})\n.filter(d => d.items.length && _.last(d.items)[\"total_cases\"] >= minCases || true)\n.value()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3783,"value":"dataGroupedByCountry.find(d => d.location == \"Rancagua\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1211,"value":"dataGroupedByCountry = { \n \n debugger;\n \n // Filter records only before the selected max date\n const _data = dataComunas\n \n \n const newData = _.chain(_data)\n .groupBy(d => d.location)\n .map((items, location) => { \n return ({\n location: location,\n region: items[0].region,\n ISO_Region: items[0].ISO_Region,\n items: removeLastIfNoPrevWeek(items),\n lockdowns: cuarentenasByCode[items[0].location_code] || [],\n poblacion: items[0].poblacion\n })\n })\n .value()\n \n return newData\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3932,"value":"function removeLastIfNoPrevWeek(items) {\n debugger;\n let lastItem = _.last(items);\n \n if (items.length <= 7 || lastItem.valueLastWeek) {\n return items\n } else {\n return removeLastIfNoPrevWeek(_.slice(items,0,items.length-1))\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2176,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2663,"value":"DOM.download(new Blob([d3.tsvFormat(dataComunas), {type: \"text/tsv\"}]), \"data_chile_comunas.tsv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3019,"value":"dataCuarentenas_custom = {\n const data = (await d3.csv(\"https://raw.githubusercontent.com/elaval/covid_chile_regional/master/cuarentenas.csv\")).map(d => ({\n location: d.comuna,\n regions: d.region,\n start_date: d.fecha_inicio,\n end_date: d.fecha_termino\n }));\n return _.groupBy(data, d => d.location);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3870,"value":"cuarentenasByCode = _.groupBy(dataCuarentenas_minCencia, d => d.location_code)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4415,"value":"_.sortBy(dataCuarentenas_minCencia, d => d.start_date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3850,"value":"dataCuarentenas_minCencia = {\n \n const dataRaw = await d3.csv(\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto29/Cuarentenas-Totales.csv\");\n return _.chain(dataRaw)\n .map(d => ({\n \n location: d.Nombre,\n detail: d.Nombre,\n scope: d[\"Alcance\"],\n start_date: moment(d[\"Fecha de Inicio\"]).format(\"YYYY-MM-DD\"),\n end_date: d[\"Fecha de Término\"] && moment(d[\"Fecha de Término\"]).format(\"YYYY-MM-DD\") || moment(d[\"Fecha de Inicio\"]).add(30,\"days\").format(\"YYYY-MM-DD\"),\n location_code: d[\"Código CUT Comuna\"]\n }))\n .sortBy(d => d.location)\n .value()\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3772,"value":"dataComunas.filter(d => d.location == \"Lo Barnechea\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4715,"value":"/*\n* If we dont have last week record (e.g missing record 1 week ago) we estimate daily average finding a record before 1 week ag0\n*/\nfunction estimateDailyAverage(item) {\n if (item.weekAgoRecord) {\n let weeklyIncrease = (+item.total_cases - item.weekAgoRecord.total_cases);\n return weeklyIncrease/7;\n } else {\n let record2TimestampsAgo = item.previousRecord && item.previousRecord.previousRecord || null;\n let increase = record2TimestampsAgo && (+item.total_cases - record2TimestampsAgo.total_cases); \n let days = increase && moment(item.date).diff(moment(record2TimestampsAgo.date), \"days\");\n return days && increase / days;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2652,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2716,"value":"refDate = moment(maxDate).subtract(referenceDays,\"days\").format(\"YYYY-MM-DD\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2732,"value":"referenceDays = 14;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2713,"value":"maxDate = d3.max(dataComunasRaw, d => d.date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3890,"value":"md`Datos de comunas `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2933,"value":"dataComunasRaw = {\n const baseData = await d3.csv(\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto1/Covid-19_std.csv\")\n \n // Region,Codigo region,Comuna,Codigo comuna,Poblacion,Fecha,Casos confirmados\n\n return _.chain(baseData).map(d => ({\n date: moment(d[\"Fecha\"], \"YYYY-MM-DD\").format(\"YYYY-MM-DD\"),\n location: d[\"Comuna\"],\n location_code: d[\"Codigo comuna\"],\n region: d[\"Region\"],\n total_cases: +d[\"Casos confirmados\"],\n poblacion: +d[\"Poblacion\"]\n }))\n .sortBy(d => d.location)\n .value()\n \n /*\n 0: Object {\n Fecha: \"30-03-2020\"\n CUT: \"15101\"\n Region: \"AP\"\n Comuna: \"Arica\"\n Casos Confirmados: \"6\"\n}\n*/\n \n /*\n date: moment(d[\"Fecha\"], \"DD-MM-YYYY\").format(\"YYYY-MM-DD\"),\n location: d[\"Comuna\"],\n ISO_Region: d[\"Region\"],\n location_code: d[\"CUT\"],\n total_cases: +d[\"Confirmados Acumulados\"],\n new_cases: +d[\"Nuevos Confirmados\"]\n */\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3789,"value":"dataComunasRaw1 = {\n const baseData = await d3.csv(\"https://raw.githubusercontent.com/ivanMSC/COVID19_Chile/master/historial_comunas.csv\")\n \n return _.chain(baseData).map(d => ({\n date: moment(d[\"Fecha\"], \"DD-MM-YYYY\").format(\"YYYY-MM-DD\"),\n location: d[\"Comuna\"],\n ISO_Region: d[\"Region\"],\n region: regiones[d[\"Region\"]] && regiones[d[\"Region\"]][\"nombreRegion\"],\n location_code: d[\"CUT\"],\n total_cases: +d[\"Confirmados Acumulados\"],\n new_cases: +d[\"Nuevos Confirmados\"]\n }))\n .sortBy(d => d.location)\n .value()\n \n /*\n Fecha: \"06-04-2020\"\n CUT: \"15101\"\n Region: \"AP\"\n Comuna: \"Arica\"\n Confirmados Acumulados: \"54\"\n Nuevos Confirmados: \"22\"\n}\n*/\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4598,"value":"poblacionPorComuna = {\n \n \n const data = await d3.csv(\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto2/2020-06-08-CasosConfirmados.csv\");\n \n const dict = {};\n \n data.forEach(d => {\n dict[+d[\"Codigo comuna\"]] = +d[\"Poblacion\"]\n })\n \n return dict\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4656,"value":"dictNombreRegion = {\n const data = await d3.csv(\"https://raw.githubusercontent.com/ivanMSC/COVID19_Chile/master/utils/regionesChile.csv\");\n const dict = {};\n \n data.forEach(d => dict[d.nombreRegion] = d);\n \n return dict\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4310,"value":"regiones = {\n const data = await d3.csv(\"https://raw.githubusercontent.com/ivanMSC/COVID19_Chile/master/utils/regionesChile.csv\");\n const dict = {};\n \n data.forEach(d => dict[d.ISO_Region] = d);\n \n return dict\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2710,"value":"dataComunasRaw0 = {\n const rawData = await d3.csv(\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto1/Covid-19.csv\")\n \n const keys = _.keys(rawData[1])\n \n const dates = _.difference(keys, [\"Region\", \"Codigo region\",\"Comuna\",\"Codigo comuna\", \"Poblacion\", \"Tasa\"])\n \n \n const data = [];\n \n const comunaDateDict = {};\n \n rawData.forEach(d => {\n dates.forEach(date => {\n const record = {};\n record[\"date\"] = date;\n record[\"location\"] = standardNames[d[\"Comuna\"]] || d[\"Comuna\"];\n record[\"region\"] = standardNames[d[\"Region\"]] || d[\"Region\"];\n record[\"poblacion\"] = +d[\"Poblacion\"];\n record[\"total_cases\"] = isNaN(+d[date]) ? 0 : +d[date];\n data.push(record);\n \n comunaDateDict[record.location] = comunaDateDict[record.location] || {};\n comunaDateDict[record.location][record.date] = record;\n })\n })\n \n return data\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1397,"value":"md`## Aux functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3620,"value":"function reductionDiagnostic(record) {\n const maxItem = record && _.last(record.items);\n const prevWeekItem = maxItem && maxItem.weekAgoRecord;\n const prevPrevWeekItem = prevWeekItem && prevWeekItem.weekAgoRecord;\n \n\n const reduceLastWeek = prevWeekItem && maxItem.dailyAverage < prevWeekItem.dailyAverage \n const reduceLast2Weeks = prevWeekItem && prevPrevWeekItem && maxItem.dailyAverage < prevPrevWeekItem.dailyAverage\n \n const diagnostic = reduceLastWeek && reduceLast2Weeks \n ? 3\n : reduceLastWeek ? 2 : 1\n \n return {\n diagnosticCode: diagnostic,\n message: diagnosticMessages[diagnostic],\n messagePlural: diagnosticMessagesPlural[diagnostic], \n class: `code${diagnostic}`\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3948,"value":"function newCases14Days(record) {\n const maxItem = record && _.last(record.items);\n const prevWeekItem = maxItem && maxItem.weekAgoRecord;\n const prevPrevWeekItem = prevWeekItem && prevWeekItem.weekAgoRecord;\n \n if (prevPrevWeekItem) {\n return prevPrevWeekItem && maxItem.total_cases - prevPrevWeekItem.total_cases || null\n } else {\n return maxItem.total_cases\n }\n\n \n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":966,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1387,"value":"md`## Code Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"import {style_bootstrap, style_fontawesome} from \"@elaval/utils\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"moment = require('moment@2.24.0/moment.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2331,"value":"momentLocaleConfig = {\n moment.locale('es'); // 'en'\n \n moment.updateLocale('es', {\n weekdays : [\n \"Domingo\", \"Lunes\", \"Martes\", \"Miércoles\", \"Jueves\", \"Viernes\", \"Sábado\"\n ]\n});\n \n moment.updateLocale('es', {\n months : [\n \"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \"Julio\",\n \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"\n ]\n});\n \n moment.updateLocale('es', {\n monthsShort : [\n \"Ene\", \"Feb\", \"Mar\", \"Abr\", \"May\", \"Jun\",\n \"Jul\", \"Ago\", \"Sep\", \"Oct\", \"Nov\", \"Dic\"\n ]\n});\n \n moment.updateLocale('es', {\n weekdaysShort : [\"Dom\", \"Lun\", \"Mar\", \"Mie\", \"Jue\", \"Vie\", \"Sab\"]\n});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"import {input, autoSelect,text, select, date, radio, button, number} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"ga = {\n const ga = await require(\"https://www.google-analytics.com/analytics.js\").catch(() => window.ga);\n ga(\"create\", \"UA-143020946-10\", \"auto\");\n ga(\"send\", \"pageview\", html``.pathname);\n return ga;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"1","titling":"auto"}} 30:"$2f:body"