31:T55a,function resumenGrupos(rango,label) { const inf = rango[0]; const sup = rango[1]; const total1Dosis = _.chain(dataEdadFechavDosis1) .filter(d => +d.Edad >= inf && +d.Edad <= sup && d.Fecha <= fecha) .reduce((memo,d) => memo + +d["Primera Dosis"],0) .value() const total2Dosis = _.chain(dataEdadFechavDosis2) .filter(d => +d.Edad >= inf && +d.Edad <= sup && d.Fecha <= fecha) .reduce((memo,d) => memo + +d["Segunda Dosis"],0) .value() const totalDosisUnica = _.chain(dataEdadFechavDosisUnica) .filter(d => +d.Edad >= inf && +d.Edad <= sup && d.Fecha <= fecha) .reduce((memo,d) => memo + +d["Unica Dosis"],0) .value() const totalRefuerzo = _.chain(dataEdadFechaRefuerzo) .filter(d => +d.Edad >= inf && +d.Edad <= sup && d.Fecha <= fecha) .reduce((memo,d) => memo + +d["Dosis Refuerzo"],0) .value() const objetivo = _.chain(dataObjetivoEdadDetalle) .filter(d => +d.edad >= inf && +d.edad <= sup) .reduce((memo,d) => memo + +d["objetivo"],0) .value() return { objetivo: objetivo, completa:total2Dosis+ totalDosisUnica, dosis2:total2Dosis, dosis1:total1Dosis, dosis1_mas_unica:total1Dosis+totalDosisUnica, unica: totalDosisUnica, refuerzo: totalRefuerzo, grupo:label, pctDosis1: d3.format(".1%")((total2Dosis+ totalDosisUnica)/objetivo) } }32:T9d8,class sampleNodesLayout { constructor(data) { this._data = data; this._totalAttribute= "total"; this._markAttribute= "mark"; this._sampleSize = 10000; this._width = 500; this._height = 500; this._paddingInner = 0.6; this._xScale = d3.scaleBand().range([0,this._width]).paddingInner(this._paddingInner); } padding(_) { this._paddingInner = _; return this; } width(_) { this._width = _; return this; } height(_) { this._height = _; return this; } nodes() { const numGroups = this._data.length; const groupWidth = this._width/numGroups; const paddingSize = groupWidth*this._paddingInner; const adjustedWidth = this._width - paddingSize this._xScale = d3.scaleBand().range([0,adjustedWidth]).paddingInner(this._paddingInner) this._xScale.domain(this._data.map((d,i) => i)) const maxValue = _.max(this._data.map(d => d[this._totalAttribute])) const maxSamples = Math.round(maxValue/this._sampleSize); const columnWidth = this._xScale.bandwidth(); const factorHW = this._height/columnWidth; const numCols = Math.ceil(Math.sqrt(maxSamples/factorHW)); const numRows = numCols*factorHW; const colWidth = columnWidth/numCols; function pos(i) { const row = Math.floor(i / numCols); const col = i % numCols return {c: col, r:row} } debugger; return this._data.map((d,i) => { const numSamples = Math.round(d[this._totalAttribute]/this._sampleSize); const nodes = _.range(0, numSamples); // Number of nodes for each mark type const numByMark_ = d.marks && d.marks.map(d => Math.round(d.value/this._sampleSize)); const numByMark = d.marks && d.marks.map(d => ({ label: d.label, value: d.value, numNodes: Math.round(d.value/this._sampleSize) })); const output = nodes.map((e,j) => ({ id : `${i}-${j}`, num: j, baseX : this._xScale(i), marks : numByMark && numByMark.filter(d => j < d.numNodes).map(d => d.label), cx: this._xScale(i) + pos(j).c*colWidth + colWidth/2, cy: this._height - (pos(j).r*colWidth + colWidth/2), //+, r: colWidth/2, })) return output; }) } data(_) { this._data = _; return this; } sampleSize(_) { this._sampleSize = _; return this; } scale() { return this._xScale; }; }33:T1d84,class VaccinationVisCombinado { constructor(el) { this._data = []; this._margin = {left: 10, right:10, top:30, bottom: 10}; this._dateAttribute = "fecha"; this._weeklyMarks = true; this._sampleSize = 100; this._totalWidth = width; this._totalHeight = width*0.5; this._totalLabel = "Total"; this._label_dosis1 = "1 Dosis" this._label_completa = "Completa sin Ref." this._label_refuerzo = "Comp. & Refuerzo" this._markLabel = "1ª Dosis"; this.svgContainer = d3.select(el); this.startup(); } startup() { this._width = this._totalWidth - this._margin.left - this._margin.right; this._height = this._totalHeight - this._margin.top - this._margin.bottom; 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") } render(dataInfo) { const self = this; const layout = new sampleNodesLayout(dataInfo); const nodes = layout .sampleSize(this._sampleSize) .width(this._width) .height(this._height) .padding(0.75) .nodes(); function getValueFromMarks(marks, label) { return +marks.find(d => d.label == label)["value"]; } const xScale = layout.scale(); this.container.selectAll("g.groups").remove() const groups = this.container.selectAll("g.groups") .data(nodes) .join("g") .attr("class", (d,i)=> `groups group{i}`) groups.selectAll("circle").remove() const circles = groups.selectAll("circle") .data(d => d) .join("circle") .attr("class", d => d.marks && d.marks.map(d => d).join(" ")) .attr("cx", d => d.cx) .attr("cy", d => d.cy) .attr("r", d => d.r) const infoPanels = this.container.selectAll("g.groupInfo") .data(dataInfo) .join("g") .attr("class", "groupInfo") .attr("transform", (d,i) => { return `translate(${xScale(i)+xScale.bandwidth()}, ${this._height})` }) this.infoPanelYbase = -230; this.infoPanelDyLine2 = 20; this.infoPanelDyBlock = 50; /* infoPanels.selectAll("text.total.line1") .data(d => [d]) .join("text") .attr("class", "total line1") .attr("dy", this.infoPanelYbase) .attr("dx", 10) .text(d => `${this._totalLabel}`) infoPanels.selectAll("text.total.line2") .data(d => [d]) .join("text") .attr("class", "total line2") .attr("dy", this.infoPanelYbase + this.infoPanelDyLine2) .attr("dx", 10) .text(d => `${d3.format(".2s")(d.total)}`) */ infoPanels.selectAll("text.nocompleto.line1") .data(d => [d]) .join("text") .attr("class", "nocompleto line1") .attr("dy", this.infoPanelYbase + 1*this.infoPanelDyBlock) .attr("dx", 10) .text(d => `${"Ninguna dosis"}`) infoPanels.selectAll("text.nocompleto.line2") .data(d => [d]) .join("text") .attr("class", "nocompleto line2") .attr("dy", this.infoPanelYbase + 1*this.infoPanelDyBlock + this.infoPanelDyLine2) .attr("dx", 10) .text(d => `${this.formatNumDosis(d.total- _.max([getValueFromMarks(d.marks, "dosis1_mas_unica"),getValueFromMarks(d.marks, "completa")]))} (${d3.format(".0%")((d.total- _.max([getValueFromMarks(d.marks, "dosis1_mas_unica"),getValueFromMarks(d.marks, "completa")]))/d.total)})`) infoPanels.selectAll("text.dosis1.line1") .data(d => [d]) .join("text") .attr("class", "dosis1 line1") .attr("dy", this.infoPanelYbase + 2*this.infoPanelDyBlock) .attr("dx", 10) .text(d => `${this._label_dosis1}`) infoPanels.selectAll("text.dosis1.line2") .data(d => [d]) .join("text") .attr("class", "dosis1 line2") .attr("dy", this.infoPanelYbase + 2*this.infoPanelDyBlock + this.infoPanelDyLine2) .attr("dx", 10) .text(d => `${this.formatNumDosis(getValueFromMarks(d.marks, "dosis1_mas_unica")-getValueFromMarks(d.marks, "completa"))} (${d3.format(".0%")((getValueFromMarks(d.marks, "dosis1_mas_unica")-getValueFromMarks(d.marks, "completa"))/d.total)})`) infoPanels.selectAll("text.completa.line1") .data(d => [d]) .join("text") .attr("class", "completa line1") .attr("dy", this.infoPanelYbase + 3*this.infoPanelDyBlock) .attr("dx", 10) .text(d => `${this._label_completa}`) infoPanels.selectAll("text.completa.line2") .data(d => [d]) .join("text") .attr("class", "completa line2") .attr("dy", this.infoPanelYbase + 3*this.infoPanelDyBlock + this.infoPanelDyLine2) .attr("dx", 10) .text(d => `${this.formatNumDosis(getValueFromMarks(d.marks, "completa")-getValueFromMarks(d.marks, "refuerzo"))} (${d3.format(".0%")((getValueFromMarks(d.marks, "completa")-getValueFromMarks(d.marks, "refuerzo"))/d.total)})`) infoPanels.selectAll("text.refuerzo.line1") .data(d => [d]) .join("text") .attr("class", "refuerzo line1") .attr("dy", this.infoPanelYbase + 4*this.infoPanelDyBlock) .attr("dx", 10) .text(d => `${this._label_refuerzo}`) infoPanels.selectAll("text.refuerzo.line2") .data(d => [d]) .join("text") .attr("class", "refuerzo line2") .attr("dy", this.infoPanelYbase + 4*this.infoPanelDyBlock + this.infoPanelDyLine2) .attr("dx", 10) .text(d => `${this.formatNumDosis(getValueFromMarks(d.marks, "refuerzo"))} (${d3.format(".0%")(getValueFromMarks(d.marks, "refuerzo")/d.total)})`) const headers = this.container.selectAll("g.header") .data(dataInfo) .join("g") .attr("class", "header") .attr("transform", (d,i) => { return `translate(${xScale(i)}, ${0})` }) headers.selectAll("text.groupName") .data(d => [d]) .join("text") .attr("class", "groupName") .attr("dy", 0) .attr("dx", 0) .text(d => `${d.groupName} años`) // Se eliminó el % global para cada grupo headers.selectAll("text.total") .data(d => [d]) .join("text") .attr("class", "total") .attr("x",0) .attr("dy", 30) .attr("dx", 0) .attr("dx", 0) .text(d => `${this._totalLabel} ${d3.format(".3s")(d.total)}`) } formatNumDosis(n) { return n > 0 ? d3.format(".2s")(n) : n } markLabel(_) { this._markLabel = _; this.startup(); return this; } sampleSize(_) { this._sampleSize = _; this.startup(); return this; } scaleType(_) { this._scaleType = _; this.startup(); return this; } weeklyMarks(_) { this._weeklyMarks = _; this.startup(); return this; } kpiFormat(_) { this._kpiFormat = _; this.startup(); return this; } kpiUnit(_) { this._kpiUnit = _; this.startup(); return this; } colorScale(_) { this._colorScale = _; this.startup(); return this; } kpis(_) { this._kpis = _; this.startup(); return this; } axisFontSize(_) { this._axisFontSize = _; this.startup(); return this; } }34:[] 2f:{"title":"Vacunas COVID-19 Chile","cells":[{"id":0,"value":"md`# Vacunas COVID-19 Chile`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1444,"value":"viewof fecha = Scrubber(fechas.filter(d => d >= \"2021-02-01\"), {\n initial:0,\n autoplay: false,\n loop:false,\n delay:100,\n format: date => moment(date).format(\"DD MMM YYYY\"),\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1427,"value":"html`

${moment(fecha).format(\"D MMM YYYY\")}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1554,"value":"{\n const el = html`\n \n `\n \n const vaccinationDosisCombinadoVisObj = new VaccinationVisCombinado(el);\n vaccinationDosisCombinadoVisObj.sampleSize(10000).markLabel(\"Completa\").render(vaccineDosisDataInfo);\n \n return el;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1645,"value":"Notas:\n- Cada circulo representa 10.000 personas\n- 1 Dosis corresponde a personas que han recibido 1 sola dosis en vacunas de 2 dosis (aquellos con vacunas de dosis única se incluyen en \"completa\")","pinned":false,"hidden":false,"mode":"md"},{"id":1431,"value":"html`

Fuentes:
\nRepositorio de datos Ministerio de Ciencia
\nhttps://github.com/MinCiencia/Datos-COVID19/tree/master/output/producto78\n\n
\n
\nProyecciones de población, INE
\nhttps://www.ine.cl/estadisticas/sociales/demografia-y-vitales/proyecciones-de-poblacion\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":625,"value":"svg`