31:T4b7,{ if (busqueda.length > 0) { const timeline = aq.from(busqueda). groupby('start'). count(). derive({ day: d => op.date(d.start), time: d => op.hours(d.start) }) const stroke_color = '#a8a39f' return Plot.plot({ marginTop: 50, marginLeft: 50, marginBottom: 50, width: width < 500 ? width : 500, height: 450, style: { background: "#f8eeec" }, y: { grid: true, label: "horas", labelOffset: 40, labelAnchor: "center", tickSize: 0, zero: false, tickFormat: x => d3.format('.0f')(x), domain: [9,22] }, x: { inset: 0, ticks: 10, insetRight: true, padding: 0, tickSize: 0, label: "", domain: [3.5,14.5], label: "días", labelOffset: 40, labelAnchor: "center" }, marks: [ Plot.dot( timeline, { x: 'day', y: 'time', interval: d3.utcDay, fill: "#d6a392", fillOpacity: .9, stroke: "#d6a392", strokeOpacity: .2, strokeWidth: 7, insetRight: 20, r: 'count', } ) ] }) } else { return md`` }}32:T7d7,plot_timeline = (tiempo) => { const tiempo_hora = (hora) => { return new Date(tiempo.getFullYear(), tiempo.getMonth(), tiempo.getDate(), hora, 0, 0) } const tabla_eventos = aq.from(agenda).filter(aq.escape(d => op.date(d.end) == tiempo.getDate())) const desde = op.hours(tabla_eventos.rollup({'m': op.min('start')}).object()['m']) const horas_dia = 22 - desde return Plot.plot({ width:width, height: tabla_eventos.numRows() * 60, style: { background: "#f8eeec" }, color: { legend: true, columns: 2, className: 'leyenda', swatchSize: 10, }, x: { tickSize: 0, axis: 'top', grid: true, domain: d3.timeMinutes(tiempo_hora(desde - 8), tiempo_hora(23)), ticks: d3.timeTicks(tiempo_hora(desde), tiempo_hora(22), horas_dia), tickFormat: d => d.toLocaleTimeString("es-US", {hour: "numeric", hour12:false}) }, y: { axis: null }, marks: [ Plot.barX(tabla_eventos, { x1: "start", x2: "end", y: "contenido", title: d => `${d["contenido"]}\nen ${d['sala']} a las ${d3.timeFormat('%H:%M')(d['start'])}`, fill: 'sala', fillOpacity: .4, insetTop: 8, insetBottom: 8, stroke: '#a8a39f', sort: { y: "x1", reverse: false }, }), Plot.text(tabla_eventos.dedupe(['contenido']), { x: "start", y: "contenido", text: d => d.contenido ? d.contenido : d.tipo, textAnchor: "end", fill: '#827c78', dx: -6, lineWidth: 25, lineHeight: 1.3, fontSize: 9, stroke: '#f8eeec', fontStyle:"italic" }), Plot.text(tabla_eventos.orderby(['start', 'contenido']).groupby('start').slice(0, 1), { x: "start", y: "contenido", text: d => d3.timeFormat('%H:%M')(d["start"]), textAnchor: "start", fillOpacity: .6, fill: '#827c78', dy: -30, lineWidth: 25, lineHeight: 1.3, fontSize: 9, stroke: '#f8eeec' }) ] })}33:[{"id":"94e137c8f9f362b6dfca0dcbbf53776afce3ca4fb94300f39da7c7bac4d6f5337e036edf9c975c78f1a0f41a9dea5314e61b3e95ae59eb7ef863da50a096992c","href":"https://static.observableusercontent.com/files/94e137c8f9f362b6dfca0dcbbf53776afce3ca4fb94300f39da7c7bac4d6f5337e036edf9c975c78f1a0f41a9dea5314e61b3e95ae59eb7ef863da50a096992c","name":"programa.csv","type":"text/csv","lastModified":1659488305787.678,"size":59880}] 2f:{"title":"Feria Internacional del Libro de La Paz","cells":[{"id":0,"value":"# Feria Internacional del Libro de La Paz\n\n## Una agenda de eventos","pinned":false,"hidden":false,"mode":"md"},{"id":432,"value":"md`Desde el ${d3.timeFormat('%-d de %B')(desde)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":419,"value":"viewof dias_range = Inputs.range([op.date(dias[0]), op.date(dias.slice(-1)[0])], {\n value: continua_la_feria(now) ? op.date(now) : 4,\n step:1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1190,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"viewof busqueda = Inputs.search(agenda_dias, {placeholder: 'Buscar eventos'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof seleccion = eventos(busqueda)","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"evento_display(seleccion)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1398,"value":"viewof any_timeline = Inputs.button(md`Visualizar todos los eventos del **${d3.timeFormat(\"%-d de %B\")(new Date(2022,7,dias_range))}**`, {value: null, reduce: () => new Date(2022,7,dias_range)})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1393,"value":"{\n if (any_timeline) {\n return plot_timeline(any_timeline) \n } else {\n return md``\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"---\n\n## En este momento","pinned":false,"hidden":false,"mode":"md"},{"id":196,"value":"viewof button = html`

${Object.assign(html`