31:T86d,plot_cronograma = (eventos, caption) => { const colors = {main:'#49006a', note:'#717275', red:'#f27d6b'} const dateformat = {year:'numeric', month:'long', day:'numeric'} return Plot.plot({ caption: md`*${caption}*`, width:width, height: (eventos.numRows() * 30) + 50, style: { background: "white", color: colors.note }, y: { axis: null, label: null, tickSize: 0, }, x: { label: null, axis: 'top', tickSize: 0, grid: true, domain: [duracion_proyecto.start, duracion_proyecto.end] }, marks: [ Plot.barX([hoy], { x1: duracion_proyecto.start, x2: (d) => d, fill: colors.note, fillOpacity: .1 }), Plot.ruleX([dia_del_censo['start']], { stroke: colors.red, strokeWidth: 1 }), Plot.text([dia_del_censo], { x: 'start', frameAnchor: 'top', textAnchor: 'start', dx: 5, fill: colors.red, text: ['día del censo'], fontStyle: 'italic' }), Plot.ruleY(eventos, { x1: 'start', x2: 'end', y: 'subject', title: d => `${d.subject}\n${d.start.toLocaleString('es-MX', dateformat)} - ${d.end.toLocaleString('es-MX', dateformat)}`, stroke: colors.main, strokeOpacity: d => d.subject == d.subject.toUpperCase() ? 1. : .4, strokeWidth: 6, fillOpacity: .3, sort: { y: 'x1' } }), Plot.ruleY(eventos, Plot.pointer({ x1: 'start', x2: 'end', y: 'subject', stroke: colors.main, strokeOpacity: d => d.subject == d.subject.toUpperCase() ? 1. : .4, strokeWidth: 6, fillOpacity: 1., sort: { y: 'x1' } })), Plot.text(eventos, { x: 'middle', y: 'subject', fill: colors.main, fillOpacity: d => d.subject == d.subject.toUpperCase() ? 1. : .7, text: d => d.subject.toLowerCase(), frameAnchor: 'middle', lineHeight: -3, sort: { y: 'x' } }) ] }) }32:[] 2f:{"title":"Cronograma del censo","cells":[{"id":0,"value":"# Cronograma del censo\n## Como estaba definido hasta el 3 de Septiembre de 2022","pinned":false,"hidden":false,"mode":"md"},{"id":69,"value":"viewof vista_cronograma = plot_cronograma(cronograma.filter(d => d.start).orderby('start'), \"Actividades en el cronograma del censo que cuentan con fechas de inicio y fin ordenadas según la fecha de inicio\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"vista_cronograma ? display_tareas(vista_cronograma) : md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":133,"value":"viewof busqueda_cronograma = Inputs.search(cronograma, {placeholder: 'Busca tareas', format: d => `${d} tareas`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"viewof tarea = Inputs.table(busqueda_cronograma, {\n multiple: false,\n sort: 'start',\n columns: ['start', 'end', 'subject'],\n header: {'start': \"Inicio\", 'end': 'Fin', 'subject': 'Tarea'},\n format: {\n subject: d => htl.html`${d}`,\n },\n width: {\n 'start': 70, 'end': 70\n },\n rows: 15,\n value: cronograma_json[897]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"{\n if (tarea) {\n const tarea_principal = display_tarea(tarea)\n const subtareas = display_subtareas(tarea.children)\n return wrap(\n tarea_principal,\n subtareas\n )\n } else {\n return md``\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":51,"value":"Data","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"cronograma_json = d3.json('https://mauforonda.github.io/canceles_elevando/data/cronograma/cronograma.json')","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"cronograma = aq.from(Object.values(cronograma_json)).\n derive({\n start: d => op.parse_date(d.start),\n end: d => op.parse_date(d.end)\n }).derive({\n middle: aq.escape(d => d.start ? op.parse_date((d.start.getTime() + d.end.getTime()) / 2) : null)\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"Algunas variables","pinned":false,"hidden":false,"mode":"md"},{"id":20,"value":"duracion_proyecto = ({\n start: aq.agg(cronograma, op.min('start')),\n end: aq.agg(cronograma, op.max('end'))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"dia_del_censo = cronograma.filter(d => d.subject == 'Ejecución Operativa del Censo').object()","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"hoy = new Date()","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"Dependencias","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"import {aq, op} from \"@uwdata/arquero\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"Plot","pinned":false,"hidden":false,"mode":"md"},{"id":24,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"Presentación de tareas","pinned":false,"hidden":false,"mode":"md"},{"id":141,"value":"function clone(elements) {\n return elements.map(e => e.cloneNode(true));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"wrap = (...elems) => {\n const div = document.createElement(\"div\");\n elems.forEach(el => div.appendChild(el));\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"display_tarea = (tarea) => {\n return htl.html`\n

${tarea.subject}

\n ${tarea.start == null ? '' : \"desde el \" + tarea.start.toLocaleString('es-MX', {day: \"numeric\", month: \"long\", year: \"numeric\"})}\n ${tarea.end == null ? '' : \"hasta el \" + tarea.end.toLocaleString('es-MX', {day: \"numeric\", month: \"long\", year: \"numeric\"})}\n

${tarea.description ? md`${tarea.description}` : md``}

\n `\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"display_subtareas = (subtareas) => {\n if (subtareas) {\n const subtareas_array = html`

Subtareas

\n ${clone(subtareas.map(c => display_tarea(cronograma_json[c]))).map(a => html`

${a}

`)}\n

`\n return subtareas_array\n } else {\n return md``\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"display_tareas = (tarea) => {\n if (tarea) {\n const tarea_principal = display_tarea(tarea)\n const subtareas = display_subtareas(tarea.children)\n return wrap(\n tarea_principal,\n subtareas\n )\n } else {\n return md``\n }\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}