2d:null 2e:["$","title",null,{"children":"Strava Heatmap | Yannick Carer | Observable"}] 33:[] 31:{"id":"bff09d9c5b3dbab6","slug":"strava-heatmap","title":"Strava Heatmap","thumbnail":"7bb20d8fd10c244857bd502ee0777d10415ac77740aa02386104da7939556858","access_level":"public","create_time":"$D2021-01-03T08:18:49.020Z","update_time":"$D2022-08-02T17:24:28.223Z","view_time":null,"first_public_time":"$D2021-01-03T19:58:05.845Z","has_unpublished_edits":null,"fork":{"id":"bc2a2abd321a88cd","slug":"strava","title":"Strava activities","owner":{"id":"e8090cba37ea9bce","login":"yannick","name":"Yannick Carer"}},"stars":4,"starred":false,"owner":{"type":"team","id":"e8090cba37ea9bce","login":"yannick","name":"Yannick Carer","avatar_url":"https://avatars-next.observableusercontent.com/d2ad7edd0353c81f879f9bb6967f9630ef05b66191762a6a3500fb75a43a53fd","tier":"starter_2024"},"version":1610,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"14513d353ffb07b5","login":"yannick","name":"Yannick Carer","avatar_url":"https://avatars-next.observableusercontent.com/d2ad7edd0353c81f879f9bb6967f9630ef05b66191762a6a3500fb75a43a53fd","tier":null}],"members":[{"type":"individual","id":"14513d353ffb07b5","login":"yannick","name":"Yannick Carer","avatar_url":"https://avatars-next.observableusercontent.com/d2ad7edd0353c81f879f9bb6967f9630ef05b66191762a6a3500fb75a43a53fd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"074b87decc3f0984","slug":"strava","title":"Strava","owner":{"id":"e8090cba37ea9bce","login":"yannick","name":"Yannick Carer"}},"type":"notebook","body":{"title":"Strava Heatmap","cells":[{"id":0,"value":"md`# Strava Heatmap`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"viewof year = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1540,"value":"viewof activityType = {\n const types = [...new Set(activities.map(a => a.type)).values()];\n \n return html``\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1464,"value":"{\n const container = DOM.element('div', {\n style: `width:${width}px;height:${width / 1.5}px`\n });\n yield container;\n\n // Create a map object and add a layer to it.\n const map = L.map(container).setView(center, 12);\n const osmLayer = L.tileLayer(\n 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png',\n {\n attribution:\n '© OpenStreetMap contributors'\n }\n ).addTo(map);\n\n const routePoints = mergedRoute.map(({lat, lng}) => [lat, lng, 0.02]);\n heatLayer(routePoints).addTo(map);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":582,"value":"routes = activities\n .map(d => ({type: d.type, route: decodePolyline(d['map » summary_polyline'])}))\n .filter(r => r.route)\n .filter(r => activityType == 'All' || activityType == r.type)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1512,"value":"mergedRoute = routes.reduce((all, v) => all.concat(v.route), []);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1523,"value":"center = [47.3769, 8.5417] // Zurich, Switzerland","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1456,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1482,"value":"heatLayer = (L, require('leaflet.heat').catch(() => L.heatLayer))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1458,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"google_sheet_url = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQBSnhxvM-1oC5aWKhIyUeMaViPmGhwM95PkS6-HmLSNYoOdF6ja0NNOnNs0gkh3mmB-OIqS65mkRBo/pub?gid=1636555982&single=true&output=tsv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"filter = d => new Date(d.start_date).getFullYear() == year;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"activities = { \n let rows = [];\n await d3\n .tsv(google_sheet_url) \n .then(data => data.forEach(r => {\n if (filter(r)) rows.push(r);\n }));\n return rows;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1391,"value":"decodePolyline = require(\"https://bundle.run/decode-google-map-polyline@1.0.1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1536,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"