31:T6e5,html` `32:T84f,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); } 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); const numMarked = Math.round(d[this._markAttribute]/this._sampleSize); return nodes.map((e,j) => ({ id : `${i}-${j}`, num: j, baseX : this._xScale(i), marked : j< numMarked, cx: this._xScale(i) + pos(j).c*colWidth + colWidth/2, cy: this._height - (pos(j).r*colWidth + colWidth/2), //+, r: colWidth/2, })) }) } data(_) { this._data = _; return this; } sampleSize(_) { this._sampleSize = _; return this; } scale() { return this._xScale; }; }33:T1614,class VaccinationVis { constructor(el) { this._data = []; this._margin = {left: 10, right:10, top:100, bottom: 10}; this._kpis = ["nuevos_casos_semanales"] this._dateAttribute = "fecha"; this._weeklyMarks = true; this._sampleSize = 100; this._scaleType = "linear" this.secondaryKpis = { "deltaCases" : "growthVariance7Days", //"growthPercentCases", "deltaDeaths" : "growthVariance7DaysDeaths", // "growthPercentDeaths", "positividad" : "growthPercentPositividad", // "growthPercentDeaths", } this.metricLabel = { "growthPercentCases" : "Nuevos casos confirmados", "factorCases" : "Nuevos casos confirmados", "deltaCases" : "Nuevos casos confirmados", "growthPercentDeaths" : "Nuevos fallecidos reportados", "factorDeaths" : "Nuevos fallecidos reportados", "deltaDeaths" : "Nuevos fallecidos reportados", "positividad" : "Positividad", } this.kpiClass = { "growthPercentCases" : "cases", "factorCases" : "cases", "deltaCases" : "cases", "growthPercentDeaths" : "deaths", "factorDeaths" : "deaths", "deltaDeaths" : "deaths", } this._kpiFormat = (kpi) => d3.format(".3s") this._kpiUnit = (kpi) => "Units" this._totalWidth = width; this._totalHeight = width*0.5; this.bubbleRadius = this._totalWidth/55; this.bubbleFontsize = this._totalWidth/85; this._totalLabel = "Objetivo"; this._markLabel = "1ª Dosis"; this._colorScale = d3.scaleOrdinal(d3.schemeCategory10); 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.xScale = d3.scaleLinear() .range([0,this._width]) this.yScale = d3.scaleLinear(); this.yScale .range([this._height,0]) this.yAxis = d3.axisLeft(this.yScale) //.ticks(3) .tickFormat(this._kpiFormat(this._kpis[0])); this.xAxis = d3.axisBottom(this.xScale) //.tickFormat(d3.timeFormat("%d/%b")) .tickFormat(d => moment(d).format("D MMM")); 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) .nodes(); const xScale = layout.scale(); const groups = this.container.selectAll("g.groups") .data(nodes) .join("g") .attr("class", (d,i)=> `groups mark${i}`) groups.selectAll("circle") .data(d => d) .join("circle") .classed("highlighted", d => d.marked) .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})` }) infoPanels.selectAll("text.total") .data(d => [d]) .join("text") .attr("class", "total") .attr("dy", -30) .attr("dx", 10) .text(d => `${this._totalLabel}: ${d3.format(",")(d.total)}`) infoPanels.selectAll("text.mark") .data(d => [d]) .join("text") .attr("class", "mark") .attr("dy", 0) .attr("dx", 10) .text(d => `${this._markLabel}: ${d3.format(",")(d.mark)}`) 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", -40) .attr("dx", 0) .text(d => d.groupName) headers.selectAll("text.percentage") .data(d => [d]) .join("text") .attr("class", "percentage") .attr("x",0) .attr("dy", 0) .attr("dx", 0) .attr("dx", 0) .text(d => `${d3.format(".1%")(d.mark/d.total)}`) } 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:T40d5,class ProtegidosBarsVis { constructor(el) { this._data = []; this._margin = {left: 80, right:500, top:50, bottom: 50}; this._kpis = ["nuevos_casos_semanales"] this._dateAttribute = "fecha"; this._weeklyMarks = true; this._sampleSize = 100; this.offsetProtegidos = 20 this._scaleType = "linear" this.secondaryKpis = { "deltaCases" : "growthVariance7Days", //"growthPercentCases", "deltaDeaths" : "growthVariance7DaysDeaths", // "growthPercentDeaths", "positividad" : "growthPercentPositividad", // "growthPercentDeaths", } this.metricLabel = { "growthPercentCases" : "Nuevos casos confirmados", "factorCases" : "Nuevos casos confirmados", "deltaCases" : "Nuevos casos confirmados", "growthPercentDeaths" : "Nuevos fallecidos reportados", "factorDeaths" : "Nuevos fallecidos reportados", "deltaDeaths" : "Nuevos fallecidos reportados", "positividad" : "Positividad", } this.kpiClass = { "growthPercentCases" : "cases", "factorCases" : "cases", "deltaCases" : "cases", "growthPercentDeaths" : "deaths", "factorDeaths" : "deaths", "deltaDeaths" : "deaths", } this._kpiFormat = (kpi) => d3.format(".3s") this._kpiUnit = (kpi) => "Units" this._totalWidth = width; this._totalHeight = width*0.5; this.bubbleRadius = this._totalWidth/55; this.bubbleFontsize = this._totalWidth/85; this._totalLabel = "Objetivo"; this._markLabel = "1ª Dosis"; this._colorScale = d3.scaleOrdinal(d3.schemeCategory10); 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.xScale = d3.scaleTime() .range([0,this._width]) this.yScale = d3.scaleLinear(); this.yScale .range([this._height,0]) this.xScaleBars = d3.scaleBand() .range([0, this._width]) .padding(0.1) this.targetValue = poblacionObjetivo; //15200840//15932698; this.poblacionTotal = poblacionTotal; this.yAxis = d3.axisLeft(this.yScale) //.ticks(3) //.tickFormat(this._kpiFormat(this._kpis[0])); this.xAxis = d3.axisBottom(this.xScaleBars) //.tickFormat(d3.timeFormat("%d/%b")) .tickFormat(d => moment(d).format("D MMM")); this.svgContainer .attr("width",this._width+this._margin.left+this._margin.right) .attr("height",this._height+this._margin.top+this._margin.bottom) this.svgContainer.selectAll("g").remove(); this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) this.container .append("g") .attr("class", "y axis") this.container .append("g") .attr("transform", `translate(0,${this._height})`) .attr("class", "x axis") this.container.selectAll("line.target") .data([null]) .join("line") .attr("class","target") .attr("x1", 0) .attr("x2", this._width) .attr("y1", 100) .attr("y2", 100) this.container.selectAll("line.poblacion") .data([null]) .join("line") .attr("class","poblacion") .attr("x1", 0) .attr("x2", this._width) .attr("y1", 100) .attr("y2", 100) this.container.selectAll("text.poblacion") .data([null]) .join("text") .attr("class","poblacion") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("Poblacion total") this.container.selectAll("text.target") .data([null]) .join("text") .attr("class","target") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("Objetivo de vacunación") /* this.container.selectAll("text.dosis1") .data([null]) .join("text") .attr("class","dosis1") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("1ª dosis") this.container.selectAll("text.dosis2") .data([null]) .join("text") .attr("class","dosis2") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("2ª dosis") */ this.container.selectAll("text.protegidos.linea1") .data([null]) .join("text") .attr("class","protegidos linea1") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("Personas para las ") this.container.selectAll("text.protegidos.linea2") .data([null]) .join("text") .attr("class","protegidos linea2") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("que han pasado 14 días") this.container.selectAll("text.protegidos.linea3") .data([null]) .join("text") .attr("class","protegidos linea3") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("de la 2ª dosis") this.container.selectAll("text.noProtegidos.linea1") .data([null]) .join("text") .attr("class","noProtegidos linea1") .attr("text-anchor","start") .attr("x", this._width+0) .attr("y", this._width/2) .attr("dx", 10) .attr("dy", 5) .text("X M") this.container.selectAll("text.noProtegidosTotal.linea2") .data([null]) .join("text") .attr("class","noProtegidosTotal linea2") .attr("text-anchor","start") .attr("x", this._width+180) .attr("y", this._width/2) .attr("dx", 10) .attr("dy", 5) .text("personas") this.container.selectAll("text.noProtegidosTotal.linea1") .data([null]) .join("text") .attr("class","noProtegidosTotal linea1") .attr("text-anchor","start") .attr("x", this._width+180) .attr("y", this._width/2) .attr("dx", 10) .attr("dy", 5) .text("X M") this.container.selectAll("text.noProtegidos.linea2") .data([null]) .join("text") .attr("class","noProtegidos linea2") .attr("text-anchor","start") .attr("x", this._width+0) .attr("y", this._width/2) .attr("dx", 10) .attr("dy", 5) .text("personas") this.container.selectAll("line.noProtegidos") .data([null]) .join("line") .attr("class","noProtegidos") .attr("x1", this._width+0) .attr("x2", this._width+0) .attr("y1", 0) .attr("y2", this._height) this.container.selectAll("line.noProtegidosTotal") .data([null]) .join("line") .attr("class","noProtegidosTotal") .attr("x1", this._width+180) .attr("x2", this._width+180) .attr("y1", 0) .attr("y2", this._height) this.lineaDosis1 = d3.line() .x((d, i) => this.xScale(moment(d.fecha))) // set the x values for the line generator .y((d) => this.yScale(+d.dosis1)) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line this.lineaDosis2 = d3.line() .x((d, i) => this.xScale(moment(d.fecha))) // set the x values for the line generator .y((d) => this.yScale(+d.dosis2)) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line this.lineProtegidos = d3.line() .x((d, i) => this.xScale(moment(d.fecha))) // set the x values for the line generator .y((d) => this.yScale(+d.protegidos)) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line } render(data) { const self = this; debugger; const lastRecord = _.last(data); const lastDate = lastRecord.fecha; const weeks = Math.floor(data.length/7); const weekDates = _.range(weeks).map(d => moment(lastDate).subtract(d, "weeks").format("YYYY-MM-DD")).sort(); const dataByWeek = data.filter(d => weekDates.includes(d.fecha)); const noProtegidos = this.targetValue - lastRecord.protegidos; const noProtegidosTotal = this.poblacionTotal - lastRecord.protegidos; const xRange = d3.extent(data, d => moment(d.fecha)) this.xScaleBars .domain(weekDates) this.xScale.domain(xRange); this.yScale.domain([0,20000000]); this.container.select("g.y.axis") .call(this.yAxis) this.container.select("g.x.axis") .transition() .call(this.xAxis) this.container.selectAll("rect.weekBar") .data(dataByWeek) .join("rect") .attr("class", "weekBar") .attr("x",d => this.xScaleBars(d.fecha)) .attr("y",d => this.yScale(d.protegidos)) .attr("height",d => this._height-this.yScale(d.protegidos)) .attr("width",this.xScaleBars.bandwidth()) .attr("fill","#0074D9") this.container.selectAll("text.weekBarPercentageTotal") .data(dataByWeek) .join("text") .attr("class", "weekBarPercentageTotal") .attr("x",d => this.xScaleBars(d.fecha)+this.xScaleBars.bandwidth()/2) .attr("y",d => this.yScale(d.protegidos/2)) .attr("text-anchor","middle") .attr("fill","white") .attr("font-weight","bold") .text(d => d3.format(".0%")(d.protegidos/this.poblacionTotal)) this.container.selectAll("text.weekBarPercentageObjetivo") .data(dataByWeek) .join("text") .attr("class", "weekBarPercentageObjetivo") .attr("x",d => this.xScaleBars(d.fecha)+this.xScaleBars.bandwidth()/2) .attr("y",d => this.yScale(d.protegidos/2)+20) .attr("text-anchor","middle") .attr("fill","lightgrey") .attr("font-size",16) .attr("font-weight","bold") .text(d => `(${d3.format(".0%")(d.protegidos/this.targetValue)})`) this.container.select("text.poblacion") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(this.poblacionTotal)} Población total`) this.container.select("text.target") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(this.targetValue)} Objetivo`) /* this.container.select("text.dosis1") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(lastRecord.dosis1)} 1ª Dosis`) this.container.select("text.dosis2") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(lastRecord.dosis2)} 2ª Dosis`) */ this.container.select("text.protegidos.linea1") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(lastRecord.protegidos)} Personas para las`) this.container.select("text.protegidos2") .attr("y", this.yScale(this.poblacionTotal)) .text(`han pasado 14 días post 2ª dosis`) this.container.select("text.target") .attr("y", this.yScale(this.targetValue)) this.container.select("text.dosis2") .attr("y", this.yScale(lastRecord.dosis2)) this.container.select("text.dosis1") .attr("y", this.yScale(lastRecord.dosis1)) this.container.select("text.protegidos.linea1") .attr("y", this.yScale(lastRecord.protegidos) + this.offsetProtegidos) this.container.select("text.protegidos.linea2") .attr("y", this.yScale(lastRecord.protegidos)+22 + this.offsetProtegidos) this.container.select("text.protegidos.linea3") .attr("y", this.yScale(lastRecord.protegidos)+44 + this.offsetProtegidos) this.container.select("text.noProtegidos.linea1") .attr("y", this.yScale((this.targetValue +lastRecord.protegidos) / 2)) .text(`${d3.format(".3s")(noProtegidos)}`) .attr("opacity",hideProtegidos ? 0 : 100) this.container.select("text.noProtegidos.linea2") .attr("y", this.yScale((this.targetValue +lastRecord.protegidos) / 2)+24) .text(`personas`) .attr("opacity",hideProtegidos ? 0 : 100) this.container.select("text.noProtegidosTotal.linea1") .attr("y", this.yScale((this.targetValue +lastRecord.protegidos) / 2)) .text(`${d3.format(".3s")(noProtegidosTotal)}`) .attr("opacity",hideProtegidos ? 0 : 100) this.container.select("text.noProtegidosTotal.linea2") .attr("y", this.yScale((this.targetValue +lastRecord.protegidos) / 2)+24) .text(`personas`) .attr("opacity",hideProtegidos ? 0 : 100) this.container.selectAll("line.noProtegidos") .attr("y1", this.yScale(this.targetValue)+20) .attr("y2", this.yScale(lastRecord.protegidos)-20) .attr("opacity",hideProtegidos ? 0 : 100) this.container.selectAll("line.noProtegidosTotal") .attr("y1", this.yScale(this.poblacionTotal)+20) .attr("y2", this.yScale(lastRecord.protegidos)-20) .attr("opacity",hideProtegidos ? 0 : 100) this.container.select("line.target") .attr("y1", this.yScale(this.targetValue)) .attr("y2", this.yScale(this.targetValue)) this.container.select("line.poblacion") .attr("y1", this.yScale(this.poblacionTotal)) .attr("y2", this.yScale(this.poblacionTotal)) /* const primeraDosis = this.container.selectAll("path.dosis1") .data([data]) .join("path") .attr("class", "dosis1") .attr("d", d => { return this.lineaDosis1(d) }) const segundaDosis = this.container.selectAll("path.dosis2") .data([data]) .join("path") .attr("class", "dosis2") .attr("d", d => { return this.lineaDosis2(d) }) const protegidos = this.container.selectAll("path.protegidos") .data([data.filter(d => d.protegidos)]) .join("path") .attr("class", "protegidos") .attr("d", d => { return this.lineProtegidos(d) }) */ const groups = this.container.selectAll("g.groups") .data(data) .join("g") .attr("class", (d,i)=> `groups mark${i}`) groups.selectAll("circle") .data(d => d) .join("circle") .classed("highlighted", d => d.marked) .attr("cx", d => d.cx) .attr("cy", d => d.cy) .attr("r", d => d.r) const infoPanels = this.container.selectAll("g.groupInfo") .data(data) .join("g") .attr("class", "groupInfo") .attr("transform", (d,i) => { return `translate(${this.xScale(i)}, ${this._height})` }) infoPanels.selectAll("text.total") .data(d => [d]) .join("text") .attr("class", "total") .attr("dy", -30) .attr("dx", 10) .text(d => `${this._totalLabel}: ${d3.format(",")(d.total)}`) infoPanels.selectAll("text.mark") .data(d => [d]) .join("text") .attr("class", "mark") .attr("dy", 0) .attr("dx", 10) .text(d => `${this._markLabel}: ${d3.format(",")(d.mark)}`) const headers = this.container.selectAll("g.header") .data(data) .join("g") .attr("class", "header") .attr("transform", (d,i) => { return `translate(${this.xScale(i)}, ${0})` }) headers.selectAll("text.groupName") .data(d => [d]) .join("text") .attr("class", "groupName") .attr("dy", -40) .attr("dx", 0) .text(d => d.groupName) headers.selectAll("text.percentage") .data(d => [d]) .join("text") .attr("class", "percentage") .attr("x",0) .attr("dy", 0) .attr("dx", 0) .attr("dx", 0) .text(d => `${d3.format(".1%")(d.mark/d.total)}`) } 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; } }35:T33c7,class ProtegidosVis { constructor(el) { this._data = []; this._margin = {left: 80, right:300, top:50, bottom: 50}; this._kpis = ["nuevos_casos_semanales"] this._dateAttribute = "fecha"; this._weeklyMarks = true; this._sampleSize = 100; this.offsetProtegidos = 20 this._scaleType = "linear" this.secondaryKpis = { "deltaCases" : "growthVariance7Days", //"growthPercentCases", "deltaDeaths" : "growthVariance7DaysDeaths", // "growthPercentDeaths", "positividad" : "growthPercentPositividad", // "growthPercentDeaths", } this.metricLabel = { "growthPercentCases" : "Nuevos casos confirmados", "factorCases" : "Nuevos casos confirmados", "deltaCases" : "Nuevos casos confirmados", "growthPercentDeaths" : "Nuevos fallecidos reportados", "factorDeaths" : "Nuevos fallecidos reportados", "deltaDeaths" : "Nuevos fallecidos reportados", "positividad" : "Positividad", } this.kpiClass = { "growthPercentCases" : "cases", "factorCases" : "cases", "deltaCases" : "cases", "growthPercentDeaths" : "deaths", "factorDeaths" : "deaths", "deltaDeaths" : "deaths", } this._kpiFormat = (kpi) => d3.format(".3s") this._kpiUnit = (kpi) => "Units" this._totalWidth = width; this._totalHeight = width*0.5; this.bubbleRadius = this._totalWidth/55; this.bubbleFontsize = this._totalWidth/85; this._totalLabel = "Objetivo"; this._markLabel = "1ª Dosis"; this._colorScale = d3.scaleOrdinal(d3.schemeCategory10); 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.xScale = d3.scaleTime() .range([0,this._width]) this.yScale = d3.scaleLinear(); this.yScale .range([this._height,0]) this.targetValue = poblacionObjetivo; //15200840//15932698; this.poblacionTotal = poblacionTotal; this.yAxis = d3.axisLeft(this.yScale) //.ticks(3) //.tickFormat(this._kpiFormat(this._kpis[0])); this.xAxis = d3.axisBottom(this.xScale) //.tickFormat(d3.timeFormat("%d/%b")) .tickFormat(d => moment(d).format("D MMM")); this.svgContainer .attr("width",this._width+this._margin.left+this._margin.right) .attr("height",this._height+this._margin.top+this._margin.bottom) this.svgContainer.selectAll("g").remove(); this.container = this.svgContainer.selectAll("g.container") .data([1]) .join("g") .attr("class", "container") .attr("transform", `translate(${this._margin.left},${this._margin.top})`) this.container .append("g") .attr("class", "y axis") this.container .append("g") .attr("transform", `translate(0,${this._height})`) .attr("class", "x axis") this.container.selectAll("line.target") .data([null]) .join("line") .attr("class","target") .attr("x1", 0) .attr("x2", this._width) .attr("y1", 100) .attr("y2", 100) this.container.selectAll("line.poblacion") .data([null]) .join("line") .attr("class","poblacion") .attr("x1", 0) .attr("x2", this._width) .attr("y1", 100) .attr("y2", 100) this.container.selectAll("text.poblacion") .data([null]) .join("text") .attr("class","poblacion") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("Poblacion total") this.container.selectAll("text.target") .data([null]) .join("text") .attr("class","target") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("Objetivo de vacunación") this.container.selectAll("text.dosis1") .data([null]) .join("text") .attr("class","dosis1") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("1ª dosis") this.container.selectAll("text.dosis2") .data([null]) .join("text") .attr("class","dosis2") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("2ª dosis") this.container.selectAll("text.protegidos.linea1") .data([null]) .join("text") .attr("class","protegidos linea1") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("Personas para las ") this.container.selectAll("text.protegidos.linea2") .data([null]) .join("text") .attr("class","protegidos linea2") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("que han pasado 14 días") this.container.selectAll("text.protegidos.linea3") .data([null]) .join("text") .attr("class","protegidos linea3") .attr("x", this._width) .attr("y", 0) .attr("dx", 10) .attr("dy", 5) .text("de la 2ª dosis") /* this.container.selectAll("text.noProtegidos.linea1") .data([null]) .join("text") .attr("class","noProtegidos linea1") .attr("text-anchor","start") .attr("x", this._width+180) .attr("y", this._width/2) .attr("dx", 10) .attr("dy", 5) .text(" que no") this.container.selectAll("text.noProtegidos.linea2") .data([null]) .join("text") .attr("class","noProtegidos linea2") .attr("text-anchor","start") .attr("x", this._width+180) .attr("y", this._width/2) .attr("dx", 10) .attr("dy", 5) .text("no han trascurrido 14 días de 2ª dosis") this.container.selectAll("line.noProtegidos") .data([null]) .join("line") .attr("class","noProtegidos") .attr("x1", this._width+180) .attr("x2", this._width+180) .attr("y1", 0) .attr("y2", this._height) */ this.lineaDosis1 = d3.line() .x((d, i) => this.xScale(moment(d.fecha))) // set the x values for the line generator .y((d) => this.yScale(+d.dosis1)) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line this.lineaDosis2 = d3.line() .x((d, i) => this.xScale(moment(d.fecha))) // set the x values for the line generator .y((d) => this.yScale(+d.esquemaCompleto)) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line this.lineProtegidos = d3.line() .x((d, i) => this.xScale(moment(d.fecha))) // set the x values for the line generator .y((d) => this.yScale(+d.protegidos)) // set the y values for the line generator .curve(d3.curveMonotoneX) // apply smoothing to the line } render(data) { const self = this; const lastRecord = _.last(data); const noProtegidos = this.targetValue - lastRecord.protegidos; const xRange = d3.extent(data, d => moment(d.fecha)) this.xScale.domain(xRange); this.yScale.domain([0,20000000]); this.container.select("g.y.axis") .call(this.yAxis) this.container.select("g.x.axis") .transition() .call(this.xAxis) this.container.select("text.poblacion") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(this.poblacionTotal)} Población total`) this.container.select("text.target") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(this.targetValue)} Objetivo`) this.container.select("text.dosis1") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(lastRecord.dosis1)} 1ª Dosis`) this.container.select("text.dosis2") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(lastRecord.esquemaCompleto)} Dosis completa`) this.container.select("text.protegidos.linea1") .attr("y", this.yScale(this.poblacionTotal)) .text(`${d3.format(".3s")(lastRecord.protegidos)} Personas para las`) this.container.select("text.protegidos2") .attr("y", this.yScale(this.poblacionTotal)) .text(`han pasado 14 días post 2ª dosis`) this.container.select("text.target") .attr("y", this.yScale(this.targetValue)) this.container.select("text.dosis2") .attr("y", this.yScale(lastRecord.esquemaCompleto)) this.container.select("text.dosis1") .attr("y", this.yScale(lastRecord.dosis1)) this.container.select("text.protegidos.linea1") .attr("y", this.yScale(lastRecord.protegidos) + this.offsetProtegidos) this.container.select("text.protegidos.linea2") .attr("y", this.yScale(lastRecord.protegidos)+22 + this.offsetProtegidos) this.container.select("text.protegidos.linea3") .attr("y", this.yScale(lastRecord.protegidos)+44 + this.offsetProtegidos) this.container.select("text.noProtegidos.linea1") .attr("y", this.yScale((this.targetValue +lastRecord.protegidos) / 2)) .text(`${d3.format(".3s")(noProtegidos)} Personas sin`) .attr("opacity",hideProtegidos ? 0 : 100) this.container.select("text.noProtegidos.linea2") .attr("y", this.yScale((this.targetValue +lastRecord.protegidos) / 2)+24) .text(`2ª dosis más 14 días`) .attr("opacity",hideProtegidos ? 0 : 100) this.container.selectAll("line.noProtegidos") .attr("y1", this.yScale(this.targetValue)+20) .attr("y2", this.yScale(lastRecord.protegidos)-20) .attr("opacity",hideProtegidos ? 0 : 100) this.container.select("line.target") .attr("y1", this.yScale(this.targetValue)) .attr("y2", this.yScale(this.targetValue)) this.container.select("line.poblacion") .attr("y1", this.yScale(this.poblacionTotal)) .attr("y2", this.yScale(this.poblacionTotal)) const primeraDosis = this.container.selectAll("path.dosis1") .data([data]) .join("path") .attr("class", "dosis1") .attr("d", d => { return this.lineaDosis1(d) }) const segundaDosis = this.container.selectAll("path.dosis2") .data([data]) .join("path") .attr("class", "dosis2") .attr("d", d => { return this.lineaDosis2(d) }) const protegidos = this.container.selectAll("path.protegidos") .data([data.filter(d => d.protegidos)]) .join("path") .attr("class", "protegidos") .attr("d", d => { return this.lineProtegidos(d) }) const groups = this.container.selectAll("g.groups") .data(data) .join("g") .attr("class", (d,i)=> `groups mark${i}`) groups.selectAll("circle") .data(d => d) .join("circle") .classed("highlighted", d => d.marked) .attr("cx", d => d.cx) .attr("cy", d => d.cy) .attr("r", d => d.r) const infoPanels = this.container.selectAll("g.groupInfo") .data(data) .join("g") .attr("class", "groupInfo") .attr("transform", (d,i) => { return `translate(${this.xScale(i)}, ${this._height})` }) infoPanels.selectAll("text.total") .data(d => [d]) .join("text") .attr("class", "total") .attr("dy", -30) .attr("dx", 10) .text(d => `${this._totalLabel}: ${d3.format(",")(d.total)}`) infoPanels.selectAll("text.mark") .data(d => [d]) .join("text") .attr("class", "mark") .attr("dy", 0) .attr("dx", 10) .text(d => `${this._markLabel}: ${d3.format(",")(d.mark)}`) const headers = this.container.selectAll("g.header") .data(data) .join("g") .attr("class", "header") .attr("transform", (d,i) => { return `translate(${this.xScale(i)}, ${0})` }) headers.selectAll("text.groupName") .data(d => [d]) .join("text") .attr("class", "groupName") .attr("dy", -40) .attr("dx", 0) .text(d => d.groupName) headers.selectAll("text.percentage") .data(d => [d]) .join("text") .attr("class", "percentage") .attr("x",0) .attr("dy", 0) .attr("dx", 0) .attr("dx", 0) .text(d => `${d3.format(".1%")(d.mark/d.total)}`) } 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; } }36:T75f,dataDosisFechaV2 = { const dict= {} let accum1 = 0; let accum2 = 0; let accum3 = 0; let accum4 = 0; const temp1 = _.chain(dataEdadFechavDosis1) .groupBy(d => d.Fecha) .map((items, fecha) => ({ fecha: fecha, total: _.reduce(items, (memo,d) => memo + +d["Primera Dosis"],0) })) .each(d => { dict[d.fecha] = dict[d.fecha] || {fecha: d.fecha, dosis1:0, dosis2 :0, dosis1Total:0, dosis2Total :0}; dict[d.fecha].dosis1 = d.total; accum1 += d.total; dict[d.fecha].dosis1Total = accum1; }) .value() const temp2 = _.chain(dataEdadFechavDosis2) .groupBy(d => d.Fecha) .map((items, fecha) => ({ fecha: fecha, total: _.reduce(items, (memo,d) => memo + +d["Segunda Dosis"],0) })) .sortBy(d => d.fecha) .each(d => { dict[d.fecha] = dict[d.fecha] || {fecha: d.fecha, dosis1:0, dosis2 :0, dosis1Total:0, dosis2Total :0}; dict[d.fecha].dosis2 = d.total; accum2 += d.total; dict[d.fecha].dosis2Total = accum2; }) .value() const temp3 = _.chain(dataEdadFechavDosisUnica) .groupBy(d => d.Fecha) .map((items, fecha) => ({ fecha: fecha, total: _.reduce(items, (memo,d) => memo + +d["Unica Dosis"],0) })) .sortBy(d => d.fecha) .each(d => { dict[d.fecha] = dict[d.fecha] || {fecha: d.fecha, dosis1:0, dosis2 :0, dosisUnica: 0, dosis1Total:0, dosis2Total :0, dosisUnicaTotal: 0, esquemaCompleto: 0, esquemaCompletoTotal: 0}; dict[d.fecha].dosisUnica = d.total; accum3 += d.total; dict[d.fecha].dosisUnicaTotal = accum3; dict[d.fecha].esquemaCompleto = +d.total + dict[d.fecha].dosis2; dict[d.fecha].esquemaCompletoTotal = dict[d.fecha].dosisUnicaTotal + dict[d.fecha].dosis2Total }) .value() return _.map(dict, (item,fecha) => item) }37:[{"id":"e436213df013951638ee797fb7bb2b2fcb1b4bd18302842a74c70dfa524369bf37f0255fc9b74e0f3623e440cc3a354edf310978880fdead9b65dadfc5a0b5d9","href":"https://static.observableusercontent.com/files/e436213df013951638ee797fb7bb2b2fcb1b4bd18302842a74c70dfa524369bf37f0255fc9b74e0f3623e440cc3a354edf310978880fdead9b65dadfc5a0b5d9","name":"positivdadAjustadaRegional (5).tsv","type":"text/tab-separated-values","lastModified":1612745198541.019,"size":106432}] 2f:{"title":"Vacunas COVID-19 Chile","cells":[{"id":0,"value":"md`# Vacunas COVID-19 Chile`","pinned":false,"hidden":false,"mode":"ojs"},{"id":959,"value":"md`## Progresión de vacunación al ${moment(fechaProgresión).format(\"D MMM YYYY\")} `","pinned":false,"hidden":false,"mode":"ojs"},{"id":719,"value":"elProtegidos = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1017,"value":"elProtegidosBars = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1108,"value":"numWeeksLine = 12","pinned":true,"hidden":false,"mode":"ojs"},{"id":1112,"value":"numWeeksBar = 8","pinned":true,"hidden":false,"mode":"ojs"},{"id":1004,"value":"html`\nInmunizados:
\n${d3.format(\".1%\")(protegidos/poblacionObjetivo)} de poblacion objetivo
\n${d3.format(\".1%\")(protegidos/poblacionTotal)} de poblacion Total\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":999,"value":"poblacionTotal = 19458310","pinned":true,"hidden":false,"mode":"ojs"},{"id":990,"value":"poblacionObjetivo = 15200840+1495162","pinned":false,"hidden":false,"mode":"ojs"},{"id":995,"value":"protegidos = _.chain(dataProtegidosV2).last().value().protegidos","pinned":false,"hidden":false,"mode":"ojs"},{"id":961,"value":"fechaProgresión = _.chain(dataProtegidosV2).map(d => d.fecha).last().value();","pinned":false,"hidden":false,"mode":"ojs"},{"id":619,"value":"md`# Vacunación en personas de 60 años o más al ${maxFecha}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"elDosis1 = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":667,"value":"elDosis2 = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":625,"value":"svg`

Tests BAC ${d3.format(\"d\")(summary.testsBAC)} | Casos: ${d3.format(\"d\")(summary.casosSinSintomas)} | Positividad: ${d3.format(\".1%\")(summary.casosSinSintomas/summary.testsBAC)}\n

Tests No BAC ${d3.format(\"d\")(summary.testsNoBAC)} | Casos: ${d3.format(\"d\")(summary.casosConSintomas)} | Positividad: ${d3.format(\".1%\")(summary.casosConSintomas/summary.testsNoBAC)}\n

TestsTotales ${d3.format(\"d\")(summary.tests)} | Casos: ${d3.format(\"d\")(summary.casos)} | Positividad: ${d3.format(\".1%\")(summary.casos/summary.tests)}\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":311,"value":"el3 = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":313,"value":"visObj3 = new VaccinationVis(el3)","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"visObj3.render([\n {\n total: summary.tests,\n mark: summary.casos,\n }, \n {\n total: summary.testsNoBAC,\n mark: summary.casosConSintomas,\n },\n {\n total: summary.testsBAC,\n mark: summary.casosSinSintomas,\n },\n\n ])","pinned":true,"hidden":false,"mode":"ojs"},{"id":332,"value":"dataBAC = FileAttachment(\"positivdadAjustadaRegional (5).tsv\").tsv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":337,"value":"summary = {\n const record = dataBAC.find(d => d.fecha == \"2021-01-29\" && d.region == regionSeleccionada);\n \n \n const testsNoBAC = +record.nuevos_tests_semanales_no_BAC;\n const testsBAC = +record.nuevos_tests_semanales_BAC;\n const casosConSintomas = +record.nuevos_casos_semanales_con_sintomas;\n const casosSinSintomas = +record.nuevos_casos_semanales_sin_sintomas;\n \n return {\n tests:+record.nuevos_tests_semanales ,\n casos:+record.nuevos_casos_semanales ,\n testsBAC:testsBAC ,\n testsNoBAC:testsNoBAC ,\n casosConSintomas: casosConSintomas,\n casosSinSintomas: casosSinSintomas\n }\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":211,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":748,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":901,"value":"hideProtegidos = false","pinned":true,"hidden":false,"mode":"ojs"},{"id":717,"value":"protegidosObj = new ProtegidosVis(elProtegidos)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1019,"value":"protegidosBarsObj = new ProtegidosBarsVis(elProtegidosBars)","pinned":true,"hidden":false,"mode":"ojs"},{"id":951,"value":"_.chain(dataProtegidosV2).last().value()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1099,"value":"fromDateLine = {\n const lastDate = _.chain(dataProtegidosV2).last().value()[\"fecha\"]\n \n return moment(lastDate).subtract(numWeeksLine, \"weeks\").format(\"YYYY-MM-DD\")\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1116,"value":"fromDateBars = {\n const lastDate = _.chain(dataProtegidosV2).last().value()[\"fecha\"]\n \n return moment(lastDate).subtract(numWeeksBar, \"weeks\").format(\"YYYY-MM-DD\")\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":722,"value":"protegidosObj.render(dataProtegidosV2.filter(d => d.fecha >= fromDateLine ))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1022,"value":"protegidosBarsObj.render(dataProtegidosV2.filter(d => d.fecha >= fromDateBars ))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1024,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":715,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":1134,"value":"_.last(dataDosisFechaV2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":928,"value":"$36","pinned":true,"hidden":false,"mode":"ojs"},{"id":919,"value":"dataEdadFechavDosis1 = d3.csv(\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto78/vacunados_edad_fecha_1eraDosis_std.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":924,"value":"dataEdadFechavDosis2 = d3.csv(\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto78/vacunados_edad_fecha_2daDosis_std.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1127,"value":"dataEdadFechavDosisUnica = d3.csv(\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto78/vacunados_edad_fecha_UnicaDosis_std.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"dataObjetivoEdad = d3.tsv(\"https://raw.githubusercontent.com/dataCovid19CL/data_vacunacion/main/objetivo_por_edad.tsv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"dataEdad__ = d3.tsv(\"https://raw.githubusercontent.com/dataCovid19CL/data_vacunacion/main/vacunacion_por_edad.tsv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":649,"value":"dataEdad = {;\n return _.chain(dictMinciencia)\n .map((item,fecha) => _.map(item,(d,edad) => ({\n fecha:fecha,\n edad:edad,\n dosis1:d.dosis1,\n dosis2:d.dosis2\n })))\n .flatten()\n .value();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":635,"value":"dictMinciencia = { \n const dict = {};\n dataEdad_Minciencia.forEach(d=>{\n const edad = d.Rango_etario.replace(\"-\",\" a \");\n \n dict[d.Fecha]= dict[d.Fecha] || {};\n dict[d.Fecha][edad]= dict[d.Fecha][edad] || {};\n \n if (d.Dosis == \"Primera\") {\n dict[d.Fecha][edad].dosis1 = +d.Cantidad;\n } else {\n dict[d.Fecha][edad].dosis2 = +d.Cantidad;\n }\n })\n \n \n \n \n \n return dict;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":708,"value":"dataProtegidos = {\n const dict = {};\n const out = [];\n \n const data2aDosis = dataEdad_Minciencia.filter(d => d.Rango_etario == \"Total\");\n \n data2aDosis.forEach(d => {\n const fechaSemanaPrevia = moment(d.Fecha).subtract(2,\"week\").format(\"YYYY-MM-DD\");\n dict[d.Fecha] = dict[d.Fecha] || {fecha: d.Fecha};\n \n if (d.Dosis == \"Segunda\") {\n dict[d.Fecha].dosis2 = +d.Cantidad;\n dict[d.Fecha].protegidos = dict[fechaSemanaPrevia] && dict[fechaSemanaPrevia].dosis2;\n } else if (d.Dosis == \"Primera\") {\n dict[d.Fecha].dosis1 = +d.Cantidad;\n } \n\n \n /*\n out.push({\n fecha: d.Fecha,\n cantidad2aDosis : +d.Cantidad,\n protegidos: dict[fechaSemanaPrevia]\n })\n */\n })\n \n \n _.each(dict, (item,fecha) => {\n out.push(item)\n })\n \n return out\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1142,"value":"_.last(dataProtegidosV2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":945,"value":"dataProtegidosV2 = {\n const dict = {};\n const out = [];\n \n \n \n dataDosisFechaV2.forEach(d => {\n const fechaSemanaPrevia = moment(d.fecha).subtract(2,\"week\").format(\"YYYY-MM-DD\");\n dict[d.fecha] = dict[d.fecha] || {fecha: d.fecha};\n dict[d.fecha].dosis1 = d.dosis1Total;\n dict[d.fecha].dosis2 = d.dosis2Total;\n dict[d.fecha].dosisUnica = d.dosisUnicaTotal;\n dict[d.fecha].esquemaCompleto = d.esquemaCompletoTotal;\n dict[d.fecha].protegidos = dict[fechaSemanaPrevia] && dict[fechaSemanaPrevia].esquemaCompleto;\n\n\n \n /*\n out.push({\n fecha: d.Fecha,\n cantidad2aDosis : +d.Cantidad,\n protegidos: dict[fechaSemanaPrevia]\n })\n */\n })\n \n \n _.each(dict, (item,fecha) => {\n out.push(item)\n })\n \n return out\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":629,"value":"dataEdad_Minciencia = d3.csv(urlMinciencia)","pinned":true,"hidden":false,"mode":"ojs"},{"id":630,"value":"urlMinciencia =\"https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto76/rango_etario_std.csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":427,"value":"import {input, autoSelect,text, select, date, radio, button, slider, number, checkbox} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":615,"value":"es_ES = ({\n \"decimal\": \",\",\n \"thousands\": \".\",\n \"grouping\": [3],\n \"currency\": [\"$\", \"\"],\n \"dateTime\": \"%a %b %e %X %Y\",\n \"date\": \"%d/%m/%Y\",\n \"time\": \"%H:%M:%S\",\n \"periods\": [\"AM\", \"PM\"],\n \"days\": [\"Domingo\", \"Lunes\", \"Martes\", \"Miércoles\", \"Jueves\", \"Viernes\", \"Sábado\"],\n \"shortDays\": [\"Dom\", \"Lun\", \"Mar\", \"Mi\", \"Jue\", \"Vie\", \"Sab\"],\n \"months\": [\"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"],\n \"shortMonths\": [\"Ene\", \"Feb\", \"Mar\", \"Abr\", \"May\", \"Jun\", \"Jul\", \"Ago\", \"Sep\", \"Oct\", \"Nov\", \"Dic\"]\n });","pinned":true,"hidden":false,"mode":"ojs"},{"id":614,"value":"d3.formatDefaultLocale(es_ES)","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"moment = require(\"moment\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}