2f:null 30:["$","title",null,{"children":"Feria Internacional del Libro de La Paz | Mauricio Foronda | Observable"}] 35: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]}

` }36:T504,style = html`

`37:[{"id":"89fb7433baaa7368c3e2dd5053e05c71065e9ee44bce46bedf8b261232f97f80d338b14959dc87fe8974865eea7ac38955e6fbb5c37c098d2ad86325dcaf55cf","href":"https://static.observableusercontent.com/files/89fb7433baaa7368c3e2dd5053e05c71065e9ee44bce46bedf8b261232f97f80d338b14959dc87fe8974865eea7ac38955e6fbb5c37c098d2ad86325dcaf55cf","name":"fil@2.json","type":"application/json","lastModified":1690916339242.869,"size":110809}] 33:{"id":"ba45eb9e944bb5e8","slug":"feria-internacional-del-libro-de-la-paz_2023","title":"Feria Internacional del Libro de La Paz","thumbnail":"3adb66178a72d79babb69dbbe386c5397fcdbf34c21f4f15cf93cfd03f771b2b","access_level":"public","create_time":"$D2023-08-01T05:27:20.978Z","update_time":"$D2023-08-02T14:23:05.362Z","view_time":null,"first_public_time":"$D2023-08-01T05:27:20.978Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda","avatar_url":"https://avatars-next.observableusercontent.com/4cc3af3b792916571df54649e193dbdbf80a875b4e37b1def6ecb0480c561075","tier":"starter_2024"},"version":610,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null}],"members":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":543,"value":"import {view} from '@tomlarkworthy/view'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 34:"$33:body"