2d:null 2e:["$","title",null,{"children":"Strava activities | Yannick Carer | Observable"}] 33:T51f,{ let endDate = new Date(); if (endDate.getFullYear() != year) { endDate = new Date(year, 11, 31); } const firstDayOfYear = new Date(year, 0, 1); const numDays = getNumDays(endDate, firstDayOfYear); const dates = data.map(d => new Date(d.start_date_local).toDateString()) // return Plot.plot({ // x: { // grid: true, // label: `Number of active days (out of ${numDays})`, // }, // color: { // scheme: "set1", // type: "categorical", // }, // marks: [ // Plot.barX(dates, Plot.groupX({x: "distinct"}, {y: year, fill: 4})), // Plot.ruleX([0, numDays]) // ] // }) // return vl.data(data) // .title(`Number of active days (out of ${numDays})`) // .transform( // vl.calculate('timeFormat(datum.start_date_local, "%Y-%m-%d")').as('day'), // ) // .layer( // vl.markBar() // .encode( // vl.x().distinct('day').scale({"domain": [0, 350]}), // vl.y().fieldN('start_date_local').timeUnit('year').sort('-x').title(''), // vl.color().value('#ff9900') // ), // vl.markText({ align: "left", dx: 5, dy: 1 }) // .encode( // vl.x().distinct('day').title(null), // vl.text().distinct("day") // ), // ) // .config(vlConfig) // .render(); return `${dates.length} active days` }34:T6be,time_spent = { const selection = vl.selectMulti(); const sortOrder = ` if(datum.type == 'Run', 0, if(datum.type == 'Hike', 1, if(datum.type == 'VirtualRide', 2, if(datum.type == 'Ride', 3, 100)))) `; const cellWidth = width - 200; const total = vl.markText({fontSize: 18, fontWeight: 900, dx: 30}) .title(null) .transform( vl.aggregate(vl.sum('elapsed_hours').as('elapsed_hours')), vl.calculate("floor(datum.elapsed_hours)+ ' hours'").as('label'), ) .encode( vl.text().fieldN("label") ) .view({stroke: "transparent"}); const perActivity = vl.markBar() .title('Per activity') .select(selection) .width(cellWidth) .encode( vl.x() .sum('elapsed_hours') .title(null), vl.y() .fieldN('type') .sort('-x') .title(null), vl.color() .fieldN('type') .scale(getScale(colors)) // .if(selection, vl.fieldN('type')).value('lightgray') ); const perMonth = vl.markBar() .title('Per month') .width(cellWidth) .transform( // vl.filter(selection), vl.calculate(sortOrder).as('sortOrder'), ) .encode( vl.y() .fieldO('start_date_local').timeUnit('month') .title(null), vl.x() .sum('elapsed_hours') .title(null), vl.color() .fieldN('type') //.if(selection, vl.fieldN('type')).value('lightgray') .title(null), vl.order().fieldN('sortOrder'), ); return vl.vconcat(total, perActivity, perMonth) .data(data) .transform( vl.calculate("datum.elapsed_time / 3600").as('elapsed_hours'), ) .config(vlConfig) .render(); }35:T4c0,{ const types = ['Ride', 'VirtualRide']; const cellWidth = width - 200; const total = vl.layer( vl.markBar() .encode( vl.x().sum('kms'), vl.color().fieldN('type').scale({domain: types, range: types.map(t => colors[t])}) ), vl.markText({dx: 30, fontWeight: 500, fontSize: 14}) .encode( vl.x().sum('kms').title(null), vl.text().sum("kms").format('.0f') ), ) .title(`Total distance in ${year}`); const perMonth = vl.markBar() .title('Per month') .width(cellWidth) .encode( vl.y() .fieldO('start_date_local').timeUnit('month') .title(null), vl.x() .sum('kms') .title(null), vl.color() .fieldN('type') //.if(selection, vl.fieldN('type')).value('lightgray') .title(null), vl.order().fieldN('sortOrder'), ); const color = vl.color() .fieldN('type') .scale(getScale(colors)) .legend(false); return vl.vconcat(total, perMonth) .data(data.filter(d => types.includes(d.type))) .transform( vl.calculate('datum.distance / 1000').as('kms'), ) .config(vlConfig) .render(); }36:T6c3,{ const types = ['Ride', 'VirtualRide']; const color = vl.color() .fieldN('type') .scale(getScale(colors)) .legend(false); const cellWidth = width - 220; const longest = vl.markBar({tooltip: true}) .title('Longest bike rides (km)') .width(cellWidth) .transform( vl.calculate('datum.distance / 1000').as('kms'), vlStrava.url('url'), vlStrava.activityLabel('label'), vl.window(vl.rank().as('Rank')).sort(vl.field('kms').order('descending')), vl.filter('datum.Rank <= 5') ) .encode( vl.x().fieldQ('kms').title(null), vl.y() .fieldN('label') .sort(vl.field('Rank').order('ascending')) .axis({orient: 'right', labelLimit: 300}) .title(null), vl.href().fieldN('url'), color, ) const hilliest = vl.markBar({tooltip: true}) .title('Hilliest bike rides (km)') .width(cellWidth) .transform( vl.calculate('datum.total_elevation_gain/1').as('total_elevation_gain'), vlStrava.url('url'), vlStrava.activityLabel('label'), vl.window(vl.rank().as('Rank')).sort(vl.field('total_elevation_gain').order('descending')), vl.filter('datum.Rank <= 5') ) .encode( vl.x().fieldQ('total_elevation_gain').title(null), vl.y() .fieldN('label') .sort(vl.field('Rank').order('ascending')) .axis({orient: 'right', labelLimit: 300}) .title(null), vl.href().fieldN('url'), color, ) return vl.vconcat(longest, hilliest) .data(data.filter(d => types.includes(d.type))) .config(vlConfig) .render(); }37:Tb75,{ const types = ['Ride', 'VirtualRide']; const timeBucket = ` if(datum.elapsed_hours < 0.5, '< 30min', if(datum.elapsed_hours < 0.75, '< 45min', if(datum.elapsed_hours < 1, '< 1h', if(datum.elapsed_hours < 2, '< 2h', '> 2h')))) `; const cellWidth = width / 2 - 120; const encodings = [ vl.x() .fieldT('start_date_local').timeUnit('monthdate') .axis({format: '%b'}) .title(null), vl.color() .fieldO('timeBucket') .sort(['< 30min', '< 45min', '< 1h', '< 2h', '> 2h']) .title('Time on bike'), vl.size() .fieldO('timeBucket') .title('Time on bike') .legend(false) .scale({range: [250, 30]}), vl.href().fieldN('url'), ]; const watts = vl.markCircle({tooltip: true}) .title('Watts (average)') .width(cellWidth) .height(cellWidth) .encode( ...encodings, vl.y() .fieldQ('average_watts') .scale({domain: [50, 270]}) .title(null), ); const cadence = vl.markCircle({tooltip: true}) .title('Cadence (average)') .width(cellWidth) .height(cellWidth) .transform(vl.filter('datum.average_cadence > 0')) .encode( ...encodings, vl.y() .fieldQ('average_cadence') .scale({domain: [50, 100]}) .title(null), ); const hr = vl.markCircle({tooltip: true}) .title('Heart rate (bpm, average)') .width(cellWidth) .height(cellWidth) .transform(vl.filter('datum.average_heartrate > 0')) .encode( ...encodings, vl.y() .fieldQ('average_heartrate') .scale({domain: [100, 170]}) .title(null), ); const speed = vl.markCircle({tooltip: true}) .title('Speed (km/s, average)') .width(cellWidth) .height(cellWidth) .transform(vl.filter('datum.average_speed > 0')) .encode( ...encodings, vl.y() .fieldQ('average_speed') .scale({domain: [10, 40]}) .title(null), ); const suffer = vl.markCircle({tooltip: true}) .title('Suffer score') .width(cellWidth) .height(cellWidth) .encode( ...encodings, vl.y() .fieldQ('suffer_score') .title(false), ); const elevation = vl.markCircle({tooltip: true}) .title('Elevation gain (meters)') .width(cellWidth) .height(cellWidth) .encode( ...encodings, vl.y() .fieldQ('total_elevation_gain') .title(false), ); return vl.concat(watts, cadence, hr, speed, suffer, elevation) .data(data.filter(d => types.includes(d.type))) .columns(2) .transform( vl.calculate("datum.elapsed_time / 3600").as('elapsed_hours'), vlStrava.url('url'), vl.calculate("datum.average_speed * 3600 / 1000").as('average_speed'), vl.calculate(timeBucket).as('timeBucket'), ) .config(vlConfig) .render(); }38:T45e,{ const types = ['Run']; const total = vl.layer( vl.markBar() .encode( vl.x() .sum('kms') .scale({range: [0, 300]}), vl.color().fieldN('type') .scale(getScale(colors)) .legend(false) ), vl.markText({dx: 30, fontWeight: 500, fontSize: 14}) .encode( vl.x().sum('kms').title(null), vl.text().sum("kms").format('.0f') ), ) .title(`Total distance in ${year}`); const perMonth = vl.markBar() .title('Per month') .width(width - 40) .encode( vl.y() .fieldO('start_date_local').timeUnit('month') .title(null), vl.x() .sum('kms') .title(null), vl.color() .fieldN('type') //.if(selection, vl.fieldN('type')).value('lightgray') .title(null), vl.order().fieldN('sortOrder'), ); return vl.vconcat(total, perMonth) .data(data.filter(d => types.includes(d.type))) .transform( vl.calculate('datum.distance / 1000').as('kms'), ) .config(vlConfig) .render(); }39:T8f7,{ const types = ['Run']; const distanceBucket = ` if(datum.distance < 5000, '< 5km', if(datum.distance < 10000, '< 10km', if(datum.distance < 15000, '< 15km', if(datum.distance < 20000, '< 20km', '> 20km')))) `; const cellWidth = width / 2 - 120; const encodings = [ vl.x() .fieldT('start_date_local').timeUnit('monthdate') .axis({format: '%b'}) .title(null), vl.color() .fieldO('distanceBucket') .sort(['< 5km', '< 10km', '< 15km', '< 20km', '> 20km']) .title('Run length'), vl.size() .fieldO('distanceBucket') .title('Run length') .legend(false) .scale({range: [30, 100]}), vl.href().fieldN('url'), ]; const pace = vl.markCircle({tooltip: true}) .title('Running pace (min/km)') .width(cellWidth) .height(cellWidth) .encode( ...encodings, vl.y() .fieldT('pace_secs').timeUnit('minutesseconds') .axis({format: '%M:%S'}) .title(false), ); const hr = vl.markCircle({tooltip: true}) .title('Heart rate (bpm, average)') .width(cellWidth) .height(cellWidth) .transform(vl.filter('datum.average_heartrate > 0')) .encode( ...encodings, vl.y() .fieldQ('average_heartrate') .scale({domain: [110, 170]}) .title(false), ); const suffer = vl.markCircle({tooltip: true}) .title('Suffer score') .width(cellWidth) .height(cellWidth) .encode( ...encodings, vl.y() .fieldQ('suffer_score') .title(false), ); const elevation = vl.markCircle({tooltip: true}) .title('Elevation gain (meters)') .width(cellWidth) .height(cellWidth) .encode( ...encodings, vl.y() .fieldQ('total_elevation_gain') .title(false), ); return vl.concat(pace, hr, suffer, elevation) .data(data.filter(d => types.includes(d.type))) .columns(2) .transform( vl.calculate("datum.elapsed_time / 3600").as('elapsed_hours'), vl.calculate('((datum.moving_time) / (datum.distance/1000.0))*1000').as('pace_secs'), vlStrava.url('url'), vl.calculate(distanceBucket).as('distanceBucket'), ) .config(vlConfig) .render(); }3a:[] 31:{"id":"bc2a2abd321a88cd","slug":"strava","title":"Strava activities","thumbnail":"74b0a763d6961d03a2ecad0898b898a401f3c5f0500120c187165176f6e55232","access_level":"public","create_time":"$D2021-01-01T14:26:12.503Z","update_time":"$D2025-08-22T07:56:31.218Z","view_time":null,"first_public_time":"$D2021-01-03T20:09:30.411Z","has_unpublished_edits":null,"fork":false,"stars":11,"starred":false,"owner":{"type":"team","id":"e8090cba37ea9bce","login":"yannick","name":"Yannick Carer","avatar_url":"https://avatars-next.observableusercontent.com/d2ad7edd0353c81f879f9bb6967f9630ef05b66191762a6a3500fb75a43a53fd","tier":"starter_2024"},"version":2799,"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":11,"collection":{"id":"074b87decc3f0984","slug":"strava","title":"Strava","owner":{"id":"e8090cba37ea9bce","login":"yannick","name":"Yannick Carer"}},"type":"notebook","body":{"title":"Strava activities","cells":[{"id":0,"value":"md`# Strava activities\n\nThis is a visualization of my activity data since 2018. \nThe data was exported to [Google Sheets](https://www.benlcollins.com/spreadsheets/strava-api-with-google-sheets/) using [Strava API](https://developers.strava.com/).\n\nPick a year using the dropdown below and wait for the charts to update.\n`","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":2494,"value":"md`---\n## ⛹🏼‍♀️ Active days`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":" punchcard = vl.markCircle()\n .title('Hours spent exercizing')\n .width(width-30)\n .data(data)\n .transform(\n vl.calculate(\"datum.elapsed_time / 3600\").as('elapsed_hours'),\n )\n .encode(\n vl.x()\n .fieldN('start_date_local')\n .timeUnit('week')\n .axis({format: '%b', labelSeparation: 40})\n .title(null),\n vl.y()\n .fieldN('start_date_local')\n .timeUnit('day')\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"])\n .title(null),\n vl.size()\n .sum('elapsed_hours')\n .legend(false).scale({type: 'linear', domain: [0, 15]}),\n vl.tooltip().fieldN('start_date_local').timeUnit('utcyearmonthdate'),\n )\n .config(vlConfig)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":677,"value":" vl.layer()\n .data(data)\n .title(`Active hours per day of week (${year})`)\n .width(width-40)\n .transform(\n vl.calculate('time(datum.start_date_local)').as('date')\n )\n .layer(\n vl.markRect({tooltip: true})\n .encode(\n vl.x()\n .hours('date')\n .title(null),\n vl.y()\n .fieldN('date')\n .timeUnit('day')\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"])\n .title(null),\n vl.color()\n .fieldN('date')\n .count()\n .title('number of activities')\n .legend(false).scale({type: 'linear', domain: [0, 8]}),\n )\n )\n .config(vlConfig)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":" vl.markRect({tooltip: true})\n .data(data)\n .title('Active hours per day of week / quarter')\n .width(width/2 - 30)\n .transform(\n vl.calculate('time(datum.start_date_local)').as('date')\n )\n .encode(\n vl.x()\n .hours('date')\n .title(null),\n vl.y()\n .fieldO('date')\n .timeUnit('day')\n .sort([\"mon\", \"tue\", \"wed\", \"thu\", \"fri\", \"sat\", \"sun\"])\n .title(null),\n vl.color()\n .count()\n .title('number of activities')\n .legend(false),\n vl.facet()\n .quarter('date')\n .columns(2)\n .title(null),\n )\n .config(vlConfig)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1737,"value":"md`---\n## ⏱ Total time spent`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1339,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1842,"value":"md`---\n## 🚴🏽‍ Cycling`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1920,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1225,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2348,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1917,"value":"md`---\n## 🏃🏽‍ Running`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2058,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1211,"value":"vl.markBar({tooltip: true})\n .title('Longest runs (km)')\n .width(width - 250)\n .data(data.filter(d => d.type == 'Run'))\n .transform(\n vl.calculate('datum.distance / 1000').as('kms'),\n vlStrava.url('url'),\n vlStrava.activityLabel('label'),\n vl.window(vl.rank().as('Rank')).sort(vl.field('kms').order('descending')),\n vl.filter('datum.Rank <= 10')\n )\n .encode(\n vl.x().fieldQ('kms').title(null),\n vl.y()\n .fieldN('label')\n .sort(vl.field('Rank').order('ascending'))\n .axis({orient: 'right', labelLimit: 300})\n .title(null),\n vl.href().fieldN('url'),\n vl.color() \n .fieldN('type')\n .scale(getScale(colors))\n .legend(false)\n )\n .config(vlConfig)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2082,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1845,"value":"md`---\n## 🏋🏾‍♂️ Effort`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1454,"value":"vl.markCircle({tooltip: true})\n .width(width - 200)\n .data(data)\n .transform(\n vl.calculate(\"datum.elapsed_time / 3600\").as('elapsed_hours'),\n vlStrava.url('url'),\n )\n .encode(\n vl.x()\n .fieldT('start_date_local')\n .timeUnit('monthdate')\n .title('month')\n .axis({format: '%b'}),\n vl.y()\n .fieldQ('elapsed_hours')\n .axis({format: '.2f'}),\n vl.color()\n .fieldN('type')\n .scale(getScale(colors)),\n vl.size()\n .fieldQ('suffer_score')\n .scale({range: [10, 500]}),\n vl.href().fieldN('url'),\n )\n .config(vlConfig)\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"html`

Appendix

`","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=867942983&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":"data = d3\n .tsv(google_sheet_url) \n .then(data => data.filter(filter))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"vlConfig = ({\n axis: {\n labelFont: \"Google Sans\",\n labelFontSize: 12,\n titleFontSize: 14,\n titlePadding: 12,\n },\n title: {\n font: \"Google Sans\",\n fontSize: 14,\n fontWeight: 400,\n dy: -8,\n anchor: 'start',frame: 'group'\n },\n padding: {left: 0, top: 0, right: 0, bottom: 50},\n legend: {\n titleFont: \"Google Sans\",\n titleFontSize: 14,\n titleFontWeight: 500,\n \n labelFont: \"Google Sans\",\n labelFontSize: 14,\n labelFontWeight: 100,\n offset: 40,\n },\n text: {\n font: \"Google Sans\",\n fontSize: 12,\n }\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1941,"value":" \n colors = ({\n 'Run': 'darkorange',\n 'Hike': '#ffd77a',\n 'Ride': '#e8508d',\n 'VirtualRide': '#bc5090',\n 'Swim': '#6db7f7',\n 'AlpineSki': '#c1e7ff',\n 'Workout': '#bee378',\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1954,"value":"getScale = colors => ({domain: Object.keys(colors), range: Object.values(colors)});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2476,"value":"vlStrava = ({\n url: name =>\n vl.calculate(\"'https://www.strava.com/activities/' + datum.id\")\n .as(name),\n activityLabel: name => \n vl.calculate(\"utcFormat(time(datum.start_date_local), '%b %d') + ' - ' + datum.name\")\n .as(name),\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2668,"value":"function getNumDays(endDate, startDate) {\n return Math.ceil((endDate.getTime() - startDate.getTime()) / (1000 * 3600 * 24)) + 1;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2779,"value":"// Assume you have an array of runs with each run having a `date` property\nrunsPerMonth = {};\nruns.forEach(run => {\n let month = run.date.getMonth(); // get the month of the run\n if (!runsPerMonth[month]) runsPerMonth[month] = 0;\n runsPerMonth[month]++;\n});\n\nlet data = Object.entries(runsPerMonth).map(([month, count]) => ({month, count}));\n\nPlot.plot({\n marks: [\n Plot.barX(data, {x: \"month\", y: \"count\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"1","titling":"auto"}} 32:"$31:body"