2c:null 2d:["$","title",null,{"children":"COVID19 - Trayectoria comunal: Incidencia & Positividad | Data COVID19 Chile | Observable"}] 32:T56f,html`

Te recomendamos ver las capsulas de video con información en el canal de youtube de @covid19CL Capsulas semanales recientes:

Cápsula 14 - 01.05.2021: Tema "Pandemia: ¿Qué nos preocupa de la infancia?"
Cápsula 13 - 24.04.2021: Tema "Médicos Generales de Zona y su realidad frente al Covid"
Cápsula 12 - 17.04.2021: Tema "Trazabilidad, esa Primera Línea clave contra el Covid"
Cápsula 11 - 10.04.2021: Tema "Vacunas, Variantes y ¿#ZeroCovid?. Conversatorio"

Capsulas especiales:

Especial con Dr Gabriel Scally (subtitulada en español)
Especial con Prof. Yaneer Bar-Yam (subtitulada en español)
Especial con Dr. Eric Feigl-Ding (subtitulada en español)

`33:T643,html``34:T4957,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.smallBubbleRadious = 10; this.largeBubbleRadious = 15; 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.labelSize = enlarge ? largeSize : 12; 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 || firstDate}) 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 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) { debugger; 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, date: d.date, positividad_original: d.positividad, positividad: d.positividad == null ? 0 : d.positividad <= this.maxPositividad ? d.positividad : this.maxPositividad, incidencia100K : d.incidencia <= this.maxIncidencia ? d.incidencia : this.maxIncidencia, incidencia100K_original: d.incidencia, 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] }) .value() _.last(data)["current"] = true; 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; } }) 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(`${comunaSeleccionada}`) 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.date) .join("g") .attr("class","bubble") .attr("transform", d => `translate(${this.xScale(d[this.xAttribute])}, ${this.yScale(d[this.yAttribute])})`) /* 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()) bubbles.selectAll("circle.target") .data(d => [d]) .join("circle") .attr("class","target") .attr("r",d => { return d.current ? this.largeBubbleRadious : this.smallBubbleRadious; }) .attr("stroke-width", d=> d.current ? 3 : 0.5) .attr("stroke", d=> d.current ? "orange" : "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 => this.xScale(d.incidencia100K)) .y(d => this.yScale(d.positividad)) const ruta = this.bubbleContainer.selectAll("path.vector2") .data([null]) .join("path") .attr("class","vector2") .attr("stroke-width", 2) .attr("stroke", this.colorTrayectoria) .attr("marker-end", "url(#arrow)") .attr("d",trayectoria(data)) function dateFormat(date) { return moment(date).format("D MMM") } bubbles.selectAll("rect") .data(d => [d]) .join("rect") bubbles.selectAll("text") .data(d => [d]) .join("text") .attr("dy",d => { return d.current ? this.largeBubbleRadious * 2 : this.smallBubbleRadious * 2 }) .attr("font-size",this.labelSize * 0.75) .attr("fill", "black") .text(d => dateFormat(d.date)) .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"); if (hideBubbles) { bubbles .attr("opacity", 0) } 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; } }35:[{"id":"8c648efab4e2539e2c9c197c223129f41531cc7000426bd6897e69c4a039a9eef70096f5da9fa926ac3bf72c749d89880e7e8b79bd511384d59061b7a07ee00d","href":"https://static.observableusercontent.com/files/8c648efab4e2539e2c9c197c223129f41531cc7000426bd6897e69c4a039a9eef70096f5da9fa926ac3bf72c749d89880e7e8b79bd511384d59061b7a07ee00d","name":"positividadBac (19).tsv","type":"text/tab-separated-values","lastModified":1617933450497.152,"size":894783},{"id":"45799414477b52753d07fa3dc9d31a6323a9faccb22055d1dfb649a04cc4ca350e4db80caff0e92570c9f43f190f56dd345f277ac96294133d0a3c4057a59b38","href":"https://static.observableusercontent.com/files/45799414477b52753d07fa3dc9d31a6323a9faccb22055d1dfb649a04cc4ca350e4db80caff0e92570c9f43f190f56dd345f277ac96294133d0a3c4057a59b38","name":"positividadBac (21)@1.tsv","type":"text/tab-separated-values","lastModified":1618713249259.122,"size":922199},{"id":"cbfe97dd4dcc54780bf9e3be6ede90c2976756f4c7774d25bcf447a28aa94ccc66c0f6e0f2e109d61846c6d79576617d56759740f2ef41f89c2209a9b1adbc3c","href":"https://static.observableusercontent.com/files/cbfe97dd4dcc54780bf9e3be6ede90c2976756f4c7774d25bcf447a28aa94ccc66c0f6e0f2e109d61846c6d79576617d56759740f2ef41f89c2209a9b1adbc3c","name":"positividadBac (22).tsv","type":"text/tab-separated-values","lastModified":1619041812819.082,"size":949676},{"id":"fe85bd031643620988518d720df13fbd20c148a64391adbc8a2e3afdcd397d616deab071d5f479f8af4a16a17ce6e77b00011980e5ec5b55f868f72e760a48ab","href":"https://static.observableusercontent.com/files/fe85bd031643620988518d720df13fbd20c148a64391adbc8a2e3afdcd397d616deab071d5f479f8af4a16a17ce6e77b00011980e5ec5b55f868f72e760a48ab","name":"positividadBac (24).tsv","type":"text/tab-separated-values","lastModified":1619750696230.618,"size":977147},{"id":"594b2713f433a5b57aa925f688c1a2cd398e37b8273ddcceccb7b40e9e228e2cc9f3ba0718ec66a62ce9bc5887d83841ad36fa6d93cfae34286af13f362792a0","href":"https://static.observableusercontent.com/files/594b2713f433a5b57aa925f688c1a2cd398e37b8273ddcceccb7b40e9e228e2cc9f3ba0718ec66a62ce9bc5887d83841ad36fa6d93cfae34286af13f362792a0","name":"positividadBac (25).tsv","type":"text/tab-separated-values","lastModified":1620271877404.999,"size":1004573}] 30:{"id":"e6c63137c8ab82e0","slug":"covid19-trayectoria-comunal-incidencia-positividad","title":"COVID19 - Trayectoria comunal: Incidencia & Positividad","thumbnail":"f596ade92a2fdeeaee1756d5d4a03d2119cd1eac4ab0d198994cb102292a379a","access_level":"public","create_time":"$D2021-04-09T01:57:30.497Z","update_time":"$D2021-05-20T01:23:06.692Z","view_time":null,"first_public_time":"$D2021-04-09T01:57:44.582Z","fork":{"id":"a3d982f3299d39e9","slug":"covid19-trayectoria-comunal-incidencia-positividad","title":"COVID19 - Trayectoria comunal: Incidencia & Positividad","owner":{"id":"0843f5dc42ca68a0","login":"elaval","name":"Ernesto Laval"}},"stars":0,"starred":false,"owner":{"type":"team","id":"7936683abd47f2b2","login":"datacovid19cl","name":"Data COVID19 Chile","avatar_url":"https://avatars-next.observableusercontent.com/edc53eae77a5c3201621ef2e2712e28c7cf9e7a88d59093ad4f03c63c27ae991","tier":"starter_2024"},"version":8828,"publish_version":8828,"role":null,"authored":false,"authors":[{"type":"individual","id":"fad0378945cfec89","login":"datacovid19cl","name":"Data COVID19 Chile","avatar_url":"https://avatars-next.observableusercontent.com/edc53eae77a5c3201621ef2e2712e28c7cf9e7a88d59093ad4f03c63c27ae991","tier":null}],"members":[{"type":"individual","id":"fad0378945cfec89","login":"datacovid19cl","name":"Data COVID19 Chile","avatar_url":"https://avatars-next.observableusercontent.com/edc53eae77a5c3201621ef2e2712e28c7cf9e7a88d59093ad4f03c63c27ae991","tier":null,"role":"editor"},{"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":6,"collection":null,"type":"notebook","body":{"title":"COVID19 - Trayectoria comunal: Incidencia & Positividad","cells":[{"id":0,"value":"md`# COVID19 - Trayectoria comunal: Incidencia & Positividad`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8749,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8755,"value":"html`\n

Nota: El siguiente gráfico no se aprecia bien en un pantalla pequeña de teléfono, se sugiere ver en un navegador web de computador

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6712,"value":"viewof selectedRegion = { \n const regiones = _.chain(dataComunas).map(d=> d.Region).uniq().sortBy(d => ordenRegiones[d]).value();\n return select({\n title:\"Región\",\n description:\"Seleccione la región para la cual mostrar datos de sus comunas\",\n options:_.chain(regiones).value(),\n value:_.sample(regiones)\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8524,"value":"viewof comunaSeleccionada = {\n const valores = comunas.filter(d => d.region == selectedRegion && validData(d.comuna)).map((d,i) => ({label:d.comuna, value: d.comuna}))\n \n return select({\n title:\"Comuna\",\n options: valores,\n value: _.sample(valores)[\"value\"]\n })\n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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"},{"id":8340,"value":"{\n return html`\n \n \n \n ${dataComunaSeleccionada.map(d => `\n\n \n \n `)}\n

Fecha	\n	Comuna	\n	Positividad	\n	Incidencia	\n
${d.Fecha}	\n	${d.Comuna}	\n	${d3.format(\".1%\")(d.Positividad)}	\n	${d3.format(\".1f\")(d.incidencia)}	\n

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

Autor

Ernesto Laval (@elaval)

\n\n

Fuente de datos

\n\nDatos de casos totales por comuna publicados por el Ministerio de Ciencia en:\nhttps://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto1/Covid-19_std.csv \n

\nDatos de positividad por comuna publicados por el Ministerio de Ciencia en:\nhttps://github.com/MinCiencia/Datos-COVID19/blob/master/output/producto65/PositividadPorComuna_std.csv \n\n\n\n

\n\n\n

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