31:T44e,Plot.plot({ height: 300, marginTop: 30, title: "Which city goes to bed the latest?", subtitle: `Opening and closing times of the ~100 most popular restaurants in ${colorLegend.domain.join( ", " )}.`, x: { label: "Closing time", domain: [0, d3.max(openClose, (d) => d.close)] }, y: { label: "Opening time", domain: [0, d3.max(openClose, (d) => d.open) + 3] }, color: colorLegend, //color: { legend: true }, marks: [ Plot.ruleX([24], { strokeDasharray: 2 }), Plot.dot(openClose, { x: "close", y: "open", fill: "key" }), Plot.tip( openClose, Plot.pointer({ x: "close", y: "open", title: (d) => { const closeLabel = d.close > 24 ? `(24 + ${d.close - 24})` : ``; return [ `${d.name} (${d.key})`, `Open: ${d.open}`, `Close: ${d.close} ${closeLabel}` ].join("\n"); } }) ), Plot.tip([`Midnight`], { x: 24, y: d3.max(openClose, (d) => d.open) + 2, dy: 0, anchor: "bottom" }) ] })32:T489,htl.html`

${Plot.plot({ title: "What time do restaurants open?", marginLeft: 60, color: colorLegend, x: { domain: [0, d3.max(openClose, (d) => d.close)] }, y: { label: null }, marks: [ Plot.dot(openClose, { x: "open", y: "key", fill: "key", tip: true, title: (d) => { const closeLabel = d.close > 24 ? `(24 + ${d.close - 24})` : ``; return [ `${d.name} (${d.key})`, `Open: ${d.open}`, `Close: ${d.close} ${closeLabel}` ].join("\n"); } }) ] })} ${Plot.plot({ title: "What time do restaurants close?", marginLeft: 60, color: colorLegend, x: { domain: [0, d3.max(openClose, (d) => d.close)] }, y: { label: null }, marks: [ Plot.ruleX([24], { strokeDasharray: 2 }), Plot.dot(openClose, { x: "close", y: "key", fill: "key", tip: true, title: (d) => { const closeLabel = d.close > 24 ? `(24 + ${d.close - 24})` : ``; return [ `${d.name} (${d.key})`, `Open: ${d.open}`, `Close: ${d.close} ${closeLabel}` ].join("\n"); } }) ] })}

`33:T4b2,Plot.plot({ height: 275, marginTop: 30, title: "Which city goes to bed the latest on weekends?", subtitle: `Opening and closing times average of the ~100 most popular restaurants in ${colorLegend.domain.join( ", " )}.`, x: { label: "Closing time", domain: [0, d3.max(openCloseWeekends, (d) => d.closeWEEK)] }, y: { label: "Opening time", domain: [0, d3.max(openCloseWeekends, (d) => d.openWEEK) + 3] }, color: colorLegend, //color: { legend: true }, marks: [ Plot.ruleX([24], { strokeDasharray: 2 }), Plot.dot(openCloseWeekends, { x: "closeWEEK", y: "openWEEK", fill: "key" }), Plot.tip( openCloseWeekends, Plot.pointer({ x: "closeWEEK", y: "openWEEK", title: (d) => { const closeLabel = d.close > 24 ? `(24 + ${d.closeWEEK - 24})` : ``; return [ `${d.name} (${d.key})`, `Open: ${d.openWEEK}`, `Close: ${d.closeWEEK} ${closeLabel}` ].join("\n"); } }) ), Plot.tip([`Midnight`], { x: 24, y: d3.max(openCloseWeekends, (d) => d.openWEEK) + 2, dy: 0, anchor: "bottom" }) ] })34:T4b3,Plot.plot({ height: 275, marginTop: 30, title: "Which city goes to bed the latest the rest of the week?", subtitle: `Opening and closing times of the ~100 most popular restaurants in ${colorLegend.domain.join( ", " )}.`, x: { label: "Closing time", domain: [0, d3.max(openCloseWeekends, (d) => d.closeWKND)] }, y: { label: "Opening time", domain: [0, d3.max(openCloseWeekends, (d) => d.openWKND) + 3] }, color: colorLegend, //color: { legend: true }, marks: [ Plot.ruleX([24], { strokeDasharray: 2 }), Plot.dot(openCloseWeekends, { x: "closeWKND", y: "openWKND", fill: "key" }), Plot.tip( openCloseWeekends, Plot.pointer({ x: "closeWKND", y: "openWKND", title: (d) => { const closeLabel = d.close > 24 ? `(24 + ${d.closeWKND - 24})` : ``; return [ `${d.name} (${d.key})`, `Open: ${d.openWKND}`, `Close: ${d.closeWKND} ${closeLabel}` ].join("\n"); } }) ), Plot.tip([`Midnight`], { x: 24, y: d3.max(openCloseWeekends, (d) => d.openWKND) + 2, dy: 0, anchor: "bottom" }) ] })35:T7fd,viewof map = { const container = html`

`; yield container; // Give the container dimensions. const map = (container.value = new mapboxgl.Map({ container, center: [8.3365836, 45.6228075], zoom: 3.5, style: "mapbox://styles/mapbox/light-v10", preserveDrawingBuffer: true })); invalidation.then(() => map.remove()); const popup = new mapboxgl.Popup({ offset: [0, -7], closeButton: false, closeOnClick: false }); map.on("load", () => { map.addSource("places", { type: "geojson", data: placesGeo }); const layer = map.addLayer({ id: "places-layer", type: "circle", source: "places", paint: { "circle-color": circleColor, "circle-radius": 6, "circle-stroke-width": 0.75, "circle-stroke-color": "black" } }); map.on("mousemove", "places-layer", (e) => { map.getCanvas().style.cursor = "pointer"; // Copy coordinates array. const coordinates = e.features[0].geometry.coordinates.slice(); const { key, name } = e.features[0].properties; // Ensure that if the map is zoomed out such that multiple // copies of the feature are visible, the popup appears // over the copy being pointed to. while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; } // Populate the popup and set its coordinates // based on the feature found. popup .setLngLat(coordinates) .setHTML(`${name} (${key})`) .addTo(map); }); map.on("mouseleave", "places-layer", () => { map.getCanvas().style.cursor = ""; popup.remove(); }); let zoomed = false; map.on("idle", function () { if (map.isSourceLoaded("places")) { if (zoomed === false) { map.fitBounds(turf.bbox(placesGeo), { padding: 50 }); zoomed = true; } } }); // }); }36:T488,openClose = allPlaces .map((city) => { return city.places .filter((place) => place.currentOpeningHours) .map(convertTo24h) .map((place, i) => { const { currentOpeningHours24h } = place; let openMedian = []; let closeMedian = []; if (currentOpeningHours24h.periods.length) { openMedian = d3.median( currentOpeningHours24h.periods, (d) => d.open.hour ); closeMedian = d3.median( currentOpeningHours24h.periods, (d) => d.close.hour2 ); } return { id: place.id, key: city.key, name: place.displayName.text, open: openMedian, close: closeMedian, index: i }; }); }) .flat() .filter((d) => { if (uniquePlaces.includes(d.id)) { return false; } else { mutable uniquePlaces.push(d.id); return true; } }) .sort((a, b) => { if (a.key === "Madrid" || a.key === "Barcelona") { return 1; } if (b.key === "Madrid" || b.key === "Barcelona") { return -1; } return 0; })37:T828,openCloseWeekends = allPlaces //.filter((city) => city.key === "Barcelona") .map((city) => { return city.places .filter((place) => place.currentOpeningHours) .map(convertTo24h) .map((place, i) => { const { currentOpeningHours24h } = place; let openMean = undefined; let closeMean = undefined; let openMeanWKND = undefined; let closeMeanWKND = undefined; let openMeanWEEK = undefined; let closeMeanWEEK = undefined; ///// all week if (currentOpeningHours24h.periods.length) { openMean = d3.mean( currentOpeningHours24h.periods, (d) => d.open.hour ); closeMean = d3.mean( currentOpeningHours24h.periods, (d) => d.close.hour2 ); } /// weekends if ( currentOpeningHours24h.weekdayDescriptions && currentOpeningHours24h.weekdayDescriptions.length ) { const weekends = currentOpeningHours24h.periods.filter((day, i) => { return day.close.day === 4 || day.close.day === 5; }); openMeanWKND = d3.mean(weekends, (d) => d.open.hour); closeMeanWKND = d3.mean(weekends, (d) => d.close.hour2); } //// rest of the week if ( currentOpeningHours24h.weekdayDescriptions && currentOpeningHours24h.weekdayDescriptions.length ) { const weekends = currentOpeningHours24h.periods.filter((day, i) => { return day.close.day !== 4 || day.close.day !== 5; }); openMeanWEEK = d3.mean(weekends, (d) => d.open.hour); closeMeanWEEK = d3.mean(weekends, (d) => d.close.hour2); } return { id: place.id, key: city.key, name: place.displayName.text, open: openMean, close: closeMean, openWKND: openMeanWKND, closeWKND: closeMeanWKND, openWEEK: openMeanWEEK, closeWEEK: closeMeanWEEK }; }); }) .flat()38:[{"id":"50d90a768048d72042613e07d89f4c013f136a8f7fc2cbb3e11e279bab019844f61ee22dc38dbb74c8a28ef00d3f57f9eb1fd677ba10f485c2e439a3921152f2","href":"https://static.observableusercontent.com/files/50d90a768048d72042613e07d89f4c013f136a8f7fc2cbb3e11e279bab019844f61ee22dc38dbb74c8a28ef00d3f57f9eb1fd677ba10f485c2e439a3921152f2","name":"berlin_rome.json","type":"application/json","lastModified":1710152441817.348,"size":1913775},{"id":"78944305a7d792b9a8b61b2a64f9ee362170a137927ba104a2b473470ae2891dfa40e214b97e4f1cb3c9a4bdf2171583ea12cfad46e111cd79a67a870cdc4e85","href":"https://static.observableusercontent.com/files/78944305a7d792b9a8b61b2a64f9ee362170a137927ba104a2b473470ae2891dfa40e214b97e4f1cb3c9a4bdf2171583ea12cfad46e111cd79a67a870cdc4e85","name":"Barcelona.json","type":"application/json","lastModified":1709747753229.255,"size":369834},{"id":"c7dd622d3dcffa4c925f204c287be4beb0202f14ad8eff6df1679e1251c8207191caa2c5c556d8f6421b2de074010e6c61aead7918ce87babae919b30b55b883","href":"https://static.observableusercontent.com/files/c7dd622d3dcffa4c925f204c287be4beb0202f14ad8eff6df1679e1251c8207191caa2c5c556d8f6421b2de074010e6c61aead7918ce87babae919b30b55b883","name":"Madrid.json","type":"application/json","lastModified":1709747753353.279,"size":371840},{"id":"2f0436169a4fcc629e8be9afbe476e02959879c710a7a07f6990cea63f47f9c3e4b62828522a9b34f61b512feda61f6aef136bafd05919f03e0d51f881b97700","href":"https://static.observableusercontent.com/files/2f0436169a4fcc629e8be9afbe476e02959879c710a7a07f6990cea63f47f9c3e4b62828522a9b34f61b512feda61f6aef136bafd05919f03e0d51f881b97700","name":"Berlin.json","type":"application/json","lastModified":1709812628742.666,"size":353878},{"id":"3bb781d96205cbdac3c8772ba964d2b5433b697eb6f78514aac0e9bfe2bcbedb08c7cdabc82f6b3c6ee4ce0bd4fb5200f1876f78dc46295ac8c33d2026f60615","href":"https://static.observableusercontent.com/files/3bb781d96205cbdac3c8772ba964d2b5433b697eb6f78514aac0e9bfe2bcbedb08c7cdabc82f6b3c6ee4ce0bd4fb5200f1876f78dc46295ac8c33d2026f60615","name":"Paris.json","type":"application/json","lastModified":1709812628774.924,"size":372247},{"id":"75bb718abf8eeb4e5c300b1494909c6e656876312903ba38b37ff17e0f418a436dcaa4d818430fc5718d44faaef65f6cec5fe21c81ade8d6b16bd0950be7b917","href":"https://static.observableusercontent.com/files/75bb718abf8eeb4e5c300b1494909c6e656876312903ba38b37ff17e0f418a436dcaa4d818430fc5718d44faaef65f6cec5fe21c81ade8d6b16bd0950be7b917","name":"Vienna.json","type":"application/json","lastModified":1709818016321.406,"size":348233},{"id":"a5113e52da3050f92d32ab177fc31ef91ddbd23fc597718728c718f9cc5c204254b459f4785d2e0a578f6f790853245c29975a671d8ef156dbcbef46eb58eafc","href":"https://static.observableusercontent.com/files/a5113e52da3050f92d32ab177fc31ef91ddbd23fc597718728c718f9cc5c204254b459f4785d2e0a578f6f790853245c29975a671d8ef156dbcbef46eb58eafc","name":"Hamburg.json","type":"application/json","lastModified":1709818794405.775,"size":389803},{"id":"ef5a670d439c8198a14d8bf5f314ce6653487d82e9d67aea53d060ee8fceeed5344ef04e6fa69f0c39b8765eaf48733919be713a45f65abfe4a868888e2864b6","href":"https://static.observableusercontent.com/files/ef5a670d439c8198a14d8bf5f314ce6653487d82e9d67aea53d060ee8fceeed5344ef04e6fa69f0c39b8765eaf48733919be713a45f65abfe4a868888e2864b6","name":"madrid_barcelona_vienna.json","type":"application/json","lastModified":1709919062885.948,"size":3135793},{"id":"ef5a670d439c8198a14d8bf5f314ce6653487d82e9d67aea53d060ee8fceeed5344ef04e6fa69f0c39b8765eaf48733919be713a45f65abfe4a868888e2864b6","href":"https://static.observableusercontent.com/files/ef5a670d439c8198a14d8bf5f314ce6653487d82e9d67aea53d060ee8fceeed5344ef04e6fa69f0c39b8765eaf48733919be713a45f65abfe4a868888e2864b6","name":"madrid_barcelona_vienna@1.json","type":"application/json","lastModified":1709919106419.441,"size":3135793}] 2f:{"title":"EDA Google Places","cells":[{"id":0,"value":"# EDA Google Places\nPlotting opening and closing times of popular restaurants in some European cities with data from Google Places. Here we analyze ${allPlaces.map(({ key, places }) => `${places.length} places from ${key}`).join(\", \")}.\n","pinned":false,"hidden":false,"mode":"md"},{"id":250,"value":"viewof excludeOthers = Inputs.toggle({\n label: \"Color all cities\",\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":873,"value":"htl.html`

\n${Plot.plot({\n marginTop: 0,\n title: \"Percentage of restaurants that close after midnight\",\n subtitle: \"On weekends\",\n marginLeft: 60,\n color: colorLegend,\n x: { tickFormat: \"%\", label: null, domain: [0, 0.5] },\n y: { label: null },\n marks: [\n Plot.barX(percents, {\n x: \"wknd\",\n y: \"key\",\n fill: \"key\",\n sort: { y: \"x\", reverse: true },\n tip: true\n }),\n Plot.ruleX([0])\n ]\n})}

${Plot.plot({\n marginTop: 0,\n title: \"Percentage of restaurants that close after midnight\",\n subtitle: \"On weekdays\",\n marginLeft: 60,\n x: { tickFormat: \"%\", label: null, domain: [0, 0.5] },\n y: { label: null },\n color: colorLegend,\n marks: [\n Plot.barX(percents, {\n x: \"week\",\n y: \"key\",\n fill: \"key\",\n sort: { y: \"x\", reverse: true },\n tip: true\n }),\n Plot.ruleX([0])\n ]\n})}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":783,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":786,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":475,"value":"Plot.plot({\n marginRight: 60,\n title: \"Which city goes to bed the latest?\",\n subtitle: `Opening and closing times of the ~100 most popular restaurants in ${colorLegend.domain.join(\n \", \"\n )}. (Sumed values)`,\n grid: true,\n fx: { axis: null },\n facet: { label: null },\n //fy: { axis: null },\n x: { label: \"Closing time\", nice: true, axis: \"both\" },\n y: { label: \"Opening time\", inset: 5 },\n color: colorLegend,\n //color: { legend: true },\n marks: [\n Plot.frame(),\n Plot.ruleX([24], { strokeDasharray: 2 }),,\n Plot.dot(sumPlaces, {\n x: \"x\",\n r: \"z\",\n y: \"y\",\n stroke: \"white\",\n strokeWidth: 0.4,\n fill: \"key\",\n fy: \"key\",\n tip: true\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":405,"value":"Plot.plot({\n title: \"Restaurants' opening hours\",\n fx: { padding: 0, label: \"key\" },\n x: { paddingOuter: 0.2, axis: null },\n height: 260,\n y: { grid: true },\n color: colorLegend,\n marks: [\n Plot.barY(\n openClose,\n Plot.groupX(\n { y2: \"count\" },\n {\n tip: true,\n x: \"key\",\n fx: \"open\",\n fill: \"key\",\n title: (d) => {\n const closeLabel = d.close > 24 ? `(24 + ${d.close - 24})` : ``;\n return [\n `${d.name} (${d.key})`,\n `Open: ${d.open}`,\n `Close: ${d.close} ${closeLabel}`\n ].join(\"\\n\");\n }\n }\n )\n ),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":650,"value":"Plot.plot({\n title: \"Restaurants' closing hours\",\n fx: { padding: 0, label: \"key\" },\n x: { paddingOuter: 0.2, axis: null },\n height: 260,\n y: { grid: true },\n color: colorLegend,\n marks: [\n Plot.barY(\n openClose,\n Plot.groupX(\n { y2: \"count\" },\n {\n tip: true,\n x: \"key\",\n fx: \"close\",\n fill: \"key\",\n title: (d) => {\n const closeLabel = d.close > 24 ? `(24 + ${d.close - 24})` : ``;\n return [\n `${d.name} (${d.key})`,\n `Open: ${d.open}`,\n `Close: ${d.close} ${closeLabel}`\n ].join(\"\\n\");\n }\n }\n )\n ),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"Plot.plot({\n title: \"Restaurants' opening hours\",\n height: 200,\n grid: true,\n facet: { data: openClose, x: \"key\" },\n color: colorLegend,\n marks: [\n Plot.rectY(\n openClose,\n Plot.binX(\n { y: \"count\" },\n { x: \"open\", thresholds: 6, fill: \"key\", tip: true }\n )\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"Plot.plot({\n title: \"Restaurants' closing hours\",\n height: 200,\n grid: true,\n facet: { data: openClose, x: \"key\" },\n color: colorLegend,\n marks: [\n Plot.rectY(\n openClose,\n Plot.binX(\n { y: \"count\" },\n { x: \"close\", thresholds: 6, fill: \"key\", tip: true }\n )\n ),\n Plot.ruleX([24], { strokeDasharray: 2 }),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":672,"value":"Plot.plot({\n title: \"Restaurants' closing hours\",\n subtitle: \"As histogram\",\n height: 200,\n grid: true,\n\n color: colorLegend,\n marks: [\n Plot.ruleX([24], { strokeDasharray: 2 }),\n Plot.rectY(\n openClose,\n Plot.binX(\n { y: \"count\" },\n { x: \"close\", thresholds: 22, fill: \"key\", tip: true }\n )\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"Plot.plot({\n title: \"Restaurants' opening hours\",\n subtitle: \"As histogram\",\n height: 200,\n grid: true,\n\n color: colorLegend,\n marks: [\n Plot.rectY(\n openClose,\n Plot.binX(\n { y: \"count\" },\n { x: \"open\", thresholds: 22, fill: \"key\", tip: true }\n )\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":526,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"Plot.plot({\n title: \"How long is each restaurant open for?\",\n height: 2500,\n marginLeft: 150,\n x: {\n axis: \"both\",\n grid: true,\n domain: [0, d3.max(openClose, (d) => d.close)]\n },\n y: { label: null, tickSize: 0 },\n color: colorLegend,\n marks: [\n Plot.ruleX([24], { strokeDasharray: 2 }),\n Plot.ruleY(\n byHours,\n Plot.groupY(\n { x1: \"min\", x2: \"max\" },\n { x: \"hour\", y: \"name\", stroke: \"#dddddd\", strokeWidth: 1 }\n )\n ),\n Plot.dot(byHours, {\n x: \"hour\",\n y: \"name\",\n r: 3,\n fill: \"key\",\n title: (d) => {\n const closeLabel = d.close > 24 ? `(24 + ${d.close - 24})` : ``;\n return [\n `${d.name} (${d.key})`,\n `Open: ${d.open}`,\n `Close: ${d.close} ${closeLabel}`\n ].join(\"\\n\");\n },\n sort: { y: \"x\", reverse: true },\n tip: true\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1005,"value":"### Closing times distribution on ${weekPortion === 'closeWEEK' ? 'weekdays': 'weekends'}.","pinned":false,"hidden":false,"mode":"md"},{"id":944,"value":"Plot.plot({\n height: 100,\n marks: [\n Plot.rectY(\n openCloseWeekends,\n Plot.binX({ y: \"count\" }, { x: weekPortion })\n ),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1015,"value":"___","pinned":false,"hidden":false,"mode":"md"},{"id":952,"value":"viewof weekPortion = Inputs.radio([\"closeWEEK\", \"closeWKND\"], {label: \"Select one\", value: \"closeWEEK\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":795,"value":"percents = Array.from(d3.group(openCloseWeekends, (d) => d.key)).map(\n ([key, values]) => {\n const n = values.length;\n const amnPlacesWKND = values.filter((d) => d.closeWKND > 24);\n const amnPlacesWEEK = values.filter((d) => d.closeWEEK > 24);\n const amnPlaces = values.filter((d) => d.close >= 24);\n\n //amn = after midnight\n /*\n console.log({\n key,\n n,\n amnPlacesValues: amnPlaces,\n amnPlacesWKNDValues: amnPlacesWKND,\n amnPlacesWEEKValues: amnPlacesWEEK,\n amnPlacesWKND: amnPlacesWKND.length,\n amnPlacesWEEK: amnPlacesWEEK.length,\n amnPlaces: amnPlaces.length\n });\n*/\n return {\n key,\n wknd: amnPlacesWKND.length / n,\n week: amnPlacesWEEK.length / n,\n rest: amnPlaces.length / n\n };\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":456,"value":"sumPlaces = {\n const hoursCount = {};\n\n openClose.forEach((d) => {\n const key = `${d.open}-${d.close}-${d.key}`;\n hoursCount[key] = (hoursCount[key] || 0) + 1;\n });\n return Object.entries(hoursCount)\n .map(([key_, value]) => {\n const [y, x, key, z] = [key_.split(\"-\"), value].flat();\n return { x: +x, y: +y, z: +z, key };\n })\n .sort((a, b) => a.z - b.z);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":700,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"function convertTo24h(place) {\n const { currentOpeningHours } = place;\n let currentOpeningHours24h = [];\n if (currentOpeningHours.periods.length) {\n currentOpeningHours24h = [...currentOpeningHours.periods].map((period) => {\n const customPeriod = Object.assign({}, period);\n const { open, close } = customPeriod;\n close.hour2 = close.hour;\n /*if (close.day > open.day) {\n close.hour2 = close.hour + 24;\n }\n */\n if (close.hour < 12) {\n close.hour2 = close.hour + 24;\n }\n\n return customPeriod;\n });\n }\n\n place.currentOpeningHours24h = currentOpeningHours;\n place.currentOpeningHours24h.periods = currentOpeningHours24h;\n return place;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":531,"value":"latLngPlaces = {\n return allPlaces\n .map((city) => {\n return city.places.map((place, i) => {\n const { location, displayName } = place;\n return { name: displayName.text, ...location, key: city.key };\n });\n })\n .flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":564,"value":"circleColor = [\"match\", [\"get\", \"key\"], ...mapColorLegend, \"#ccc\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":540,"value":"placesGeo = ({\n type: \"FeatureCollection\",\n features: latLngPlaces.map((d) => ({\n type: \"Feature\",\n properties: d,\n geometry: {\n coordinates: [d.longitude, d.latitude],\n type: \"Point\"\n }\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":310,"value":"allPlaces = {\n const all = { ...berlin_rome, ...madrid_barcelona_vienna };\n return Object.entries(all).map(([key, places]) => {\n return { key, places };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":559,"value":"mapColorLegend = {\n return colorLegend.domain.map((key, i) => [key, colorLegend.range[i]]).flat();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":235,"value":"colorLegend = {\n const domain = Array.from(new Set(openClose.map((d) => d.key)));\n const cities = [\"Madrid\", \"Barcelona\"];\n let range = d3.schemeTableau10.reverse().map((d, i) => {\n if (!cities.includes(domain[i])) return \"rgb(200,200,200)\";\n return d;\n });\n if (excludeOthers) {\n range = d3.schemeTableau10;\n }\n return {\n legend: true,\n domain: domain,\n range: range\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"byHours = {\n const open = openClose.map((d) => ({ hour: d.open, ...d }));\n const close = openClose.map((d) => ({ hour: d.close, ...d }));\n return [...open, ...close].sort((a, b) => a.key - b.key);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"medianByPlace = allPlaces\n .map((city) => {\n return city.places\n .filter((place) => place.currentOpeningHours)\n .map((place) => {\n const { currentOpeningHours } = place;\n const output = {};\n \n let values = [];\n if (currentOpeningHours.periods.length) {\n values = d3.median(currentOpeningHours.periods, (d) => {\n const open = d.open.hour;\n const openDay = d.open.day;\n const close = d.close.hour;\n const closeDay = d.close.day;\n if (closeDay > openDay) {\n return open + close;\n }\n return d.close.hour - d.open.hour;\n });\n }\n output[`value${city.key}`] = values;\n output.key = city.key;\n return output;\n });\n })\n .flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":363,"value":"mutable uniquePlaces = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":327,"value":"madrid_barcelona_vienna = FileAttachment(\"madrid_barcelona_vienna@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":311,"value":"madrid_vienna_barcelona = FileAttachment(\"madrid_barcelona_vienna.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":508,"value":"berlin_rome = FileAttachment(\"berlin_rome.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":350,"value":"uniqueIDs = Array.from(\n new Set(\n allPlaces\n .map((city) => {\n return city.places;\n })\n .flat()\n .map((d) => d.id)\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"// You’ll need to replace this with your own MapBox token.\n// See https://www.mapbox.com/help/how-access-tokens-work/\naccessToken = \"pk.eyJ1IjoibW9sbGllbWFyaWUiLCJhIjoiY2txNXF0Mmw5MTVvdDJ3b2N3bHhobXN6aCJ9.ztC4Av-WFMynvpwyFgUiGw\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":528,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@1\");\n if (!gl.accessToken) {\n gl.accessToken = accessToken;\n const href = await require.resolve(\"mapbox-gl@1/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"berlin = FileAttachment(\"Berlin.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"barcelona = FileAttachment(\"Barcelona.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"paris = FileAttachment(\"Paris.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"madrid = FileAttachment(\"Madrid.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"vienna = FileAttachment(\"Vienna.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"hamburg = FileAttachment(\"Hamburg.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":608,"value":"turf = require(\"@turf/turf@5\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W38","stdlib":"1","titling":"auto"}