31:T462,viewof anhour = { const scaleOptions = {tickSize: 0, label: null} const hourPlot = Plot.plot({ width: 380, height: 380, inset: 10, marginBottom: 0, marginTop: 50, style: {color: colors.mainText, background: colors.feedBackground}, x: {...scaleOptions, axis: 'top', ticks: 15}, y: {...scaleOptions, reverse: true, ticks: 5, tickFormat: (d) => `${d} hr`}, marks:[ Plot.dot(hourCount, { x: 'day', y: 'hour', r: 'count', stroke: colors.secondaryText }), Plot.dot(hourCount, Plot.pointer({ x: 'day', y: 'hour', r: 'count', fill: colors.mainText, })), Plot.dot(currently, { x: 'day', y: 'hour', r: 11, stroke: colors.highlight, strokeOpacity: .3, strokeWidth: 3.5, title: (d) => 'ahora!' }), Plot.text(['días de Agosto'], { frameAnchor: 'top', dy: -45, fontFamily: 'Archivo', fill: colors.secondaryText }) ] }) return view`

${["hourPlot", hourPlot]}

` }32:T504,style = html`

`33:[{"id":"89fb7433baaa7368c3e2dd5053e05c71065e9ee44bce46bedf8b261232f97f80d338b14959dc87fe8974865eea7ac38955e6fbb5c37c098d2ad86325dcaf55cf","href":"https://static.observableusercontent.com/files/89fb7433baaa7368c3e2dd5053e05c71065e9ee44bce46bedf8b261232f97f80d338b14959dc87fe8974865eea7ac38955e6fbb5c37c098d2ad86325dcaf55cf","name":"fil@2.json","type":"application/json","lastModified":1690916339242.869,"size":110809}] 2f:{"title":"Feria Internacional del Libro de La Paz","cells":[{"id":281,"value":"header = htl.html`\n

Feria Internacional del Libro de La Paz

\n\n

Feria Internacional del Libro

de La Paz

\n\n

\n \n ${ anhour.hourPlot ? fil_tered.length + (fil_tered.length > 1 ? \" eventos\" : \" evento\") + \" el \" + anhour.hourPlot.day + \" de Agosto a las \" + anhour.hourPlot.hour : fil.length + \" eventos\"}\n \n

\n\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"feed = {\n const container = html`

`\n const div = html`

`;\n fil_tered.slice(0,35).forEach(i => div.appendChild(i.body));\n container.appendChild(div);\n return container\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":543,"value":"import {view} from '@tomlarkworthy/view'","pinned":false,"hidden":false,"mode":"ojs"},{"id":471,"value":"currently = {\n const fil_start = new Date(2023, 7, 2, 0, 0)\n const fil_end = new Date(2023, 7, 14, 0, 0)\n const now = new Date(Date.now())\n // const now = new Date(2023, 7, 7, 19, 1)\n const hours = now.getHours()\n if (fil_start < now && now < fil_end && 10 <= hours && hours < 22) {\n return [{day: now.getDate(), hour: hours}]\n } else {\n return []\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":373,"value":"fil_tered = anhour.hourPlot ? fil.filter(i => i.day == anhour.hourPlot.day && i.hour == anhour.hourPlot.hour) : []","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"fil = {\n const f = await FileAttachment(\"fil@2.json\").json()\n let events = []\n f.forEach((i) => {\n const start = new Date(Date.parse(i.start))\n const end = new Date(Date.parse(i.end))\n const body = card(i.body, i.place, i.start, i.end)\n events.push({\n start: start,\n end: end,\n body: body,\n plain: i.body.join(\" \"),\n day: start.getDate(),\n hour: start.getHours()\n })\n })\n return events\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"hourCount = Object.values(fil.reduce((acc, obj) => {\n const day = obj.start.getDate()\n const hour = obj.start.getHours()\n const key = `${day}-${hour}`;\n acc[key] = acc[key] || { day: day, hour: hour, count: 0 };\n acc[key].count++;\n return acc;\n}, {}));","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"colors = ({\n border: \"#c7cfd9\",\n mainText: \"#49515B\",\n secondaryText: \"#b9bfc7\",\n feedBackground: \"#fff\",\n cardBackground: \"#fff\",\n highlight: '#CC9333'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"card = (body, place, start, end) => {\n const details = body.slice(1).map(i => `

${i}

`).join(\" \")\n return htl.html`\n

${body[0]}

\n ${html`${details}`}\n

\n \n ${fmt.long.format(Date.parse(start))} - \n ${end ? fmt.short.format(Date.parse(end)) : ''} \n \n ${place}\n

\n `\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"fmt = ({\n long: new Intl.DateTimeFormat('es', { weekday: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric' }),\n short: new Intl.DateTimeFormat('es', { hour: 'numeric', minute: 'numeric' })\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}