28:null 29:["$","title",null,{"children":"CDC Vouchers Locations | Lim Chee Aun | Observable"}] 2e:T4ea,currentMarkers = { let currentMarkers = []; invalidation.then(() => { currentMarkers.forEach((m) => m.remove?.()); }); currentMarkers = cleanedLocations.map(({ lat, lng, type, data }) => { const isSupermarket = /supermarket/i.test(type); const marker = L.circleMarker([lat, lng], { color: isSupermarket ? "Crimson" : "RoyalBlue", weight: 5, radius: Math.max(3, Math.min(6, data.length)), className: `marker ${isSupermarket ? "supermarket" : "hawker"}` }).addTo(map); const html = `

${ d.filters?.secondary?.budgetmeal ? 'Budget ' : "" }${ d.name } ↗
${ d.address } ↗

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"viewof mapTile = {\n const styles = [\n {\n name: \"CartoDB Voyager\",\n url: \"https://c.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}@2x.png\"\n },\n {\n name: \"CartoDB Positron\",\n url: \"https://b.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png\"\n },\n {\n name: \"OpenStreetMap\",\n url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"\n },\n {\n name: \"OSM Bright\",\n value: \"osm-bright\",\n url: \"https://tiles.stadiamaps.com/tiles/osm_bright/{z}/{x}/{y}@2x.png\"\n },\n {\n name: \"Alidade Smooth\",\n value: \"alidade-smooth\",\n url: \"https://tiles.stadiamaps.com/tiles/alidade_smooth/{z}/{x}/{y}@2x.png\"\n }\n ];\n return Inputs.radio(styles, {\n label: \"Map style\",\n value: styles[0].url,\n format: (x) => x.name,\n valueof: (x) => x.url\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"**Location(s) without coordinates** (${locationsWithoutCoords.length}) - not shown on the map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":542,"value":"viewof table1 = Inputs.table(locationsWithoutCoords, tableOptions)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"## Data\n\nData from **[CDCVouchersGoWhere](https://www.gowhere.gov.sg/cdcvouchers)**. Updated as of **${data.lastUpdated}**. Supermarkets data updated as of **${supermarkets.lastUpdated}**.\n\nIf you're interested to see what's changed, look at **[cheeaun/sg60-cdc-vouchers-locations-changelog](https://github.com/cheeaun/sg60-cdc-vouchers-locations-changelog?tab=readme-ov-file)**.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":267,"value":"---\n\n## Random data vizualization\n\n### Plot of `lastResetDate` for locations\n\nEvery location has a `lastResetDate`. This chart plots them on a calendar-like table with colors scale by how many locations per day. Note that they are not \"last added date\". I've seen some places have their `lastResetDate` change for some reason.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":835,"value":"Plot.plot({\n facet: {\n data: locationsCount,\n y: (d) => `${d.date.getFullYear()}`\n },\n padding: 0,\n color: {\n type: \"sqrt\",\n scheme: \"GnBu\"\n },\n y: { tickFormat: Plot.formatMonth(\"en\", \"short\") },\n width: width,\n marks: [\n Plot.ruleX(\n Array.from({ length: 31 }, (_, i) => i + 1).filter(\n (date) => date % 7 === 0\n ),\n { x: (d) => d, stroke: \"#f3f3f3\", strokeWidth: width / 31 }\n ),\n Plot.cell(\n locationsCount,\n Plot.group(\n { fill: \"max\" },\n {\n x: (d) => d.date.getDate(),\n y: (d) => d.date.getMonth(),\n fill: \"count\",\n inset: 0.5\n }\n )\n ),\n Plot.text(locationsCount, {\n x: (d) => d.date.getDate(),\n y: (d) => d.date.getMonth(),\n text: (d) => d.count,\n fill: \"black\",\n stroke: \"white\"\n }),\n Plot.ruleY(\n Array.from(new Set(locationsCount.map((d) => d.date.getFullYear()))),\n { y: \"month\" }\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"---\n\n## Data and code\n\nIgnore this part if you're not a programmer.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"map = {\n // const container = yield htl.html`

`;\n const map = L.map(container).setView(defaultCenter, defaultZoom);\n map.zoomControl.setPosition(\"topright\");\n\n const tileURL = mapTile;\n L.tileLayer(tileURL, {\n attribution:\n \"© OpenStreetMap contributors\"\n }).addTo(map);\n\n map.on(\"zoomend\", () => {\n const zoom = map.getZoom();\n container.style.setProperty(\"--map-zoom\", zoom);\n });\n\n invalidation.then(() => map.remove());\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":567,"value":"// If item is selected in table, pan to location on map\n{\n if (table) {\n map.flyTo([table.LAT, table.LON]);\n }\n return table;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"data = fetch(\n \"https://prd-tmp.cdn.gowhere.gov.sg/assets/cdcvouchersgowhere/data.gzip?v=2\"\n).then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"supermarkets = fetch(\n \"https://prd-tmp.cdn.gowhere.gov.sg/assets/cdcvouchersgowhere/data_supermarket.json?v=2\"\n).then((r) => r.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"locations = [\n ...data.locations.map((l) => {\n // Clean up the address\n let regex = l.postalCode\n ? new RegExp(`\\\\s+S\$${l.postalCode}\$\\\\b`)\n : /\\s+S(\\d{6})\\b/;\n l.address = l.address.replace(/;$/, \"\").replace(regex, \" $1\");\n l._fullAddress = l.name + \", \" + l.address;\n return l;\n }),\n ...supermarkets.locations.map((l) => {\n if (l.postalCode && !/\\d{6}/.test(l)) {\n l.address += \", \" + l.postalCode;\n }\n l._fullAddress = l.name + \", \" + l.address;\n return l;\n })\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"filtersMap = Object.fromEntries(filters.map((f) => [f.value, true]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"filteredLocations = locations.filter((l) => {\n if (filters.length) {\n if (filtersMap.budgetmeal && l.filters?.secondary?.budgetmeal) return true;\n if (filtersMap.supermarket && l.filters?.vouchers?.supermarket) return true;\n if (\n filtersMap.hawker_heartland_merchant &&\n l.filters?.vouchers?.hawker_heartland_merchant\n )\n return true;\n return false;\n }\n return true;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"locationsWithCoords = locations.filter((l) => l.LAT && l.LON)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":537,"value":"locationsWithoutCoords = locations.filter((l) => !l.LAT || !l.LON)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"cleanedLocations = {\n let data = [];\n const latLons = {};\n let i = 0;\n search.forEach((l) => {\n const { LAT, LON, type } = l;\n if (LAT && LON) {\n const accuracy = 8;\n const lat = LAT.toFixed(accuracy);\n const lng = LON.toFixed(accuracy);\n const key = `${lat},${lng}-type`;\n const index = latLons[key];\n const hasCoords = index >= 0;\n if (hasCoords) {\n data[index].data.push(l);\n } else {\n data.push({\n lat: +lat,\n lng: +lng,\n type,\n data: [l]\n });\n latLons[key] = i++;\n }\n }\n });\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"locationsWithBudgetMeal = locations.filter(\n (l) => l.filters?.secondary?.budgetmeal\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"defaultCenter = [1.3521, 103.8198];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"defaultZoom = 11","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"tableOptions = {\n return {\n select: false,\n sort: \"name\",\n columns: [\"name\", \"address\", /*\"LAT\", \"LON\", */ \"filters\"],\n rows: 8,\n header: {\n name: \"Name\",\n address: \"Address\",\n filters: \"\"\n },\n width: {\n LAT: 60,\n LON: 60,\n filters: 32\n },\n format: {\n name: (n) =>\n htl.html`${n} ↗`,\n address: (a) =>\n htl.html`${a} ↗`,\n filters: (f) =>\n htl.html`${f.vouchers?.supermarket ? \"🔴\" : \"\"}${\n f.vouchers?.hawker_heartland_merchant ? \"🔵\" : \"\"\n }${f.secondary?.budgetmeal ? \"🍜\" : \"\"}`\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":656,"value":"locationsCount = {\n const locationsCount = {};\n const { locations } = data;\n locations.forEach((l) => {\n locationsCount[l.lastResetDate]\n ? locationsCount[l.lastResetDate]++\n : (locationsCount[l.lastResetDate] = 1);\n });\n return Object.entries(locationsCount).map(([k, v]) => ({\n date: new Date(k),\n count: v\n }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"