44:["$","title",null,{"children":"Covid-19 en Argentina | Emmanuel Iarussi | Observable"}] 4c:T6d1,{ const tooltip = new Tooltip(); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append("g") .call(xAxis_line); svg.append("g") .call(yAxis_line); svg.append("g") .call(grid); svg.append("g") .attr("fill", "none") .attr("stroke-width", 2) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .selectAll("path") .data(viz_data.series) .join("path") .attr("stroke",d => color(d.name)) .style("mix-blend-mode", "multiply") .attr("d", d => line(d.values)) svg.append("g") .selectAll("path") .data(viz_data.series) .join("path") .attr("class", "area") .style("opacity","0.6") .attr("fill", d => color(d.name)) .attr("d",d => area(d.values)) svg.append("circle") .attr("fill", "#fa7e1e") .attr("cx", x_line(tableData[tableData.length-1].Fecha)) .attr("cy", y_line[y_line_type](tableData[tableData.length-1].Total)) .attr("r", 3) svg.append("text") .attr("x", x_line(tableData[tableData.length-1].Fecha) -16) .attr("y", y_line[y_line_type](tableData[tableData.length-1].Total) -10) .attr("font-size",20) .text(tableData[tableData.length-1].Total) svg.append("g") .attr("fill", "none") .attr("pointer-events", "all") .selectAll("rect") .data(d3.pairs(tableData)) .join("rect") .attr("x", ([a, b]) => x_line(a.Fecha)) .attr("height", height) .attr("width", ([a, b]) => x_line(b.Fecha) - x_line(a.Fecha)) .on("mouseover", ([a]) => tooltip.show(a)) .on("mouseout", () => tooltip.hide()); svg.append(() => tooltip.node); return svg.node(); }4d:[{"id":"60ee5efe0092501ff63fe7e3a486df47cc3e760e79db14fd2c489b8b9a95d6ae51d4f20970320ea41571cee28bea56944d1a0bc10c6e13a6b2125859cfdd8658","href":"https://static.observableusercontent.com/files/60ee5efe0092501ff63fe7e3a486df47cc3e760e79db14fd2c489b8b9a95d6ae51d4f20970320ea41571cee28bea56944d1a0bc10c6e13a6b2125859cfdd8658","name":"coronavirus_ar@9.csv","type":"text/csv","lastModified":1585749196440.555,"size":785}] 48:{"id":"133ed4329e8b0a7d","slug":"covid-19-en-argentina","title":"Covid-19 en Argentina","thumbnail":"2e3ace0ed031c4e358d866f48e0185637996bf789bf6d63c570324c6209ca659","access_level":"public","create_time":"$D2020-03-29T16:17:17.168Z","update_time":"$D2020-04-01T20:59:12.848Z","view_time":null,"first_public_time":"$D2020-03-30T14:33:48.380Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"b99d4b1edfb0cda9","login":"eiarussi","name":"Emmanuel Iarussi","avatar_url":"https://avatars-next.observableusercontent.com/1e2ac1492eebef5a646755f105a47fd84a4ad5c6f8fcdb86a639453d6626257a","tier":"starter_2024","bio":"I'm a Computer Scientist at CONICET. My research interests focus on tools for interactive design in the context of 2D and 3D content manipulation.","followed_by_you":false,"follows_you":false},"version":1426,"publish_version":1426,"role":null,"authored":false,"authors":[{"type":"individual","id":"688b326db60f2dfc","login":"eiarussi","name":"Emmanuel Iarussi","avatar_url":"https://avatars-next.observableusercontent.com/1e2ac1492eebef5a646755f105a47fd84a4ad5c6f8fcdb86a639453d6626257a","tier":null,"bio":"I'm a Computer Scientist at CONICET. My research interests focus on tools for interactive design in the context of 2D and 3D content manipulation.","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"688b326db60f2dfc","login":"eiarussi","name":"Emmanuel Iarussi","avatar_url":"https://avatars-next.observableusercontent.com/1e2ac1492eebef5a646755f105a47fd84a4ad5c6f8fcdb86a639453d6626257a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Covid-19 en Argentina","cells":[{"id":0,"value":"md`# Covid-19 en Argentina`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`Pequeño intento en formato notebook de visualizar los datos provistos por el Ministerio de Salud sobre el avance del Covid-19 en la Argentina. La información de este sitio se actualizó por última vez el ${ printValue(tableData[tableData.length-1].Fecha)} a partir de los datos volcados en este documento: https://bit.ly/33TcCQ5`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"md`## Vista general de casos`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"md`Visualización del total de casos en Argentina a lo largo del tiempo. Con los controles debajo del gráfico es posible cambiar la escala del eje y, o seleccionar datos para las diferentes modalidades de contagio.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":867,"value":"swatches({color: color})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"viewof y_line_type = radio({\n title: 'Escala eje vertical', \n options: [\n {label: \"Escala Lineal\", value: 'linscale_line_y' },\n {label: \"Escala Logarítmica\", value: 'logscale_line_y'}\n ],\n value: 'linscale_line_y'\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"viewof por_contagio = checkbox({\n title: \"Contagio\",\n options: [\"Total\", \"Importados\", \"Conglomerado\", \"Estudio\", \"Comunitarios\"],\n value: [\"Total\", \"Importados\", \"Conglomerado\"],\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"md`## Vista general (tabla)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1053,"value":"md`Datos utilizados para la construcción del gráfico.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"table = html`\n\n

Fecha	Importados	Conglomerado	Comunitarios	En estudio	Total

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"covid_table = { \n \nconst table = d3.select('#covid-ar-data-table');\n\nconst rows = table.selectAll(\".row\")\n .data(tableData)\n .enter().append(\"tr\")\n .attr(\"class\", \"row\")\n\nconst cells = rows.selectAll(\".cell\")\n .data(d => Object.values(d))\n .enter().append(\"td\")\n .attr(\"class\", \"cell\")\n .style(\"font-size\", \"12px\")\n .text(d => printValueTable(d));\n \n return table\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1104,"value":"md`## Nuevos contagios vs. Total`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1107,"value":"md`Visualización de la cantidad de casos nuevos por día sobre el total. Dado que esta curva presenta muchos saltos, podemos suavizarla promediando los últimos n días utilizando el slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1385,"value":"viewof smooth_factor = slider({min: 1, max: 7, step: 1, value: 5,title: \"Suavizado (en días)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1125,"value":"chart_vs = {\n const svg = d3.create(\"svg\").attr(\"viewBox\", [0, 0, width, height_vs]);\n draw_axes_vs(svg);\n draw_trajectories_vs(svg);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1159,"value":"function draw_trajectories_vs(svg) { \n svg.append(\"g\")\n .attr(\"fill\", \"none\")\n .attr(\"stroke-width\", 2)\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"stroke-linecap\", \"round\")\n .selectAll(\"path\")\n .data(new_vs_total_data.series)\n .join(\"path\")\n .attr(\"stroke\",d => \"#d62976\")\n .style(\"mix-blend-mode\", \"multiply\")\n .attr(\"d\", d => path_vs(d.new))\n \n svg.append(\"circle\")\n .attr(\"fill\", \"#d62976\")\n .attr(\"cx\", x_vs(new_vs_total_data.series[0].total[new_vs_total_data.series[0].total.length-1]))\n .attr(\"cy\", y_vs(new_vs_total_data.series[0].new[new_vs_total_data.series[0].new.length-1]))\n .attr(\"r\", 3)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1161,"value":"// Funcion para dibujar lineas\npath_vs = d3.line()\n .x((d, i) => x_vs(new_vs_total_data.series[0].total[i]))\n .y((d, i) => d == 0 ? height_vs - margin_vs.bottom : y_vs(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1127,"value":"function draw_axes_vs(svg) {\n svg.append(\"g\").call(xAxis_vs);\n svg.append(\"g\").call(yAxis_vs);\n svg.append(\"g\").call(grid_vs);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1156,"value":"x_vs = d3.scaleLog()\n .domain([1, d3.max(tableData, d => d.Total)]).nice()\n .range([margin_vs.left, width_vs - margin_vs.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1153,"value":"xAxis_vs = g => g\n .attr(\"transform\", `translate(0,${height_vs - margin_vs.bottom})`)\n .call(d3.axisBottom(x_vs).ticks(\"10\", \",\"))\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"transform\", `translate(-70,15)`)\n .text('Total de casos →'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1133,"value":"y_vs = d3.scaleLog()\n .domain([1, d3.max(tableData, d => d.Total)]).nice()\n .range([height_vs - margin_vs.bottom, margin_vs.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1129,"value":"yAxis_vs = g => g\n .attr(\"transform\", `translate(${margin_vs.left},0)`)\n .call(d3.axisLeft(y_vs).ticks(\"10\", \",\"))\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"transform\", `translate(-25,-15)`)\n .text('↑ Nuevos contagios'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"md`# Apéndice`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1099,"value":"md`La mayor parte del código de las visualizaciones está en esta sección. Falta una mejor organización y limpieza.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":371,"value":"md`### D3`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"md`### Elementos visuales`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":555,"value":"// Ancho de las gráficas\nheight = 300","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1205,"value":"height_vs = width/2 > 400 ? width/2 : width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1216,"value":"width_vs = width/2 > 400 ? width/2 : width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"// Escala para el eje x de la gráfica de areas con el total de casos\nx_line = d3.scaleUtc()\n .domain(d3.extent(tableData, d => d.Fecha)).nice()\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"// Escala para el eje y de la gráfica de areas con el total de casos\ny_line = {\n const y_scales = []\n y_scales['linscale_line_y'] = d3.scaleLinear()\n .domain([0, d3.max(tableData, d => d.Total)]).nice()\n .range([height - margin.bottom, margin.top])\n y_scales['logscale_line_y'] = d3.scaleLog()\n .domain([1, d3.max(tableData, d => d.Total)]).nice()\n .range([height - margin.bottom, margin.top])\n return y_scales\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":953,"value":"// Funcion para computar ticks del eje y ajustados a la escala (log o lineales)\ncompute_ticks = {\n if( y_line_type == \"linscale_line_y\")\n return d3.axisLeft(y_line[y_line_type]).ticks(d3.max(tableData, d => d.Total)/100).tickSizeOuter(0)\n else \n return d3.axisLeft(y_line[y_line_type]).ticks('10',\",\").tickSizeOuter(0)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"// Eje x \nxAxis_line = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x_line).ticks(width / 80).tickSizeOuter(0))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"transform\", `translate(-20,15)`)\n .text('Dias →'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"// Eje y\nyAxis_line = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(compute_ticks)\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"transform\", `translate(-25,-15)`)\n .text('↑ Total de infectados'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":910,"value":"// Funcion para dibujar áreas\narea = d3.area()\n .x(function(d,i) { return x_line(viz_data.dates[i]); })\n .y0(height - margin.bottom)\n .y1(function(d) { return d==0 ? height - margin.bottom : y_line[y_line_type](d); })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"// Funcion para dibujar lineas\nline = d3.line()\n .defined((d,i) => !isNaN(viz_data.dates[i]))\n .x((d, i) => x_line(viz_data.dates[i]))\n .y(d => d==0 ? height - margin.bottom : y_line[y_line_type](d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"// Márgenes del grafico de áreas\nmargin = ({top: 20, right: 30, bottom: 40, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1196,"value":"margin_vs = ({top: 40, right: 40, bottom: 40, left: 40})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"// Tooltip para el mouse. Estaría bueno extenderlo para todas las modalidades de contagio, actualmente solo muestra el total de casos\nclass Tooltip {\n constructor() {\n this._Total = svg``;\n this.node = svg`\n \n ${this._Total}\n \n`;\n }\n show(d) {\n this.node.removeAttribute(\"display\");\n this.node.setAttribute(\"transform\", `translate(${x_line(d.Fecha)},${y_line[y_line_type](d.Total)})`);\n this._Total.textContent = printValue(d.Total);\n }\n hide() {\n this.node.setAttribute(\"display\", \"none\");\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":869,"value":"// Escala de colores\ncolor = d3.scaleOrdinal()\n .domain(viz_data.allNames)\n .range([\"#feda75\", \"#fa7e1e\" , \"#d62976\", \"#962fbf\", \"#4f5bd5\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"// Grilla de fondo para el grafico de areas\ngrid = g => g\n .attr(\"stroke\", \"currentColor\")\n .attr(\"stroke-opacity\", 0.1)\n .call(g => g.append(\"g\")\n .selectAll(\"line\")\n .data(x_line.ticks())\n .join(\"line\")\n .attr(\"x1\", d => 0.5 + x_line(d))\n .attr(\"x2\", d => 0.5 + x_line(d))\n .attr(\"y1\", margin.top)\n .attr(\"y2\", height - margin.bottom))\n .call(g => g.append(\"g\")\n .selectAll(\"line\")\n .data(y_line[y_line_type].ticks())\n .join(\"line\")\n .attr(\"y1\", d => 0.5 + y_line[y_line_type](d))\n .attr(\"y2\", d => 0.5 + y_line[y_line_type](d))\n .attr(\"x1\", margin.left)\n .attr(\"x2\", width - margin.right));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1209,"value":"// Grilla de fondo para el grafico de areas\ngrid_vs = g => g\n .attr(\"stroke\", \"currentColor\")\n .attr(\"stroke-opacity\", 0.1)\n .call(g => g.append(\"g\")\n .selectAll(\"line\")\n .data(x_vs.ticks())\n .join(\"line\")\n .attr(\"x1\", d => 0.5 + x_vs(d))\n .attr(\"x2\", d => 0.5 + x_vs(d))\n .attr(\"y1\", margin_vs.top)\n .attr(\"y2\", height_vs - margin_vs.bottom))\n .call(g => g.append(\"g\")\n .selectAll(\"line\")\n .data(y_vs.ticks())\n .join(\"line\")\n .attr(\"y1\", d => 0.5 + y_vs(d))\n .attr(\"y2\", d => 0.5 + y_vs(d))\n .attr(\"x1\", margin_vs.left)\n .attr(\"x2\", width_vs - margin_vs.right));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"md`### Transformaciones de datos`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"// Parser de datos, devulve la tabla en tableData\ntableData = d3.csvParse(await FileAttachment(\"coronavirus_ar@9.csv\").text(), d => {\n const date = parseDate(d[\"Fecha\"]);\n return {Fecha: date, Importados: +d[\"Importados\"],Conglomerado: +d[\"Conglomerado\"],Comunitarios: +d[\"Transmisión Comunitaria\"],Estudio: +d[\"En estudio\"],Total: +d[\"Total\"]};\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"// Funcion para printear fechas en formato humano\nfunction printValue(v) {\n if (v instanceof Date) {\n return dateString(v.getUTCDate(), v.getUTCMonth()+1, v.getUTCFullYear());\n }\n return v\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":620,"value":"// Funcion para printear fechas en la tabla de datos (le quita el año)\nfunction printValueTable(v) {\n if (v instanceof Date) {\n var month = v.getUTCMonth()+1;\n return v.getUTCDate() + \"-\" + (month < 10 ? '0' : '') + month;\n }\n return v\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"// Funcion para convertr una fecha a string\nfunction dateString(year, month, date) {\n return `${year}-${(month < 10 ? '0' : '') + month}-${(date < 10 ? '0' : '') + date}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"// Parser del string de la fecha a Date\nparseDate = d3.utcParse(\"%d-%m-%Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":783,"value":"// El grafico de area necesita las series como arreglos, esta funcion prepara los datos de tableData en ese formato para poder construir la vizualización.\nviz_data = {\n const seriesData =[]\n \n // Preparamos las series de datos\n seriesData[0] = {name:\"Total\", values: tableData.map(x => x.Total)};\n seriesData[1] = {name:\"Importados\", values: tableData.map(x => x.Importados)}\n seriesData[2] = {name:\"Conglomerado\", values: tableData.map(x => x.Conglomerado)};\n seriesData[3] = {name:\"Estudio\", values: tableData.map(x => x.Estudio)};\n seriesData[4] = {name:\"Comunitarios\", values: tableData.map(x => x.Comunitarios)};\n\n \n // Filtramos segun la selección del usuario\n const filtered = seriesData.filter(function(d) {return por_contagio.includes(d.name); })\n const datesData = tableData.map(x => x.Fecha)\n const allNames = [\"Total\",\"Importados\",\"Conglomerado\",\"Estudio\",\"Comunitarios\"]\n\n return {series: filtered, dates:datesData, allNames:allNames}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1114,"value":"// Crea las series de datos para la gráfica log/log de nuevos casos sobre total\nnew_vs_total_data = {\n const series = []\n series[0] = {name: \"Argentina\", total: tableData.map(x => x.Total), new: tableData.map((x,i,arr) => i > 0 ? x.Total-arr[i-1].Total : 1)};\n \n series[0].total = filter_smooth(series[0].total,smooth_factor)\n series[0].new = filter_smooth(series[0].new,smooth_factor)\n return {series: series}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1331,"value":"// Filtro de suavizado para la gráfica log log\nfunction filter_smooth(array,n) {\n return array.map((x,i,arr) => i > (n-1) ? mean_array(arr,i,n) : mean_array(arr,i,i))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1347,"value":"// Computa el promedio sobre un arreglo en una ventana de rango (n-i,i]\nfunction mean_array(array,i,n) {\n if (n == 0)\n return Math.max(array[i],1);\n let sum = 0;\n for (let k = 0; k < n; k++) {sum += array[i-k];}\n return Math.max(sum/n,1);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"md`### Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":570,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":873,"value":"import {swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1382,"value":"import {slider} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null