31:T6d8,chart = { const root = tree(data); var padding = -10; let x0 = Infinity; let x1 = -x0; root.each(d => { if (d.x > x1) x1 = d.x; if (d.x < x0) x0 = d.x; }); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, x1 - x0 + root.dx * 2+40]); const g = svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("transform", `translate(${100},${root.dx - x0})`); const link = g.append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5) .selectAll("path") .data(root.links()) .join("path") .attr("stroke-dasharray", d=>d.source.height!=1?"":"3 2") .attr("stroke-width", d=>d.source.height!=1?"1.5":"1") .attr("d", d3.linkHorizontal() .x(d => dias(d.data["dia de confirmado"])+(!d.children?0:padding)) .y(d => d.x)); const node = g.append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("g") .data(root.descendants()) .join("g") .attr("transform", d => `translate(${dias(d.data["dia de confirmado"])+(!d.children?0:padding)},${d.x})`); node.append("circle") .attr("fill", d => color(d.data.covid)) .attr("opacity", d => d.depth>1?0.6:1) .attr("r", d => d.depth<2?5:3) ; node.append("text") .attr("dy", "0.31em") .attr("x", d => d.children ? -6 : 6) .attr("text-anchor", d => d.children ? "end" : "start") .attr("fill", d => color(d.data.covid)) .style("font-weight", d =>d.depth>1?400:700) .text(d => d.data.quien) .clone(true).lower() .attr("stroke", "white"); svg.append("g") .call(xAxis); return svg.node(); }32:T7ff,viewof CheckPointTable = { const diasInput = (d,i) => { const dd3 = text(d); dd3.input.style = "width:90%;margin-right: 1.0em; margin-left: 1.0em; text-align: left; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const nameInput = (d,i) => { const dd3 = text(d); dd3.input.style = "width:90%;margin-right: 1.0em; margin-left: 1.0em; text-align: left; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const vinculoInput = d => { const dd3 = select({ options: [ { label: "Confirmado", value: "confirmado" }, { label: "Confirmado Asintomático", value: "confirmado asintomático" }, { label: "Confirmado Negativo", value: "negativo" }, { label: "Sin datos", value: "no se sabe" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; const covidInput = d => { const dd3 = select({ options: [ { label: "Confirmado", value: "confirmado" }, { label: "Confirmado Asintomático", value: "confirmado asintomático" }, { label: "Confirmado Negativo", value: "negativo" }, { label: "Sin datos", value: "no se sabe" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; return tableInput({ width:"438px", rc:[ [20,'dias', 'Días desde el primer confirmado', 'input', diasInput], [40,'nombre', 'Nombre (todos distintos!)', 'input', nameInput], [40,'vinculo', '¿Relacionado con?', 'select', vinculoInput], [40,'vehicle', 'Covid19', 'select', covidInput] ], defaultRowValue:{dias: "0", nombre:"",vehicle: ""}, action:{add:true, remove:true}, title:'Personas involucradas', description:'Clickeá en <+> para agregar una persona.' }) }33:[{"id":"fad3facc2160374c46938ba66a74eb938d83e691276f82386e23509b6b628dfb8fcbfb6c38aedb3579012977cf418742f3050856e69ec683493cc1cbaa9ba354","href":"https://static.observableusercontent.com/files/fad3facc2160374c46938ba66a74eb938d83e691276f82386e23509b6b628dfb8fcbfb6c38aedb3579012977cf418742f3050856e69ec683493cc1cbaa9ba354","name":"grilla de contagios - escuela.csv","type":"text/csv","lastModified":1620846131454.194,"size":1750}] 2f:{"title":"Contagios en un aula","cells":[{"id":1,"value":"md`# Contagios en un aula\nEn el caso de una escuela de CABA (comuna 13) en que la docente dio positivo y se aisló toda la burbuja, los padres y las madres decidieron aislarse todes y en su mayoría, testearse todes.\n\nLas líneas muestran la relación entre los individuos (alumnos o familiares) y sus nexos epidemiológicos.\n\nEste es el resultado, con los testeos que se fueron haciendo en base a los días. \n\n**Esto no es un estudio científico ni mucho menos. Es un pedido desde las familias preocupadas al estado para que nos informe como corresponde**\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":333,"value":"legend = {\n const id = DOM.uid().id;\n return html`\n

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

\n ${document.createTextNode(name)}:${document.createTextNode(d3.format(\".0%\")(suma.get(name)/dataloaded.length))}\n

`)}\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"CheckPointTable.map(d=>d.nombre)","pinned":true,"hidden":false,"mode":"ojs"},{"id":466,"value":"suma = d3.rollup(dataloaded, v => v.length, d => d.covid)","pinned":true,"hidden":false,"mode":"ojs"},{"id":247,"value":"dias = d3.scaleLinear().domain(d3.extent(dataloaded, d=>d[\"dia de confirmado\"])).range([0,width*0.8])","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"tree = data => {\n const root = data;\n root.dx = 20;\n root.dy = width / (root.height + 1);\n return d3.tree().nodeSize([root.dx, root.dy])(root);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":282,"value":"xAxis = g => g\n .attr(\"transform\", `translate(100,500)`)\n .call(d3.axisBottom(dias))\n .call(g => {\n g.select(\".domain\").remove();\n g.select(\".tick\").select(\"line\").remove()\n g.select(\".tick\").select(\"text\").text(\"Días:\").attr(\"font-size\",14).attr(\"dy\",5);\n g.selectAll(\".tick\").selectAll(\"line\").attr(\"y1\",-500).attr(\"opacity\",0.1)\n \n }\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"data = d3.stratify()\n .id(d => d[\"quien\"])\n .parentId(d => d[\"vinculoCon\"])(dataloaded).sort((a, b) => d3.ascending(a.data.quien, b.data.quien))","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"value":"dataloaded = FileAttachment(\"grilla de contagios - escuela.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"width = 954","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"color = d3.scaleOrdinal().domain([\"confirmado\", \"confirmado asintomático\", \"negativo\",\"no se sabe\"]).range([\"red\",\"orange\",\"green\",\"silver\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":386,"value":"import {tableInput} from \"@linard-y/table-input\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":390,"value":"import {select, slider, radio, checkbox, text, date, time} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":322,"value":"import { swatches } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}