2f:null 30:["$","title",null,{"children":"COVID19 - Resumen de situación por regiones en Chile | Ernesto Laval | Observable"}] 35:Taed,{ const registroActual = dictRegionFecha[regionSeleccionada][fechaActual]; const fechasRecientes = _.range(0,8).map(d => moment(fechaActual).subtract(d,"week").format("YYYY-MM-DD")).reverse(); const registrosRecientes = fechasRecientes.map(d => dictRegionFecha[regionSeleccionada][d]) return html`

${regionSeleccionada}

Entre el ${moment(fechaActual).subtract(6,"days").format("dddd D MMMM")} y el ${moment(fechaActual).format("dddd D MMMM")} la región presenta ${format.casos(registroActual.nuevos_casos_semanales)} nuevos casos confirmados reportados en esos 7 días. Esto equivale a una incidencia de ${format.incidencia(registroActual.casos_diarios_X100K)} casos diarios x 100 mil habitantes. ${analisisIncidencia(regionSeleccionada,fechaActual)}

Junto con observar la incidencia, es importante observar la tendencia a aumento o reducción de contagios. La variación de contagios no se refleja sólo en la variación de casos reportados ya que esta pueden estar influida por un aumento o reducción en los tests. Es bueno observar los cambios en casos reportados en conjunto con los cambios en los test realizados para entender mejor el comportamiento de estos datos. La variación de la positividad es una métrica que permite observar la relación que hay entre la variación de casos y la variación de tests. Un aumento de positividad es un indicador útil para hablar de un aumento de contagios.

${analisisTendencia(regionSeleccionada,fechaActual)}

Tendencia de fallecimientos en últimas 8 semanas

${analisisFallecidos(regionSeleccionada,fechaActual)}

Datos para ${regionSeleccionada} en últimas semanas

${registrosRecientes.map(d => ` `)}

Fecha	Incidencia (nuevos casos diarios x 100K habs)	Casos últimos 7 días	Tests últimos 7 días	Positividad últimos 7 días	Fallecidos últimos 7 días	Ocupación UCI
${moment(d.fecha).format("dddd D MMMM")}	${format.incidencia(d.casos_diarios_X100K)}	${d.nuevos_casos_semanales}	${d.nuevos_tests_semanales}	${format.positividad(d.positividad)}	${d.nuevos_fallecidos_semanales}	${ isNaN(camaCritica(regionSeleccionada,d.fecha).ocupacion) ? "No disponible" : `${format.positividad(camaCritica(regionSeleccionada,d.fecha).ocupacion)} (al ${moment(camaCritica(regionSeleccionada,d.fecha).fecha).format("D MMM")})` }

` }36:T41f,html`

Gráfico de CRECIMIENTO (variación de positividad) vs INCIDENCIA

Este gráfico permite ubicar las regiones en 4 cuadrantes según su situación de crecimiento de contagios (variación de positividad) e incidencia (casos diarios x 100 mil habitantes).

Las regiones en los cuadrantes superiores presentan un aumento de positividad. Esto es preocupante porque es un indicador de aumento de contagios. Aquellas regiones que aún nto tengan niveles muy altos de contagios, podrían llegar a ellos si mantianen un aumento de positividad.

Las regiones en los cuadrantes de la derecha presentan un alto nivel de contagio. Esto es preocupante porque con estos niveles pueden aumentar la cantidad de pacientes graves, llegar a saturarse la capacidad de atención crítica y devenir en mayores fallecimientos.

Nota: todos los indicadores son calculados en base a datos reportados en los últimos 7 días

`37:T479,html`

Gráfico de CRECIMIENTO (variación de positividad) vs MORTALIDAD semanal

Este gráfico es similar al anterior, pero en vez de incidencia (casos confirmados diarios x 100 mil habitantes) se utiliza un indicador de MORTALIDAD en la última semana (fallecidos en últimos 7 días x 1 millón de habitantes. También permite ubicar a las regiones en 4 cuadrantes

Las regiones en los cuadrantes superiores presentan un aumento de positividad. Esto es preocupante porque es un indicador de aumento de contagios. Aquellas regiones que aún no tengan niveles muy altos de contagios, podrían llegar a ellos, aparejado con un aumento de fallecimientos, si mantianen un aumento de positividad.

Las regiones en los cuadrantes de la derecha presentan un alto nivel de mortalidad. La mortalidad es un indicador que nos permite comparar más adecuadamente la gravedad de la epidemia en cada región.

Nota: todos los indicadores son calculados en base a datos reportados en los últimos 7 días

`38:T4fa,html`

Autor

Ernesto Laval (@elaval)

Fuente de datos

Datos de origen: Informes Diarios publicados por el Ministerio de Salud de Chile.

Datos de casos totales por región publicados por el Ministerio de Ciencia en: https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto3/TotalesPorRegion_std.csv

Datos de exámenes PCR por región publicados por el Ministerio de Ciencia en: https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto7/PCR_std.csv

Los datos son obtenidos de repositorios publicados por el Ministerioo de Ciencia de Chile y luego procesados y consolidatdados en un notebook de observablehq.

Los datos consolidados pueden importarse en observablehq con la siguiente instrucción

import {dataChile, dictRegion, dictRegionFecha, ordenRegiones} from @elaval/data-covid-19-chile

` 39:T643,html``3a:T5b8f,class IncidenceGrowthVis { constructor(el, metric) { this._data = []; this._margin = {left: 60, right:100, top:80, bottom: 80}; this._totalWidth = width; this._totalHeight = width *0.60; this.yLabels = { "positividad": "Positividad últimos 7 días | Escala logarítmica", "crecimiento": "Variación del aumento en 7 días", } this.scaleRanges = { "positividad": yRange, "crecimiento":[-1,1], "incidencia100K":xRange } this.zones = { "crecimiento" : [ { left: 0, right: 5, bottom: -1, top:0, color:"#abdda4" // verde }, { left: 5, right: 10, bottom: -1, top:1, color:"#fdae61" // naranjo }, { left: 0, right: 5, bottom: 0, top:1, color:"#ffffbf" // amarillo }, { left: 10, right: this.scaleRanges.incidencia100K[1], bottom: -1, top:1, color:"#d7191c" // rojo } ], "positividad" : [ { left: this.scaleRanges["incidencia100K"][0], right: 5, bottom: this.scaleRanges[indicadorY][0] < 0.02 ? 0.02 : this.scaleRanges[indicadorY][0] , top:0.04, color:"#abdda4" // verde APERTURA INICIAL }, { left: this.scaleRanges["incidencia100K"][0] < 2 ? 2 : this.scaleRanges["incidencia100K"][0], right: 5, bottom: this.scaleRanges[indicadorY][0], top:0.04, color:"#abdda4" // verde APERTURA INICIAL }, { left: this.scaleRanges["incidencia100K"][0], right: 10, bottom: 0.08, top:0.1, color:"#fdae61" // naranjo TRANSICIÓN }, { left: 5, right: 10, bottom: this.scaleRanges[indicadorY][0], top:0.08, color:"#ffffbf" // amarillo PREPARACIÓN }, { left: this.scaleRanges["incidencia100K"][0], right: 5, bottom: 0.04, top:0.08, color:"#ffffbf" // amarillo PREPARACIÓN }, { left: this.scaleRanges["incidencia100K"][0], right: this.scaleRanges.incidencia100K[1], bottom: 0.1, top:this.scaleRanges[indicadorY][1], color:"#d7191c" // rojo CUARENTENA }, { left: 10, right: this.scaleRanges.incidencia100K[1], bottom: this.scaleRanges[indicadorY][0], top:this.scaleRanges[indicadorY][1], color:"#d7191c" // rojo CUARENTENA } ] } this.phaseLabels = [ { name: "CUARENTENA", color: "white", left: this.scaleRanges["incidencia100K"][0], bottom: 0.1, }, { name: "TRANSICIÓN", color: "black", left: this.scaleRanges["incidencia100K"][0], bottom: 0.08, }, { name: "PREPARACIÓN", color: "black", left: this.scaleRanges["incidencia100K"][0], bottom: 0.04, }, { name: "APERTURA INICIAL", color: "black", left: this.scaleRanges["incidencia100K"][0], bottom: 0.02, }, { name: "APERTURA AVANZADA", color: "black", left: this.scaleRanges["incidencia100K"][0], bottom: 0.02, dy: 15 }, ] this.referenceLinesData = { "positividad" : [0.04, 0.10], "crecimiento" : [0] } this.yZoneLabels = { "positividad" : [ {y: 0.025, label: "BAJA"}, {y: 0.07, label: "MEDIA"}, {y: 0.15, label: "ALTA"} ], "crecimiento" : [ {y: -0.5, label: "DISMINUYENDO"}, {y: 0.5, label: "AUMENTANDO"}, ], } this.yZoneLabelsPositividad = [ {y: 0.1, label: "POSITIVIDAD"} ] this.svgContainer = d3.select(el); this.colorTrayectoria= "blue"; 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 = logScale ? d3.scaleLog() : d3.scaleLinear() this.xScale .range([0,this._width]) this.yScale = d3.scaleLog() //this.yScale = d3.scaleLinear() .range([this._height,0]) this.size = d3.scaleLinear() .range([5,20]) this.color = d3.scaleOrdinal() .range(_.map(colorCodes, (color,key)=> color)) .domain(_.map(colorCodes, (color,key)=> key)) function customFormat(d) { return (d >= 0.01) ? d3.format(".0%")(d) : d3.format(".1%")(d) } this.yAxis = d3.axisLeft(this.yScale) //.ticks(10) .tickFormat(customFormat); this.xAxis = d3.axisBottom(this.xScale) .tickFormat(d3.format("d")); //.ticks(20); 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.svgContainer.selectAll("defs").remove(); this.svgContainer.append("svg:defs").selectAll("marker") .data(["arrow"]) // Different link/path types can be defined here .enter().append("svg:marker") // This section adds in the arrows .attr("id", String) .attr("viewBox", "0 0 12 12") .attr("refX", 6) .attr("refY", 6) .attr("markerUnits", "strokeWidth") .attr("markerWidth", 12) .attr("markerHeight", 12) .attr("orient", "auto") .append("svg:path") .attr("d", "M2,2 L10,6 L2,10 L6,6 L2,2") .style("fill", this.colorTrayectoria) this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container inlineVis") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) this.container.selectAll("rect.zone") .data(this.zones[indicadorY]) .join("rect") .attr("class", "zone") this.bubbleContainer = this.container.selectAll("g.bubbleContainer") .data([1]) .join("g") .attr("class", "bubbleContainer") this.arrowContainer = this.container.selectAll("g.arrowContainer") .data([1]) .join("g") .attr("class", "arrowContainer") this.xAxisEl = this.container.append("g") .attr("transform", `translate(0,${this._height})`) .attr("class", "x axis") this.yAxisEl = this.container.append("g") .attr("class", "y axis") this.dateLabel = this.container.append("text") .attr("class", "title label") .attr("x", this._width/2) .attr("y", 0) .attr("dy", -40) .attr("text-anchor", "middle") .attr("fill", "grey") .attr("font-size", 24) .text("TITLE") .property("_current", function(d) {return this._current || fechaInicial}) this.container.append("text") .attr("class", "title x") .attr("x", this._width) .attr("y", this._height) .attr("dy", 50) .attr("text-anchor", "end") .text(`Promedio de casos confirmados diarios x 100 mil habitantes (última semana) ${logScale ? `| Escala Logarítmica` : ``}`) this.container.append("text") .attr("class", "author") .attr("x", this._width) .attr("y", this._height) .attr("dy", 70) .attr("text-anchor", "end") .attr("font-weight", "bold") .text("@elaval") this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("class", "title y") .attr("transform",`rotate(-90)`) .attr("y", 0 - this._margin.left) .attr("x",0 - (this._height / 2)) .attr("dy", "1em") .style("text-anchor", "middle") .text(this.yLabels[indicadorY]); this.container.append("text") .attr("class", "label baja incidencia") .attr("y", 0) .attr("dy", -10) .attr("fill", "grey") .attr("text-anchor", "middle") .text("INCIDENCIA BAJA") this.container.append("text") .attr("class", "label media incidencia") .attr("y", 0) .attr("dy", -10) .attr("fill", "grey") .attr("text-anchor", "middle") .text("INCIDENCIA MEDIA") this.container.append("text") .attr("class", "label alta incidencia") .attr("y", 0) .attr("dy", -10) .attr("fill", "grey") .attr("text-anchor", "middle") .text("INCIDENCIA ALTA") this.container.selectAll("text.yZoneLabelPositividad") .data(this.yZoneLabelsPositividad) .join("text") .attr("class","yZoneLabelPositividad") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("fill", "grey") .attr("transform",`rotate(90)`) .attr("x", this._width) .attr("dy", -20) //.attr("dx", "3em") .style("text-anchor", "middle") .text(d => d.label); this.container.selectAll("text.yZoneLabel") .data(this.yZoneLabels[indicadorY]) .join("text") .attr("class","yZoneLabel") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("fill", "grey") .attr("transform",`rotate(90)`) .attr("x", this._width) .attr("dy", "1em") .style("text-anchor", "middle") .text(d => d.label); this.container.selectAll("text.phaseLabel") .data(this.phaseLabels) .join("text") .attr("class","phaseLabel") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("font-style", "italic") .attr("fill", d => d.color) .attr("dy", d => d.dy || "-5") .attr("dx", "5") .style("text-anchor", "left") .text(d => d.name); this.container.selectAll("line.reference") .data(this.referenceLinesData[indicadorY]) .join("line") .attr("class", "reference") .attr("stroke-width", 1) .attr("stroke", "black") .attr("stroke-dasharray", "5 5 5 5") .attr("x1", 0) .attr("x2", this._width) } render(_data, fecha) { this.xAttribute2 = "incidencia"; this.xAttribute = "incidencia100K"; this.yAttribute = "positividad"; this.xAttributePrev = "incidencia100K_semana_previa"; this.yAttributePrev = "positividad_semana_previa"; this.sizeAttribute = "poblacion"; this.maxIncidencia = 200; this.maxPositividad = this.scaleRanges["positividad"][1]; this.maxCrecimiento = 1; this.minCrecimiento = -1; const data = _.chain(_data).map(d => ({ name: d.name, crecimiento_original: d.crecimiento, crecimiento: d.crecimiento < this.maxCrecimiento ? d.crecimiento : this.maxCrecimiento, positividad_original: d.positividad, positividad: d.positividad == null ? 0 : d.positividad <= this.maxPositividad ? d.positividad : this.maxPositividad, positividad_semana_previa_original: d.positividad_semana_previa, positividad_semana_previa: d.positividad_semana_previa == null ? 0 : d.positividad_semana_previa <= this.maxPositividad ? d.positividad_semana_previa : this.maxPositividad, incidencia100K : d.incidencia <= this.maxIncidencia ? d.incidencia : this.maxIncidencia, incidencia100K_original: d.incidencia, incidencia100K_semana_previa : d.incidencia_semana_previa <= this.maxIncidencia ? d.incidencia_semana_previa : this.maxIncidencia, incidencia100K_previa_original: d.incidencia_semana_previa, recent: d.recent, poblacion: d.poblacion, searched: d.searched })) .filter(d => { return d.incidencia100K_original <= this.scaleRanges["incidencia100K"][1] && d.incidencia100K_original >= this.scaleRanges["incidencia100K"][0] && d.positividad_original >= this.scaleRanges["positividad"][0] && d.positividad_original <= this.scaleRanges["positividad"][1] }) .filter(d => !textoABuscar || d.searched) .sortBy(d => d.name == "Metropolitana" ? -1 : 1) .value() data.forEach(d => { d.beyondLimit = d.incidencia100K_original > this.maxIncidencia; if (indicadorY == "crecimiento") { d.beyondLimit = d.beyondLimit || d.crecimiento_original > this.maxCrecimiento || d.crecimiento_original < this.minCrecimiento; } else if (indicadorY == "positividad") { d.beyondLimit = d.beyondLimit || d.positividad_original > this.maxPositividad; } }) data.forEach(d=> { const recentSlice = d.recent.filter(e => e.date <= this._date); const newRecent = []; _.range(0, d.recent.length -recentSlice.length).forEach(e => { newRecent.push(d.recent[0]); }) recentSlice.forEach(e => { newRecent.push(e); }) d.recent2 = newRecent; }) function missingData(d) { if (indicadorY == "positividad") { return (d.positividad_original == null) || (d.incidencia100K_original == null) } else if (indicadorY == "crecimiento") { return (d.crecimiento_original == null) || (d.incidencia100K_original == null) } else { return true } } // transition const t = this.container.transition() .duration(1000); const t2 = this.arrowContainer.transition() .duration(1000); const self = this; const escala = this.xScale this.xScale.domain(this.scaleRanges[this.xAttribute]) //this.xScale.domain([1, this.scaleRanges[this.xAttribute][1]]) this.yScale.domain(this.scaleRanges[this.yAttribute]) this.size.domain(d3.extent(allNodes, d => d[this.sizeAttribute])) console.log(escala(1)); console.log(escala.domain()); console.log(escala.range()); this.xAxisEl.call(this.xAxis); this.yAxisEl.call(this.yAxis); this.container.select("text.baja.incidencia") .attr("x", this.xScale((this.scaleRanges[this.xAttribute][0]+5)/2)) this.container.select("text.media.incidencia") .attr("x", this.xScale(7.5)) this.container.select("text.alta.incidencia") .attr("x", this.xScale((10+ this.scaleRanges[this.xAttribute][1])/2)) this.container.select("text.aumentando") .attr("y", this.yScale(0.5)) .attr("transform", `rotate(${-90},${this._width},${this.yScale(0.5)})`) this.container.select("text.disminuyendo") .attr("y", this.yScale(-0.5)) .attr("transform", `rotate(${-90},${this._width},${this.yScale(-0.5)})`) this.container.selectAll("text.yZoneLabel") .attr("dy", -5) .attr("y", d => this.yScale(d.y)) .attr("transform", d => `rotate(${90},${this._width},${this.yScale(d.y)})`) this.container.selectAll("text.yZoneLabelPositividad") .attr("y", d => this.yScale(d.y)) .attr("dy", -30) .attr("transform", d => `rotate(${90},${this._width},${this.yScale(d.y)})`) this.container.selectAll("text.phaseLabel") .attr("y", d => this.yScale(d.bottom)) .attr("x", d => this.xScale(this.scaleRanges[this.xAttribute][0])) this.container.selectAll("line.reference") .attr("y1", d => this.yScale(d)) .attr("y2", d => this.yScale(d)) //this.container.select("text.title.label") //.text(`${this._region} - ${moment(this._date).format("DD MMMM")}`) this.container.select("text.title.label") .text(`Chile por Regiones - ${moment(this._date).format("DD MMMM")}`) /* .transition(t) .textTween(function(d) { const i = d3.interpolateDate(moment(this._current), moment(self._date)) return function(t) { this._current = moment(i(t)).format("YYYY-MM-DD"); return `Chile por Regiones - ${moment(i(t)).format("DD MMMM")}` }; }) */ //.text(`${this._region} - ${moment(this._date).format("DD MMMM")}`) /* this.dateLabel .transition(t) .textTween(function(d) { const i = d3.interpolateDate(moment(this._current), moment(fecha)) return function(t) { this._current = moment(i(t)).format("YYYY-MM-DD"); return moment(i(t)).format("DD MMM") }; //return function(t) { return (this._current = i(t).format("YYYY-MM-DD")); }; }) */ this.container.selectAll("rect.zone") .attr("x",d => this.xScale(d.left)) .attr("y",d => this.yScale(d.top)) .attr("width",d => this.xScale(d.right)-this.xScale(d.left)) //this.yScale(d.rigth-d.left)) .attr("height",d => { const a = this.yScale(d.bottom); const b = this.yScale(d.top); return Math.abs(a-b) })//+this.yScale(d.top)) .attr("fill",d => d.color) const bubbles = this.bubbleContainer.selectAll("g.bubble") .data(data, d => d.name) .join( enter => enter.append("g") .attr("class","bubble") .attr("transform", d => `translate(${this.xScale(d[this.xAttribute])}, ${this.yScale(d[this.yAttribute])})`) .call(enter => enter.transition(t) .attr("transform", d => `translate(${this.xScale(d[this.xAttribute])}, ${this.yScale(d[this.yAttribute])})`)), update => update .call(update => update.transition(t) .attr("transform", d0 => { const d = _.last(d0.recent2) return `translate(${this.xScale(d[this.xAttribute2])}, ${this.yScale(d[this.yAttribute])})` }) ), exit => exit .call(exit => { exit.transition(t) .attr("opacity",0) .remove() exit.select("circle") .transition(t) .attr("r",0) //.attr("transform", d => `translate(0, 0})`) }) ); bubbles .attr("opacity", 0.95) .each(function(d) { if( d.searched) { this.parentNode.appendChild(this); } }) .on("mouseover", function(d) { this.parentNode.appendChild(this); }) console.log(this.arrowContainer.selectAll("g.bubble0").nodes()) const bubbles0 = this.arrowContainer.selectAll("g.bubble0") .data(data, d => d.name) .join("g") .attr("class", "bubble0") .attr("transform", d => { const d0 = d.recent[0]; return `translate(${this.xScale(d0["incidencia"])}, ${this.yScale(d0[this.yAttribute])})` }) .attr("display", d => { debugger; const d0 = d.recent[0]; return d0.date == self._date ? "none" : null }) bubbles.selectAll("circle.prev") .data(d => [d]) .join("circle") .attr("class","prev") .attr("cx",d => this.xScale(d[this.xAttributePrev])-this.xScale(d[this.xAttribute])) .attr("cy",d => this.yScale(d[this.yAttributePrev])-this.yScale(d[this.yAttribute])) .attr("r",d => { return this.size(d.poblacion) }) .attr("opacity", 0) .attr("stroke-width", d=> d.beyondLimit ? 3 : 0.5) .attr("stroke-dasharray", 4) .attr("stroke", d=> d.beyondLimit ? "black" : "black") .attr("fill","none") bubbles.selectAll("circle.target") .data(d => [d]) .join("circle") .attr("class","target") .attr("r",d => { return this.size(d.poblacion) }) .attr("stroke-width", d=> d.beyondLimit ? 3 : 0.5) .attr("stroke", d=> d.beyondLimit ? "black" : "black") .attr("fill",d => "#EEE")// d => this.color(clasificacion(d.incidencia100K, d.crecimiento))) //.attr("fill",d => missingData(d) ? "grey" : d.searched ? "yellow" : "#2b83ba")// d => this.color(clasificacion(d.incidencia100K, d.crecimiento))) const trayectoria = d3.line() .curve(d3.curveBasis) .x(d => d.x) .y(d => d.y) console.log(bubbles0.selectAll("path.vector2").nodes()) bubbles0.selectAll("path.vector2") .data(d => [d]) .join( enter => enter.append("path") .attr("class","vector2") .attr("stroke-width", 2) .attr("stroke", this.colorTrayectoria) .attr("marker-end", "url(#arrow)") .call(enter => enter .attr("d",d => { const items = d.recent2 debugger; return trayectoria(items.map(e => { const d0 = d.recent2[0] return ({ x: this.xScale(e.incidencia)-this.xScale(d0["incidencia"]), y: this.yScale(e.positividad)-this.yScale(d0[this.yAttribute]) }) })) }) ) , update => update .call(update => update.transition(t2) .attr("d",d => { debugger; return trayectoria(d.recent2.map(e => { const d0 = d.recent2[0] return ({ x: this.xScale(e.incidencia)-this.xScale(d0["incidencia"]), y: this.yScale(e.positividad)-this.yScale(d0[this.yAttribute]) }) })) }) ), exit => exit .call(exit => { exit .attr("opacity",0) .remove() }) ) /* bubbles0.selectAll("path.vector2") .data(d => [d]) .join("path") .call(enter => enter .attr("class","vector2") .attr("d",d => { const items = _.take(d.recent2, d.recent2.length-1) debugger; return "" return trayectoria(items.map(e => { const d0 = d.recent2[0] return ({ x: this.xScale(e.incidencia)-this.xScale(d0["incidencia"]), y: this.yScale(e.positividad)-this.yScale(d0[this.yAttribute]) }) })) }) .attr("stroke-width", 2) //.attr("stroke-dasharray", 1.5) .attr("stroke", this.colorTrayectoria) .attr("marker-end", "url(#arrow)") , update => update .call(update => update.transition(t2) .attr("d",d => { debugger; return trayectoria(d.recent2.map(e => { const d0 = d.recent2[0] return ({ x: this.xScale(e.incidencia)-this.xScale(d0["incidencia"]), y: this.yScale(e.positividad)-this.yScale(d0[this.yAttribute]) }) })) }) ), exit => exit .call(exit => { exit .attr("opacity",0) .remove() }) ) */ bubbles.selectAll("rect") .data(d => [d]) .join("rect") bubbles.selectAll("text") .data(d => [d]) .join("text") .attr("dy",d => { return this.size(d.poblacion)+12 }) .attr("font-size",12) .attr("fill", "black") .text(d => d.name) .call(getTextBox); bubbles.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"); function getTextBox(selection) { selection.each(function(d) { d.bbox = this.getBBox(); }) } } height(_) { this._totalHeight = _; this.startup(); return this; } width(_) { this._totalWidth = _; this.startup(); return this; } title(_) { this._title = _; return this; } region(_) { this._region = _; return this; } date(_) { this._date = _; return this; } }3b:T585d,class IncidenceGrowthQuadrantsVis { constructor(el, metric) { this._data = []; this._margin = {left: 60, right:100, top:80, bottom: 80}; this._totalWidth = width; this._totalHeight = width *0.60; this._attributeX = "incidencia100K"; this.yLabels = { "positividad": "Positividad últimos 7 días | Escala logarítmica", "crecimiento": "Variación del aumento en 7 días", "growth": "CRECIMIENTO (Variación de positividad en 7 días)", } this.xLabels = { "incidencia100K" : "INCIDENCIA (Nuevos casos diarios x 100 mil habitantes, promedio última semana)", "muertes_x_1MM" : "MUERTES DIARIAS x 1 Millón de habitantes (promedio última semana)", } this.scaleRanges = { "positividad": yRange, "crecimiento":[-1,1], "incidencia100K":xRange, "muertes_x_1MM":[0.4, 15], "growth":[-1,1] } this.criticalPoint = { "incidencia100K":10, "muertes_x_1MM":2 } this.zones = { "crecimiento" : [ { left: 0, right: 5, bottom: -1, top:0, color:"#abdda4" // verde }, { left: 5, right: 10, bottom: -1, top:1, color:"#fdae61" // naranjo }, { left: 0, right: 5, bottom: 0, top:1, color:"#ffffbf" // amarillo }, { left: 10, right: this.scaleRanges.incidencia100K[1], bottom: -1, top:1, color:"#d7191c" // rojo } ], "positividad" : [ ] } this.phaseLabels = [ ] this.quadrantLabels = { incidencia100K: [ ["INCIDENCIA MENOS ALTA", "AUMENTANDO CONTAGIOS"], ["INCIDENCIA MUY ALTA", "AUMENTANDO CONTAGIOS"], ["INCIDENCIA MENOS ALTA", "REDUCIENDO CONTAGIOS"], ["INCIDENCIA MUY ALTA", "REDUCIENDO CONTAGIOS"], ], muertes_x_1MM: [ ["MORTALIDAD MENOS ALTA", "AUMENTANDO CONTAGIOS"], ["MORTALIDAD MUY ALTA", "AUMENTANDO CONTAGIOS"], ["MORTALIDAD MENOS ALTA", "REDUCIENDO CONTAGIOS"], ["MORTALIDAD MUY ALTA", "REDUCIENDO CONTAGIOS"], ], } this.xAxisLabel = { "incidencia100K" : "NUEVOS CASOS CONFIRMADOS (Promedio diariox x 100 mil habitantes en última semana)", "muertes_x_1MM" : "MUERTES DIARIAS x 1 Millón de habitantes (promedio última semana)", } this.referenceLinesData = { "positividad" : [0], "crecimiento" : [0], "incidencia100K" : [this.criticalPoint["incidencia100K"]], "incidencia" : [this.criticalPoint[this._attributeX]], "muertes_x_1MM" : [this.criticalPoint["muertes_x_1MM"]], } this.yZoneLabels = { "positividad" : [ ], "crecimiento" : [ {y: -0.5, label: "DISMINUYENDO"}, {y: 0.5, label: "AUMENTANDO"}, ], } this.yZoneLabelsPositividad = [ {y: 0.1, label: "POSITIVIDAD"} ] this.svgContainer = d3.select(el); this.colorTrayectoria= "blue"; this.startup(); } startup() { const self = this; this._width = this._totalWidth - this._margin.left - this._margin.right; this._height = this._totalHeight - this._margin.top - this._margin.bottom; this.xScale = logScale ? d3.scaleLog() : d3.scaleLinear() this.xScale .range([0,this._width]) //this.yScale = d3.scaleLog() this.yScale = d3.scaleLinear() .range([this._height,0]) this.size = d3.scaleLinear() .range([10,10]) this.color = d3.scaleOrdinal() .range(_.map(colorCodes, (color,key)=> color)) .domain(_.map(colorCodes, (color,key)=> key)) function customFormat(d) { return (d >= 0.01) ? d3.format(".0%")(d) : d3.format(".0%")(d) } this.yAxis = d3.axisLeft(this.yScale) //.ticks(10) .tickFormat(customFormat); this.xAxis = d3.axisBottom(this.xScale) .tickFormat(d3.format(".1f")); //.ticks(20); 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.svgContainer.selectAll("defs").remove(); this.svgContainer.append("svg:defs").selectAll("marker") .data(["arrow"]) // Different link/path types can be defined here .enter().append("svg:marker") // This section adds in the arrows .attr("id", String) .attr("viewBox", "0 0 12 12") .attr("refX", 6) .attr("refY", 6) .attr("markerUnits", "strokeWidth") .attr("markerWidth", 12) .attr("markerHeight", 12) .attr("orient", "auto") .append("svg:path") .attr("d", "M2,2 L10,6 L2,10 L6,6 L2,2") .style("fill", this.colorTrayectoria) this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container inlineVis") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) this.container.selectAll("rect.zone") .data(this.zones[indicadorY]) .join("rect") .attr("class", "zone") this.container.selectAll("g.quadLabels") .data([null]) .join("g") .attr("class", "quadLabels") this.container.select("g.quadLabels").selectAll("g.quadLabel") .data(this.quadrantLabels[this._attributeX]) .join("g") .attr("class", "quadLabel") /* .attr("transform", (d,i) => ` translate(${quadLabelPos(i)[0]}, ${quadLabelPos(i)[1]}) `) */ this.container.select("g.quadLabels").selectAll("g.quadLabel").selectAll("text.line1") .data(d => [d]) .join("text") .attr("text-anchor", "middle") .attr("class", "line1") .text(d => d[0]) this.container.select("g.quadLabels").selectAll("g.quadLabel").selectAll("text.line2") .data(d => [d]) .join("text") .attr("class", "line2") .attr("text-anchor", "middle") .attr("dy", "1em") .text(d => d[1]) this.bubbleContainer = this.container.selectAll("g.bubbleContainer") .data([1]) .join("g") .attr("class", "bubbleContainer") this.arrowContainer = this.container.selectAll("g.arrowContainer") .data([1]) .join("g") .attr("class", "arrowContainer") this.xAxisEl = this.container.append("g") .attr("transform", `translate(0,${this._height})`) .attr("class", "x axis") this.yAxisEl = this.container.append("g") .attr("class", "y axis") this.dateLabel = this.container.append("text") .attr("class", "title label") .attr("x", this._width/2) .attr("y", 0) .attr("dy", -40) .attr("text-anchor", "middle") .attr("fill", "grey") .attr("font-size", 24) .text("TITLE") .property("_current", function(d) {return this._current || fechaInicial}) this.container.append("text") .attr("class", "title x") .attr("x", this._width) .attr("y", this._height) .attr("dy", 50) .attr("text-anchor", "end") .text(`${this.xLabels[this._attributeX]} ${logScale ? `| Escala Logarítmica` : ``}`) this.container.append("text") .attr("class", "author") .attr("x", this._width) .attr("y", this._height) .attr("dy", 70) .attr("text-anchor", "end") .attr("font-weight", "bold") .text("@elaval") this.container.append("text") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("class", "title y") .attr("transform",`rotate(-90)`) .attr("y", 0 - this._margin.left) .attr("x",0 - (this._height / 2)) .attr("dy", "1em") .style("text-anchor", "middle") .text(this.yLabels["growth"]); this.container.selectAll("text.yZoneLabel") .data(this.yZoneLabels[indicadorY]) .join("text") .attr("class","yZoneLabel") .attr("font-family", "sans-serif") .attr("font-size", 14) .attr("fill", "grey") .attr("transform",`rotate(90)`) .attr("x", this._width) .attr("dy", "1em") .style("text-anchor", "middle") .text(d => d.label); this.container.selectAll("text.phaseLabel") .data(this.phaseLabels) .join("text") .attr("class","phaseLabel") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("font-style", "italic") .attr("fill", d => d.color) .attr("dy", d => d.dy || "-5") .attr("dx", "5") .style("text-anchor", "left") .text(d => d.name); this.container.selectAll("line.reference") .data(this.referenceLinesData[indicadorY]) .join("line") .attr("class", "reference") .attr("stroke-width", 1) .attr("stroke", "black") .attr("stroke-dasharray", "5 5 5 5") .attr("x1", 0) .attr("x2", this._width) this.container.selectAll("line.referenceX") .data(this.referenceLinesData[this._attributeX]) .join("line") .attr("class", "referenceX") .attr("stroke-width", 1) .attr("stroke", "black") .attr("stroke-dasharray", "5 5 5 5") .attr("y1", 0) .attr("y2", this._height) } render(_data, fecha) { debugger; this.xAttribute2 = "incidencia"; this.xAttribute = this._attributeX; this.yAttribute = "positividad"; this.yAttribute = "growth"; this.xAttributePrev = "incidencia100K_semana_previa"; this.yAttributePrev = "positividad_semana_previa"; this.sizeAttribute = "poblacion"; this.maxIncidencia = 200; this.maxPositividad = this.scaleRanges["positividad"][1]; this.maxCrecimiento = 1; this.minCrecimiento = -1; const minX = _.min(_.map(_data, d => d[this.xAttribute])); this.scaleRanges["muertes_x_1MM"][0] = minX < this.scaleRanges["muertes_x_1MM"][0] ? minX : this.scaleRanges["muertes_x_1MM"][0]; this.scaleRanges["muertes_x_1MM"][0] == this.scaleRanges["muertes_x_1MM"][0] > 0 ? this.scaleRanges["muertes_x_1MM"][0] : 0.1 const data = _.chain(_data).map(d => ({ name: d.name, growth: d.growth, crecimiento_original: d.crecimiento, crecimiento: d.crecimiento < this.maxCrecimiento ? d.crecimiento : this.maxCrecimiento, positividad_original: d.positividad, positividad: d.positividad == null ? 0 : d.positividad <= this.maxPositividad ? d.positividad : this.maxPositividad, positividad_semana_previa_original: d.positividad_semana_previa, positividad_semana_previa: d.positividad_semana_previa == null ? 0 : d.positividad_semana_previa <= this.maxPositividad ? d.positividad_semana_previa : this.maxPositividad, incidencia100K : d.incidencia <= this.maxIncidencia ? d.incidencia : this.maxIncidencia, incidencia100K_original: d.incidencia, muertes_x_1MM: d.muertes_x_1MM, incidencia100K_semana_previa : d.incidencia_semana_previa <= this.maxIncidencia ? d.incidencia_semana_previa : this.maxIncidencia, incidencia100K_previa_original: d.incidencia_semana_previa, recent: d.recent, poblacion: d.poblacion, searched: d.searched })) .filter(d => { return d.incidencia100K_original <= this.scaleRanges["incidencia100K"][1] && d.incidencia100K_original >= this.scaleRanges["incidencia100K"][0] && d.positividad_original >= this.scaleRanges["positividad"][0] && d.positividad_original <= this.scaleRanges["positividad"][1] }) .filter(d => !textoABuscar || d.searched) .sortBy(d => d.name == "Metropolitana" ? -1 : 1) .value() data.forEach(d => { d.beyondLimit = d.incidencia100K_original > this.maxIncidencia; if (indicadorY == "crecimiento") { d.beyondLimit = d.beyondLimit || d.crecimiento_original > this.maxCrecimiento || d.crecimiento_original < this.minCrecimiento; } else if (indicadorY == "positividad") { d.beyondLimit = d.beyondLimit || d.positividad_original > this.maxPositividad; } }) data.forEach(d=> { const recentSlice = d.recent.filter(e => e.date <= this._date); const newRecent = []; _.range(0, d.recent.length -recentSlice.length).forEach(e => { newRecent.push(d.recent[0]); }) recentSlice.forEach(e => { newRecent.push(e); }) d.recent2 = newRecent; }) function missingData(d) { if (indicadorY == "positividad") { return (d.positividad_original == null) || (d.incidencia100K_original == null) } else if (indicadorY == "crecimiento") { return (d.crecimiento_original == null) || (d.incidencia100K_original == null) } else { return true } } // transition const t = this.container.transition() .duration(1000); const t2 = this.arrowContainer.transition() .duration(1000); const self = this; const escala = this.xScale this.xScale.domain(this.scaleRanges[this.xAttribute]) //this.xScale.domain([1, this.scaleRanges[this.xAttribute][1]]) //this.yScale.domain(this.scaleRanges[this.yAttribute]) const maxAbsY = d3.max(data, d => Math.abs(d[this.yAttribute])) this.yScale.domain([-maxAbsY, maxAbsY]) console.log("Y DOMAIN"); console.log(this.yScale.domain()); console.log(data[0][this.yAttribute]); console.log(this.yScale(data[0][this.yAttribute])); debugger; this.size.domain(d3.extent(allNodes, d => d[this.sizeAttribute])) console.log(escala(1)); console.log(escala.domain()); console.log(escala.range()); this.xAxisEl.call(this.xAxis); this.yAxisEl.call(this.yAxis); this.container.select("text.baja.incidencia") .attr("x", this.xScale((this.scaleRanges[this.xAttribute][0]+5)/2)) this.container.select("text.media.incidencia") .attr("x", this.xScale(7.5)) this.container.select("text.alta.incidencia") .attr("x", this.xScale((10+ this.scaleRanges[this.xAttribute][1])/2)) this.container.select("text.aumentando") .attr("y", this.yScale(0.5)) .attr("transform", `rotate(${-90},${this._width},${this.yScale(0.5)})`) this.container.select("text.disminuyendo") .attr("y", this.yScale(-0.5)) .attr("transform", `rotate(${-90},${this._width},${this.yScale(-0.5)})`) this.container.selectAll("text.yZoneLabel") .attr("dy", -5) .attr("y", d => this.yScale(d.y)) .attr("transform", d => `rotate(${90},${this._width},${this.yScale(d.y)})`) this.container.selectAll("text.yZoneLabelPositividad") .attr("y", d => this.yScale(d.y)) .attr("dy", -30) .attr("transform", d => `rotate(${90},${this._width},${this.yScale(d.y)})`) this.container.selectAll("text.phaseLabel") .attr("y", d => this.yScale(d.bottom)) .attr("x", d => this.xScale(this.scaleRanges[this.xAttribute][0])) this.container.selectAll("line.reference") .attr("y1", d => this.yScale(d)) .attr("y2", d => this.yScale(d)) this.container.selectAll("line.referenceX") .attr("x1", d => this.xScale(d)) .attr("x2", d => this.xScale(d)) //this.container.select("text.title.label") //.text(`${this._region} - ${moment(this._date).format("DD MMMM")}`) this.container.select("text.title.label") .text(`Chile por Regiones - ${moment(this._date).format("DD MMMM")}`) /* .transition(t) .textTween(function(d) { const i = d3.interpolateDate(moment(this._current), moment(self._date)) return function(t) { this._current = moment(i(t)).format("YYYY-MM-DD"); return `Chile por Regiones - ${moment(i(t)).format("DD MMMM")}` }; }) */ //.text(`${this._region} - ${moment(this._date).format("DD MMMM")}`) /* this.dateLabel .transition(t) .textTween(function(d) { const i = d3.interpolateDate(moment(this._current), moment(fecha)) return function(t) { this._current = moment(i(t)).format("YYYY-MM-DD"); return moment(i(t)).format("DD MMM") }; //return function(t) { return (this._current = i(t).format("YYYY-MM-DD")); }; }) */ /* this.container.selectAll("rect.zone") .attr("x",d => this.xScale(d.left)) .attr("y",d => this.yScale(d.top)) .attr("width",d => this.xScale(d.right)-this.xScale(d.left)) //this.yScale(d.rigth-d.left)) .attr("height",d => { const a = this.yScale(d.bottom); const b = this.yScale(d.top); return Math.abs(a-b) })//+this.yScale(d.top)) .attr("fill",d => d.color) */ const bubbles = this.bubbleContainer.selectAll("g.bubble") .data(data, d => d.name) .join( enter => enter.append("g") .attr("class","bubble") .attr("transform", d => `translate(${this.xScale(d[this.xAttribute])}, ${this.yScale(d[this.yAttribute])})`) .call(enter => enter.transition(t) .attr("transform", d => `translate(${this.xScale(d[this.xAttribute])}, ${this.yScale(d[this.yAttribute])})`)), update => update .call(update => update.transition(t) .attr("transform", d0 => { const d = _.last(d0.recent2) return `translate(${this.xScale(d[this.xAttribute2])}, ${this.yScale(d[this.yAttribute])})` }) ), exit => exit .call(exit => { exit.transition(t) .attr("opacity",0) .remove() exit.select("circle") .transition(t) .attr("r",0) //.attr("transform", d => `translate(0, 0})`) }) ); bubbles .attr("opacity", 0.95) .each(function(d) { if( d.searched) { this.parentNode.appendChild(this); } }) .on("mouseover", function(d) { this.parentNode.appendChild(this); }) bubbles.selectAll("circle.target") .data(d => [d]) .join("circle") .attr("class","target") .classed("safe",d => d[this.xAttribute] < self.criticalPoint[self.xAttribute] && d.growth <0) .attr("r",d => { return this.size(d.poblacion) }) .attr("stroke-width", d=> d.beyondLimit ? 3 : 0.5) .attr("stroke", d=> d.beyondLimit ? "black" : "black") .attr("fill",d => "#EEE")// d => this.color(clasificacion(d.incidencia100K, d.crecimiento))) //.attr("fill",d => missingData(d) ? "grey" : d.searched ? "yellow" : "#2b83ba")// d => this.color(clasificacion(d.incidencia100K, d.crecimiento))) /* const trayectoria = d3.line() .curve(d3.curveBasis) .x(d => d.x) .y(d => d.y) /* bubbles0.selectAll("path.vector2") .data(d => [d]) .join("path") .call(enter => enter .attr("class","vector2") .attr("d",d => { const items = _.take(d.recent2, d.recent2.length-1) debugger; return "" return trayectoria(items.map(e => { const d0 = d.recent2[0] return ({ x: this.xScale(e.incidencia)-this.xScale(d0["incidencia"]), y: this.yScale(e.positividad)-this.yScale(d0[this.yAttribute]) }) })) }) .attr("stroke-width", 2) //.attr("stroke-dasharray", 1.5) .attr("stroke", this.colorTrayectoria) .attr("marker-end", "url(#arrow)") , update => update .call(update => update.transition(t2) .attr("d",d => { debugger; return trayectoria(d.recent2.map(e => { const d0 = d.recent2[0] return ({ x: this.xScale(e.incidencia)-this.xScale(d0["incidencia"]), y: this.yScale(e.positividad)-this.yScale(d0[this.yAttribute]) }) })) }) ), exit => exit .call(exit => { exit .attr("opacity",0) .remove() }) ) */ bubbles.selectAll("rect") .data(d => [d]) .join("rect") bubbles.selectAll("text") .data(d => [d]) .join("text") .attr("dy",d => { return this.size(d.poblacion)+12 }) .attr("font-size",12) .attr("fill", "black") .text(d => d.name) .call(getTextBox); bubbles.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"); function quadLabelPos(i) { if (i==0) { return [ (self.xScale([self.criticalPoint[self.xAttribute]])+ self.xScale(self.scaleRanges[self.xAttribute][0]))/2, (self.yScale(0)+ self.yScale(maxAbsY))/2 ] } else if (i==1) { return [ (self.xScale([self.criticalPoint[self.xAttribute]])+ self.xScale(self.scaleRanges[self.xAttribute][1]))/2, (self.yScale(0)+ self.yScale(maxAbsY))/2 ] } else if (i==2) { return [ (self.xScale([self.criticalPoint[self.xAttribute]])+ self.xScale(self.scaleRanges[self.xAttribute][0]))/2, (self.yScale(0)+ self.yScale(-maxAbsY))/2 ] } else if (i==3) { return [ (self.xScale([self.criticalPoint[self.xAttribute]])+ self.xScale(self.scaleRanges[self.xAttribute][1]))/2, (self.yScale(0)+ self.yScale(-maxAbsY))/2 ] } } this.container.select("g.quadLabels").selectAll("g.quadLabel") .data(this.quadrantLabels[this._attributeX]) .join("g") .attr("class", "quadLabel") .attr("transform", (d,i) => ` translate(${quadLabelPos(i)[0]}, ${quadLabelPos(i)[1]}) `) function getTextBox(selection) { selection.each(function(d) { d.bbox = this.getBBox(); }) } } height(_) { this._totalHeight = _; this.startup(); return this; } width(_) { this._totalWidth = _; this.startup(); return this; } title(_) { this._title = _; return this; } region(_) { this._region = _; return this; } date(_) { this._date = _; return this; } attributeX(_) { this._attributeX = _; this.startup(); return this; } }3c:T8be,function analisisIncidencia(region, fecha) { const registroActual = dictRegionFecha[regionSeleccionada][fecha]; const fechasSemanaPrevia = moment(fecha).subtract(1,"week").format("YYYY-MM-DD"); const registrosSemanaPrevia = dictRegionFecha[region][fechasSemanaPrevia]; const tipoIncidencia = registroActual["variacion_semanal_positividad"] < 0 ? registroActual["casos_diarios_X100K"] >= 10 ? `Positividad- Incidencia Alta` : registroActual["casos_diarios_X100K"] < 2 ? `Positividad- Incidencia Baja` : `Positividad- Incidencia Media` : registroActual["casos_diarios_X100K"] >= 10 ? `Positividad+ Incidencia Alta` : registroActual["casos_diarios_X100K"] < 2 ? `Positividad+ Incidencia Baja` : `Positividad+ Incidencia Media` ; const mensajes = { "Positividad- Incidencia Alta" : `Esta es una incidencia muy alta (plan Paso a Paso indica que es necesario estar bajo un umbral de 10 casos x 100 mil habitantes para salir de cuarentena).` , "Positividad- Incidencia Media" : `La incidencia aún no alcanza niveles críticos (plan Paso a Paso indica que bajo un umbral de 10 casos x 100 mil habitantes se puede salir de cuarentena).` , "Positividad- Incidencia Baja" : `La incidencia tiene niveles bajos ${registroActual["casos_diarios_X100K"]} (plan Paso a Paso indica que bajo un umbral de 2 casos x 100 mil habitantes se puede pasar a Apertura Avanzada).` , "Positividad+ Incidencia Alta" : `Esta es una incidencia muy alta (plan Paso a Paso indica que es necesario estar bajo un umbral de 10 casos x 100 mil habitantes para salir de cuarentena).` , "Positividad+ Incidencia Media" : `La incidencia aún no alcanza niveles críticos (plan Paso a Paso indica que bajo un umbral de 10 casos x 100 mil habitantes se puede salir de cuarentena).` , "Positividad+ Incidencia Baja" : `La incidencia tiene niveles bajos (plan Paso a Paso indica que bajo un umbral de 2 casos x 100 mil habitantes se puede pasar a Apertura Avanzada).` , } return mensajes[tipoIncidencia] } 3d:T4c1,function analisisFallecidos(region, fecha) { const semanasRecientes1a4 = _.range(0,4).map(d => moment(fecha).subtract(d,"week").format("YYYY-MM-DD")) const semanasRecientes5a8 = _.range(4,8).map(d => moment(fecha).subtract(d,"week").format("YYYY-MM-DD")) const fallecidosSemanas1a4 = _.reduce(semanasRecientes1a4, (memo,d) => memo + dictRegionFecha[region][d].nuevos_fallecidos_semanales,0) const fallecidosSemanas5a8 = _.reduce(semanasRecientes5a8, (memo,d) => memo + dictRegionFecha[region][d].nuevos_fallecidos_semanales,0) return html`En las últimas 4 semanas (${moment(fecha).subtract(4,"week").add(1,"day").format("D/MMM")} al ${moment(fecha).format("D/MMM")}) se reportaron ${fallecidosSemanas1a4} fallecidos con PCR+, mientras que en las 4 semanas previas a esas (${moment(fecha).subtract(8,"week").add(1,"day").format("D/MMM")} al ${moment(fecha).subtract(4,"week").format("D/MMM")}) se reportaron ${fallecidosSemanas5a8} fallecidos con PCR+. ${fallecidosSemanas1a4/fallecidosSemanas5a8 >1 ? `Se observa tendencia a un aumento de fallecidos al comparar ambos períodos` :`No se observa un aumento de fallecidos al comparar ambos períodos` } ` }3e:T597,function resumenReducciones() { const registroActual = dictRegionFecha[regionSeleccionada][fechaActual]; const registroActualRegiones = {} regiones.forEach(d => { registroActualRegiones[d]= dictRegionFecha[d][fechaActual] }) const regionesXDireccionCambio = _.chain(registroActualRegiones) .map((item,key) => item) .groupBy(d => d.variacion_semanal_positividad < 0 ? "reduce" : "no reduce") .value() const numReducen = regionesXDireccionCambio["reduce"].length; const numNoReducen = regionesXDireccionCambio["no reduce"].length; return html`La variación en la positividad (porcentaje de tests PCR que dan un resultado positivo) es un indicador del aumento o reducción de contagios. Al ${moment(fechaActual).format("D MMMM")} en Chile hay ${numReducen} ${numReducen == 1 ? "región que reduce" : "regiones que reducen"} la positividad y ${numNoReducen} que ${numNoReducen == 1 ? "no reduce" : "no reducen"} la positividad.

Reducen:
${regionesXDireccionCambio["reduce"].map(d => `${d.localidad} (${format.variacion(d.variacion_semanal_positividad)})`).join(" ")}
No reducen:
${regionesXDireccionCambio["no reduce"].map(d => `${d.localidad} (+${format.variacion(d.variacion_semanal_positividad)}) `).join(" ")}` }3f:T1dc3,function analisisTendencia(region, fecha) { const registroActual = dictRegionFecha[regionSeleccionada][fecha]; const fechasSemanaPrevia = moment(fecha).subtract(1,"week").format("YYYY-MM-DD"); const registrosSemanaPrevia = dictRegionFecha[region][fechasSemanaPrevia]; const tipoCrecimiento = registroActual["variacion_semanal_positividad"] < 0 ? registroActual["variacion_semanal_casos"] < 0 ? registroActual["variacion_semanal_tests"] < 0 ? `Positividad- Casos- Tests-` : `Positividad- Casos- Tests+` : registroActual["variacion_semanal_tests"] < 0 ? `Positividad- Casos+ Tests-` : `Positividad- Casos+ Tests+` : registroActual["variacion_semanal_casos"] < 0 ? registroActual["variacion_semanal_tests"] < 0 ? `Positividad+ Casos- Tests-` : `Positividad+ Casos- Tests+` : registroActual["variacion_semanal_tests"] < 0 ? `Positividad+ Casos+ Tests-` : `Positividad+ Casos+ Tests+` ; const razonVariacionDatosTests = registroActual["variacion_semanal_casos"] / registroActual["variacion_semanal_tests"]; const mensajes = { "Positividad- Casos- Tests-" : `Los tests disminuyeron de ${format.casos(registrosSemanaPrevia["nuevos_tests_semanales"])} a ${format.casos(registroActual["nuevos_tests_semanales"])}. Eso explica una parte de la disminución de casos semanales de ${format.casos(registrosSemanaPrevia["nuevos_casos_semanales"])} a ${format.casos(registroActual["nuevos_casos_semanales"])}.

Sin embargo, los casos disminuyeron en mayor proporción que los tests. Esto se refleja en una disminución de positividad de ${format.positividad(registrosSemanaPrevia["positividad"])} a ${format.positividad(registroActual["positividad"])} (${format.variacion(registroActual.variacion_semanal_positividad)} de disminución).

De mantenerse una reducción sostenida de positividad, los niveles de contagio irán disminuyendo` , "Positividad- Casos- Tests+" : `Los tests aumentaron de ${format.casos(registrosSemanaPrevia["nuevos_tests_semanales"])} a ${format.casos(registroActual["nuevos_tests_semanales"])}. A pesar de esto, disminuyeron los casos semanales de ${format.casos(registrosSemanaPrevia["nuevos_casos_semanales"])} a ${format.casos(registroActual["nuevos_casos_semanales"])}. Esto se refleja en una disminución de positividad de ${format.positividad(registrosSemanaPrevia["positividad"])} a ${format.positividad(registroActual["positividad"])} (${format.variacion(registroActual.variacion_semanal_positividad)} de disminución).

De mantenerse una reducción sostenida de positividad, los niveles de contagio irán disminuyendo` , "Positividad- Casos+ Tests-" : `Alternativa no válida` , "Positividad- Casos+ Tests+" : `Los tests aumentaron de ${format.casos(registrosSemanaPrevia["nuevos_tests_semanales"])} a ${format.casos(registroActual["nuevos_tests_semanales"])}. Esto explica una parte del aumento de casos semanales de ${format.casos(registrosSemanaPrevia["nuevos_casos_semanales"])} a ${format.casos(registroActual["nuevos_casos_semanales"])}.

Sin embargo, el aumento relativo de los casos (${format.variacion(registroActual.variacion_semanal_casos)}) fue ${Math.abs(registroActual.variacion_semanal_positividad) < 0.01 ? "levemente " : ""}menor que el de los tests (${format.variacion(registroActual.variacion_semanal_tests)}). Esto indica ${Math.abs(registroActual.variacion_semanal_positividad) < 0.01 ? "un nivel de contagios relativamente estable" : "una disminución de contagios"} que se refleja en una ${Math.abs(registroActual.variacion_semanal_positividad) < 0.01 ? "leve disminución de positividad" : "disminución de positividad"} de ${format.positividad(registrosSemanaPrevia["positividad"])} a ${format.positividad(registroActual["positividad"])} (${format.variacion(registroActual.variacion_semanal_positividad)} de disminución).

Es importante mantener una reducción sostenida de positividad, para disminuir los niveles de contagio ` , "Positividad+ Casos- Tests-" : `Los tests disminuyeron de ${format.casos(registrosSemanaPrevia["nuevos_tests_semanales"])} a ${format.casos(registroActual["nuevos_tests_semanales"])}. Esto explica una parte de la disminución de casos semanales de ${format.casos(registrosSemanaPrevia["nuevos_casos_semanales"])} a ${format.casos(registroActual["nuevos_casos_semanales"])}.

Sin embargo, la disminución relativa de los casos (${format.variacion(registroActual.variacion_semanal_casos)}) fue menor que la de los tests (${format.variacion(registroActual.variacion_semanal_tests)}) y se observa un aumento de positividad de ${format.positividad(registrosSemanaPrevia["positividad"])} a ${format.positividad(registroActual["positividad"])} (${format.variacion(registroActual.variacion_semanal_positividad)} de aumento).

Es preocupante que la positividad vaya en aumento. De mantenerse una tendencia al alza, los niveles de contagio seguirán aumentando.` , "Positividad+ Casos- Tests+" : `Alternativa no válida` , "Positividad+ Casos+ Tests-" : `Los tests disminuyeron de ${format.casos(registrosSemanaPrevia["nuevos_tests_semanales"])} a ${format.casos(registroActual["nuevos_tests_semanales"])} y a pesar de eso se observa un aumento de casos semanales de ${format.casos(registrosSemanaPrevia["nuevos_casos_semanales"])} a ${format.casos(registroActual["nuevos_casos_semanales"])}. Esto indica un aumento de contagios y se refleja en un aumento de positividad de ${format.positividad(registrosSemanaPrevia["positividad"])} a ${format.positividad(registroActual["positividad"])} (${format.variacion(registroActual.variacion_semanal_positividad)} de aumento).

Es preocupante que la positividad vaya en aumento. De mantenerse una tendencia al alza, los niveles de contagio seguirán aumentando.` , "Positividad+ Casos+ Tests+" : `Los tests aumentaron de ${format.casos(registrosSemanaPrevia["nuevos_tests_semanales"])} a ${format.casos(registroActual["nuevos_tests_semanales"])} y eso explica una parte del aumento de casos semanales de ${format.casos(registrosSemanaPrevia["nuevos_casos_semanales"])} a ${format.casos(registroActual["nuevos_casos_semanales"])}.

Sin embargo, el aumento relativo de los casos (${format.variacion(registroActual.variacion_semanal_casos)}) fue ${razonVariacionDatosTests > 2 ? "mucho ": ""}mayor que el de tests (${format.variacion(registroActual.variacion_semanal_tests)}). Esto indica un aumento de contagios y se refleja en un aumento de positividad de ${format.positividad(registrosSemanaPrevia["positividad"])} a ${format.positividad(registroActual["positividad"])} (${format.variacion(registroActual.variacion_semanal_positividad)} de aumento).

Es preocupante que la positividad vaya en aumento. De mantenerse una tendencia al alza, los niveles de contagio seguirán aumentando.` , } return `${mensajes[tipoCrecimiento]}` }40:T627,function getNodes(date) { const fechaSemanaPrevia = moment(date).subtract(1,"week").format("YYYY-MM-DD"); const recentDates = _.chain(_.range(0,8)) .map(d => moment(date).subtract(d,"day").format("YYYY-MM-DD")) .filter(d => d >= fechaInicial) .reverse() .value(); const nodes = regiones.map(region => ({ name: region, positividad: dictRegionFecha[region] && dictRegionFecha[region][date].positividad, incidencia: dictRegionFecha[region] && dictRegionFecha[region][date]["casos_diarios_X100K"], positividad_semana_previa: dictRegionFecha[region] && dictRegionFecha[region][fechaSemanaPrevia].positividad, incidencia_semana_previa: dictRegionFecha[region] && dictRegionFecha[region][fechaSemanaPrevia]["casos_diarios_X100K"], growth: dictRegionFecha[region] && dictRegionFecha[region][date] && dictRegionFecha[region] && (dictRegionFecha[region][date].positividad/dictRegionFecha[region][fechaSemanaPrevia].positividad) -1, muertes_x_1MM : dictRegionFecha[region] && dictRegionFecha[region][date]["fallecidos_diarios_X1MM"], muertes_x_semana : dictRegionFecha[region] && dictRegionFecha[region][date]["nuevos_fallecidos_semanales"], poblacion: dictRegionFecha[region] && dictRegionFecha[region][date]["poblacion"], searched: false, recent: recentDates.map(f => ({ date:f, positividad: dictRegionFecha[region] && dictRegionFecha[region][f]["positividad"], incidencia: dictRegionFecha[region] && dictRegionFecha[region][f]["casos_diarios_X100K"], })) })) return nodes }41:[] 33:{"id":"ee8b09abfd959d26","slug":"covid19-resumen-de-situacion-por-regiones-en-chile","title":"COVID19 - Resumen de situación por regiones en Chile","thumbnail":"ea3566cfa7b647b4359396d1d87ca0860c2ad326bb08d04d978e57d5bfb0dd9a","access_level":"public","create_time":"$D2020-12-13T21:36:58.810Z","update_time":"$D2020-12-27T11:42:09.772Z","view_time":null,"first_public_time":"$D2020-12-15T01:57:21.565Z","has_unpublished_edits":null,"fork":{"id":"98dc3a1edfe31a14","slug":"covid19-reporte-semanal-x-regiones-incidencia-positivida","title":"COVID19 - Reporte semanal x regiones: Incidencia & Positividad","owner":{"id":"0843f5dc42ca68a0","login":"elaval","name":"Ernesto Laval"}},"stars":0,"starred":false,"owner":{"type":"team","id":"0843f5dc42ca68a0","login":"elaval","name":"Ernesto Laval","avatar_url":"https://avatars-next.observableusercontent.com/089f0414fc9025dadb05cc06d7a406bc9be10093187c46729cb4ba3a4098dc30","tier":"starter_2024"},"version":9115,"publish_version":9115,"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,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"COVID19 - Resumen de situación por regiones en Chile","cells":[{"id":0,"value":"md`# COVID19 - Resumen de situación por regiones en Chile`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8333,"value":"html`${dataChile ? resumenReducciones() : \"Cargando datos\"}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8381,"value":"viewof regionSeleccionada = select({\n title: \"Seleccione una región para un análisis más detallado\",\n description: \"\",\n options: regiones,\n value: _.sample(regiones)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8339,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9008,"value":"{\n const lastDate = _.chain(dictCamasUCI[\"Chile\"]).map((item, fecha) => fecha).sortBy().last().value()\n \n const recordChile = dictCamasUCI[\"Chile\"][lastDate]\n const recordRegión = dictCamasUCI[regionSeleccionada][lastDate]\n \n return html`\n

Camas Críticas al ${moment(lastDate).format(\"D MMMM YYYY\")}

\n ${format.positividad(recordChile.ocupacion)} de ocupación en todo Chile
\n ${format.positividad(recordRegión.ocupacion)} de ocupación en la región (${regionSeleccionada})\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9027,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8867,"value":"html`

Gráfico de positividad vs incidencia

\nEste gráfico permite ubicar a las distintas regiones en un espacio definido por 2 variables:

\nPositividad: Proporción de tests PCR que dan resultado positivo
\nIncidencia: Promedio de nuevos casos diarios x 100 mil habitantes

\n\nLa incidencia refleja el nivel de contagios en la región (aspiramos a que sea lo más bajo posible)
\nSi la positividad es alta (ej > 5%) es un indicador de que no estamos haciendo suficientes tests para poder identificar adecuadamente a los casos infectados. Con una positividas alta, la incidencia puede ser poco precisa y podría ser considerablemente mayor si se hacen más tests.\n

\nEn el gráfico se muestra una línea azul que muestra el \"movimiento\" que ha tenido la región en los últimos 7 días.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6356,"value":"vis = {\n const out = html`

\n \n \n

`;\n \n\n \n \n return out;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7052,"value":"md`Notas:\n* El tamaño de las burbujas representa la población de la región.\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8886,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8965,"value":"{\n //mutable fechaActual = \"2020-12-24\"\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8089,"value":"visQuad = {\n const out = html`

\n \n \n

`;\n \n\n \n \n return out;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8892,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8196,"value":"visQuadFallecidos = {\n const out = html`

\n \n \n

`;\n \n\n \n \n return out;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7862,"value":"html`