31:T2451,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); const colorId = DOM.uid("color"); svg.append("linearGradient") .attr("id", colorId.id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", 0) .attr("x2", width) .selectAll("stop") .data(data) .join("stop") .attr("offset", d => x(d.date) / width) .attr("stop-color", d => color(d.condition)); svg.append("path") // linea principal .datum(data) .attr("fill", "none") .attr("stroke", colorId) .attr("stroke-width", 3) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line); svg.append("path") // linea 2dosis .datum(data) .attr("fill", "none") .attr("stroke", colorId) .attr("stroke-width", 1) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("stroke-dasharray", "2 2") .attr("d", line2dosis); svg.append("path") // linea 3dosis .datum(data) .attr("fill", "none") .attr("stroke", colorId) .attr("stroke-width", 0.5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("stroke-dasharray", "1 1") .attr("d", line3dosis); svg.append("path") .datum(data) .attr("fill", "none") .attr("stroke", "silver") .attr("stroke-width", 1) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("d", line2); svg.append("line") // cantidad de vacunas .attr("fill", "none") .attr("stroke", "silver") .attr("stroke-width", 1) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .attr("x1", x(d3.utcDay.offset(ultimoDia,-1))) .attr("x2", width) .attr("y1", y(data[data.length-1].disponible)) .attr("y2", y(data[data.length-1].disponible)) ; svg.append("text") // texto de nos quedamos sin vacunas .attr("fill", "silver") .attr("stroke", "none") .attr("x",averageLinea.invert(data[data.length-1].disponible)+80) .attr("dy",-2) .style("font-size","14px") .style("text-anchor","start") .attr("y", y(data[data.length-1].disponible)) .text("Vacunas distribuidas") var valueBaseAverage = data.filter(d=>d.date.getTime() == average[daysToAverage].date.getTime())[0].value; var tendencia = svg.append("g"); tendencia.append("line") // linea tendencia ultimos siete dias .attr("fill", "none") .attr("stroke", color("tendencia ult.7d")) .attr("stroke-width", 1) .attr("x1", x(data[data.length-daysToAverage-1].date)) .attr("x2", x(d3.utcDay(new Date(nextNewDay)))) .attr("y1", y(data[data.length-daysToAverage-1].valueAveraged)) .attr("y2", y(averageLinea(x(d3.utcDay(new Date(nextNewDay)))))) tendencia.append("line") // linea tendencia ultimos siete dias 2das dossis .attr("fill", "none") .attr("stroke", color("tendencia ult.7d")) .attr("stroke-width", 1) .attr("stroke-dasharray", "1 1") .attr("x1", x(data[data.length-daysToAverage-1].date)) .attr("x2", x(d3.utcDay(new Date(nextNewDay)))) .attr("y1", y(data[data.length-daysToAverage-1].valueAveraged2dosis)) .attr("y2", y(averageLinea2dosis(x(d3.utcDay(new Date(nextNewDay)))))) tendencia.append("line") // linea tendencia ultimos siete dias 3das dossis .attr("fill", "none") .attr("stroke", color("tendencia ult.7d")) .attr("stroke-width", 1) .attr("stroke-dasharray", "1 1") .attr("x1", x(data[data.length-daysToAverage-1].date)) .attr("x2", x(d3.utcDay(new Date(nextNewDay)))) .attr("y1", y(data[data.length-daysToAverage-1].valueAveraged3dosis)) .attr("y2", y(averageLinea3dosis(x(d3.utcDay(new Date(nextNewDay)))))) tendencia.append("circle") // circulin de tendencia a ultimo dia .attr("fill", "none") .attr("stroke", color("tendencia ult.7d")) .attr("stroke-width", 1) .attr("r",4) .attr("cx", x(new Date(nextNewDay))) .attr("cy", y(averageLinea(x(d3.utcDay(new Date(nextNewDay)))))); tendencia.append("circle") // circulin de tendencia a ultimo dia 2das dosis .attr("fill", "none") .attr("stroke", color("tendencia ult.7d")) .attr("stroke-width", 1) .attr("r",3) .attr("cx", x(new Date(nextNewDay))) .attr("cy", y(averageLinea2dosis(x(d3.utcDay(new Date(nextNewDay)))))); tendencia.append("circle") // circulin de tendencia a ultimo dia 3das dosis .attr("fill", "none") .attr("stroke", color("tendencia ult.7d")) .attr("stroke-width", 0.5) .attr("r",3) .attr("cx", x(new Date(nextNewDay))) .attr("cy", y(averageLinea3dosis(x(d3.utcDay(new Date(nextNewDay)))))); tendencia.append("circle") // circulin de nos quedamos sin vacunas .attr("fill", "none") .attr("stroke", "orange") .attr("stroke-width", 1) .attr("r",4) .attr("cx", averageLinea.invert(data[data.length-1].disponible)) .attr("cy", y(data[data.length-1].disponible)); tendencia.append("line") // linea de nos quedamos sin vacunas .attr("fill", "none") .attr("stroke", "orange") .attr("stroke-width", 1) .attr("x1", averageLinea.invert(data[data.length-1].disponible)) .attr("x2", averageLinea.invert(data[data.length-1].disponible)) .attr("y1", y(0)) .attr("y2", y(data[data.length-1].disponible));; tendencia.append("text") // texto de nos quedamos sin vacunas .attr("fill", "orange") .attr("stroke", "none") .attr("x", averageLinea.invert(data[data.length-1].disponible)+5) .attr("dy",-2) .style("font-size","14px") .attr("y", y(0)) .text(d3.timeFormat("%d %b")(x.invert(averageLinea.invert(data[data.length-1].disponible)))) tendencia.append("text") // texto ultimo dia tendencia .attr("fill", color("tendencia ult.7d")) .attr("x", x(new Date(nextNewDay))+10) .attr("dy",5) .style("font-size","14px") .attr("y", y(averageLinea(x(d3.utcDay(new Date(nextNewDay)))))) .text(d3.format(",.3r")(averageLinea(x(d3.utcDay(new Date(nextNewDay)))))) ; tendencia.append("text") // texto ultimo dia tendencia 2das dosis .attr("fill", color("tendencia ult.7d")) .attr("x", x(new Date(nextNewDay))+10) .attr("dy",5) .style("font-size","12px") .attr("y", y(averageLinea2dosis(x(d3.utcDay(new Date(nextNewDay)))))) .text(d3.format(",.3r")(averageLinea2dosis(x(d3.utcDay(new Date(nextNewDay)))))+"(2das)" ) ; tendencia.append("text") // texto ultimo dia tendencia 2das dosis .attr("fill", color("tendencia ult.7d")) .attr("x", x(new Date(nextNewDay))+10) .attr("dy",5) .style("font-size","12px") .attr("y", y(averageLinea3dosis(x(d3.utcDay(new Date(nextNewDay)))))) .text(d3.format(",.3r")(averageLinea3dosis(x(d3.utcDay(new Date(nextNewDay)))))+"(3ras)" ) ; svg.append("path") // linea objetivo .attr("fill", "none") .attr("stroke", color("mes anterior")) .attr("stroke-width", 1) .attr("stroke-dasharray", "2 2") .attr("d", d3.line()([ [x(data[data.length-1].date),y(data[data.length-1].value) ], [x(new Date("2021-"+( mesActual+1)+"-1")), y(objetivos[mesActual-3].valueToReach)]])); // svg.append("path") // linea ideal // .attr("fill", "none") // .attr("stroke", color("ideal")) // .attr("stroke-width", 1) // .attr("stroke-dasharray", "1 2") // .attr("d", d3.line()([ // [x(new Date("2021-"+mesActual+"-1")),y(0) ], // [x(new Date("2021-"+( mesActual+1)+"-1")), y(objetivos[mesActual-3].valueToReach)]])); svg.append("g").selectAll("line") //lineas mes .data(d3.timeMonth.range(x.domain()[0], x.domain()[1])) .join("line") .attr("fill", "none") .attr("stroke", "silver") .attr("stroke-dasharray", "1 1") .attr("stroke-width", 1) .attr("x1", d=>x(d)) .attr("x2", d=>x(d)) .attr("y1", d=>y(0)) .attr("y2", d=>y(y.domain()[1])) var objetivosMarks = svg.append("g").attr("id","objetivos") .selectAll("g") // marcas objetivo .data(objetivos) .join("g") ; objetivosMarks .attr("transform",d=>"translate("+x(new Date("2021-"+(d.mes+2+"-01"))) + "," + y(d.valueToReach)+")") .append("circle") .attr("fill", "none") .attr("stroke", color("mes anterior")) .attr("stroke-width", 1) .attr("r",4) objetivosMarks.append("text") .attr("fill", color("mes anterior")) .attr("x", 10) .attr("dy",5) .style("font-size","14px") .text(d=>formatea.format(",.5r")(d.valueToReach)) return svg.node(); }32:T51d,data = dates.map((d,i)=>{ var mes = new Date(d).getMonth(), day = d3.utcDay.offset(new Date(d),-1) ; var diasDesdeElPrimero = d3.utcDay.count(day,d3.utcMonth.floor(day)); return { date : day, value : d3.sum(totalesPorFecha.filter((dd,ii)=>(ii<=i?dd.fecha.getUTCMonth()==mes:0)), g => g.total), disponible : mes!=1?totalesPorFecha[i].disponible-totalesPorFechaAcumulados[i+diasDesdeElPrimero].acumulado:1738410, value1dosis : d3.sum(totalesPorFecha.filter((dd,ii)=>(ii<=i?dd.fecha.getUTCMonth()==mes:0)), g => g.total1dosis), value2dosis : d3.sum(totalesPorFecha.filter((dd,ii)=>(ii<=i?dd.fecha.getUTCMonth()==mes:0)), g => g.total2dosis), value3dosis : d3.sum(totalesPorFecha.filter((dd,ii)=>(ii<=i?dd.fecha.getUTCMonth()==mes:0)), g => g.total3dosis), valueAveraged : totalesAcumuladosAverage[i]- totalesAcumuladosAverage[d3.utcDay.count(dates[0],d3.utcMonth.floor(day))], valueAveraged2dosis : totalesAcumulados2dosisAverage[i]- totalesAcumulados2dosisAverage[d3.utcDay.count(dates[0],d3.utcMonth.floor(day))], valueAveraged3dosis : totalesAcumulados3dosisAverage[i]- totalesAcumulados3dosisAverage[d3.utcDay.count(dates[0],d3.utcMonth.floor(day))], condition : day.getUTCDay()==6?"finde":day.getUTCDay()==0?"finde":"dia" } })33:[] 2f:{"title":"Ritmo de vacunacion en argentina","cells":[{"id":0,"value":"md`# Ritmo de vacunacion en argentina\n\nCantidad de vacunas, ritmo de vacunación y metas\n\nDatos actualizados: ${d3.utcFormat(\"%d de %B de %Y\")(ultimoDia)} (covidstats.com.ar)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"legend = {\n const id = DOM.uid().id;\n return html`\n

${color.domain().map((name, i) => html`\n

\n ${document.createTextNode(name)}\n

`)}\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1052,"value":"viewof diasParaMostrar = Range([260,10], {step: 1,value: d3.timeDay.count( d3.timeMonth.floor(ultimoDia),ultimoDia)+4, label: \"Cantidad de días hacia atrás para mostrar\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2035,"value":"viewof maxY = Range([1e3,2e7], {step: 100,value: 1e7, label: \"Altura del gráfico\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"viewof cantidadPorMes = Range([3000000,5000000], {step: 500000,value: 4000000, label: \"Objetivo por mes\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":550,"value":"viewof daysToAverage = Range([1,20], {step: 1,value: 7, label: \"Cantidad de días para promediar\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":350,"value":"mesActual = d3.max(data, d => d.date).getUTCMonth()+1","pinned":false,"hidden":false,"mode":"ojs"},{"id":476,"value":"ultimoDia = dates[dates.length-1]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1531,"value":"nextNewDay = d3.utcMonth.offset(d3.utcMonth.floor(ultimoDia),1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"solofechas = Object.values(dataLoaded).map(d=>d.fechas)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1922,"value":"porDia = solofechas.map(d=>d3.groups(d,e=>d3.timeFormat(\"%u\")(new Date(e.fecha))))","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"objetivos = d3.range(ultimoDia.getMonth()).map((d,i)=>{\n \n // var diasDesdeElPrimero = d3.utcDay.count(day,d3.utcMonth.floor(day));\n \n return {\n mes : d+2,\n value : cantidadPorMes,\n total :0,\n //valueToReach : d<1?cantidadPorMes : cantidadPorMes * (i+1) - d3.sum(vacunadosPorMes.filter((e,ii)=> ( ii > 1 && ii < d+2)),r=>r.value) \n valueToReach : d<1?cantidadPorMes : totalesPorMes[d].acumulado\n \n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"totalesPorFecha = dates.map((d,i)=>{\n return {\n fecha : d3.timeDay.offset(d,-1),\n total : d3.sum(solofechas.map(e=>e[i]), g => g.dosis1 + g.dosis2),\n total1dosis : d3.sum(solofechas.map(e=>e[i]), g => g.dosis1),\n total2dosis : d3.sum(solofechas.map(e=>e[i]), g => g.dosis2),\n total3dosis : d3.sum(solofechas.map(e=>e[i]), g => g.dosisadicional + g.dosisrefuerzo),\n disponible : d3.sum(solofechas.map(e=>e[i]), g => g.distribuidas)\n }\n \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1893,"value":"totalesPorMes = d3.rollups(totalesPorFecha,v=>d3.sum(v,d=>d.total),e=>d3.utcMonth(e.fecha)).map(d=>{return{mes:(d[0]).getMonth()+1,acumulado:d[1]}})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1483,"value":"totalesPorFechaAcumulados = totalesPorFecha.map((d,i)=>{\n return{\n fecha : d.fecha,\n acumulado : d3.sum(totalesPorFecha.filter((dd,ii)=>ii<=i),e=>e.total),\n acumulado2dosis : d3.sum(totalesPorFecha.filter((dd,ii)=>ii<=i),e=>e.total2dosis),\n acumulado3dosis : d3.sum(totalesPorFecha.filter((dd,ii)=>ii<=i),e=>e.total3dosis),\n disponible : totalesPorFecha[i].disponible\n\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1485,"value":"totalesAcumuladosAverage = movingAverage(totalesPorFechaAcumulados.map(d=>d.acumulado),daysToAverage)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1719,"value":"totalesAcumulados2dosisAverage = movingAverage(totalesPorFechaAcumulados.map(d=>d.acumulado2dosis),daysToAverage)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2001,"value":"totalesAcumulados3dosisAverage = movingAverage(totalesPorFechaAcumulados.map(d=>d.acumulado3dosis),daysToAverage)","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"value":"average = [].slice.call(\n movingAverage(\n data.filter(d=>\n (d.date > d3.utcDay.offset(ultimoDia,-daysToAverage*2-1)))\n .map(d=>d.value),daysToAverage)).map((d,i)=>{return{\n value : d?Math.floor(d):null,\n valueOrig : data[dates.length-daysToAverage*2+i].value,\n\n date : data[dates.length-daysToAverage*2+i].date\n}})","pinned":false,"hidden":false,"mode":"ojs"},{"id":506,"value":"averageLinea = d3.scaleLinear()\n .domain([x(data[data.length-daysToAverage-1].date),x(data[data.length-1].date)])\n .range([data[data.length-daysToAverage-1].valueAveraged,data[data.length-1].valueAveraged])\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1968,"value":"averageLinea2dosis = d3.scaleLinear()\n .domain([x(data[data.length-daysToAverage-1].date),x(data[data.length-1].date)])\n .range([data[data.length-daysToAverage-1].valueAveraged2dosis,data[data.length-1].valueAveraged2dosis])\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":2047,"value":"averageLinea3dosis = d3.scaleLinear()\n .domain([x(data[data.length-daysToAverage-1].date),x(data[data.length-1].date)])\n .range([data[data.length-daysToAverage-1].valueAveraged3dosis,data[data.length-1].valueAveraged3dosis])\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":1032,"value":"averageLineaInvert = d3.scaleLinear()\n .range([x(average[0].date),x(average[average.length-1].date)])\n .domain([0,average[average.length-1].value])\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1216,"value":"averageLineaInvertTime = d3.scaleLinear()\n .range([average[0].date,average[average.length-1].date])\n .domain([0,average[average.length-1].value])\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1877,"value":"ritmoPorProvincia = Object.values(dataLoaded).map(d=>{\n var totales = d.fechas.map(e=>(e.dosis1+e.dosis2)/d.poblacion);\n var promedio = movingAverage(totales,7);\n return{\n \"pcia\":d.denominacion,\n \"pob\" : d.poblacion,\n \"totales\" : totales,\n \"promedio\" : promedio,\n \"ultimos7\" : d3.sum(promedio.slice(-7))/7\n }\n }\n )\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"vacunadosPorMes = d3.range(12).map((d,i)=>{\n return {\n value : d3.sum(totalesPorFecha.filter(dd=>dd.fecha.getMonth()==d), g => g.total)}\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"dates = d3\n .scaleUtc()\n .domain(d3.extent(dataLoaded[2].fechas, d => new Date(d.fecha)))\n .ticks(d3.utcDay)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1833,"value":"dataCompleta = dates.map((d,i)=>{\n var mes = new Date(d).getMonth(), day = d3.utcDay.offset(new Date(d),-1) ;\n \n return {\n date : day,\n value : d3.sum(totalesPorFecha, g => g.total),\n disponible : mes!=1?totalesPorFecha[i].disponible:1738410,\n value1dosis : d3.sum(totalesPorFecha, g => g.total1dosis),\n valueAveraged : totalesAcumuladosAverage[i],\n valueAveraged2dosis : totalesAcumulados2dosisAverage[i],\n valueAveraged3dosis : totalesAcumulados3dosisAverage[i],\n condition : day.getUTCDay()==6?\"finde\":day.getUTCDay()==0?\"finde\":\"dia\" \n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":912,"value":"vacunasLoadedFixed = Object.keys(dataLoaded).forEach(d=>{\n\n dataLoaded[d].distOrigin = d3.min(dataLoaded[d].fechas,ee=>ee.distribuidas);\n var distrTot = 0;\n dataLoaded[d].fechas.forEach(e=>{\n distrTot += e.distribuidas;\n e.distribuidas = distrTot;\n })\n\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"dataLoaded = fetch(\"https://observable-cors.glitch.me/\" + \"https://covidstats.com.ar/ws/vacunadosmonitor/simple\", {\n headers: {\n Accept: '*/*',\n 'Accept-Language': 'en-US,en;q=0.5',\n Referer: 'https://observablehq.com/@randomfractals/fetch',\n },\n //credentials: 'include',\n cache: 'no-store',\n mode: 'cors',\n redirect: 'follow',\n}).then(response => {\n if (!response.ok) throw new Error(response.status);\n return response.json();\n}).catch(error => {return error;})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1991,"value":"dataLoadedNew = fetch(\"https://observable-cors.glitch.me/\" + \"https://covidstats.com.ar/ws/vacunados?agrupado=1\", {\n headers: {\n Accept: '*/*',\n 'Accept-Language': 'en-US,en;q=0.5',\n Referer: 'https://observablehq.com/@randomfractals/fetch',\n },\n //credentials: 'include',\n cache: 'no-store',\n mode: 'cors',\n redirect: 'follow',\n}).then(response => {\n if (!response.ok) throw new Error(response.status);\n return response.json();\n}).catch(error => {return error;})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1060,"value":"d3.utcDay.offset(ultimoDia,-diasParaMostrar)","pinned":false,"hidden":false,"mode":"ojs"},{"id":920,"value":"line2 = d3.line()\n // .defined(d=>d.date > d3.utcDay.offset(ultimoDia,-diasParaMostrar))\n .x(d => x(d.date))\n .y(d => y(d.disponible))","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"line = d3.line()\n // .defined(d=>d.date > d3.utcDay.offset(ultimoDia,-diasParaMostrar+1))\n\n .curve(d3.curveStepAfter)\n .x(d => x(d.date))\n .y(d => y(d.value))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1724,"value":"line2dosis = d3.line()\n //.defined(d=>d.date > d3.utcDay.offset(ultimoDia,-diasParaMostrar))\n\n .curve(d3.curveStepAfter)\n .x(d => x(d.date))\n .y(d => y(d.value2dosis))","pinned":false,"hidden":false,"mode":"ojs"},{"id":2012,"value":"line3dosis = d3.line()\n //.defined(d=>d.date > d3.utcDay.offset(ultimoDia,-diasParaMostrar))\n .curve(d3.curveStepAfter)\n .x(d => x(d.date))\n .y(d => y(d.value3dosis))","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"x = d3.scaleTime()\n .domain([d3.utcDay.offset(d3.max(data, d => d.date),-diasParaMostrar),d3.utcMonth.offset(d3.max(data, d => d.date),1)])\n .rangeRound([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":2027,"value":"// maxY = d3.max([\n// averageLinea(x(d3.utcDay(new Date(nextNewDay)))),\n// objetivos[mesActual-3].valueToReach*1.05,\n// d3.min([data[data.length-1].disponible,objetivos[mesActual-3].valueToReach*1.3])\n\n// ])","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"y = d3.scaleLinear()\n //.domain(d3.extent(data, d => d.value)).nice()\n .domain([0,maxY])\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"color = d3.scaleOrdinal(\n [\"dia\",\"finde\",\"tendencia ult.7d\",\"mes anterior\",\"vacunas distribuidas\",\"nos quedamos sin vacunas\"],\n [d3.schemeCategory10[0],d3.schemeCategory10[1],d3.schemeCategory10[2],d3.schemeCategory10[3],\" silver\",\"orange\"],\n // data.colors === undefined ? d3.schemeCategory10 : data.colors\n).unknown(\"black\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).ticks(d3.timeWeek).tickSizeOuter(0).tickFormat(esp2.format(\"%d %b\")))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").append(\"tspan\").text(data.y))","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"margin = ({top: 20, right: 50, bottom: 30, left: 70})","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"import { movingAverage } from \"@d3/moving-average\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":837,"value":"formatea = d3.formatLocale(esp) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":1079,"value":" d3.formatDefaultLocale(esp) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":1101,"value":"esp2 = d3.timeFormatDefaultLocale(espTime)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1098,"value":"espTime = d3.json(\n \"https://raw.githubusercontent.com/d3/d3-time-format/master/locale/es-ES.json\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1119,"value":"import {Toggle, Range} from \"@observablehq/inputs\"\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":363,"value":"esp = d3.json(\n \"https://raw.githubusercontent.com/d3/d3-format/master/locale/es-ES.json\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1433,"value":"parseTime = d3.utcParse(\"%Y-%m-%d\");","pinned":true,"hidden":false,"mode":"ojs"},{"id":1254,"value":"styles = html`\n `","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}