31:T530,Plot.plot({ height: 300, width: width, padding: 0, y: { label: `Daily ${"run"}s (${2010})`, labelAnchor: "top", tickPadding: 10, domain: Array.from(Array(8).keys()).slice(1), tickSize: 0, tickFormat: Plot.formatWeekday("en", "short") }, x: { tickSize: 0, tickPadding: 3, label: "", domain: Array.from(Array(53).keys()), tickFormat: (function (year) { const getMonth = d3.timeFormat("%b."); return function (weekNumber) { weekNumber = ++weekNumber; var d = 1 + (weekNumber - 1) * 7; var dt = new Date(year, 0, d); if (weekNumber % 5 === 0) return getMonth(dt); return null; }; })(2010) }, color: { type: "linear", domain: colorScale.domain(), range: colorScale.range() }, marks: [ Plot.cell( activities, Plot.group( { fill: "sum" }, { x: (d) => getWeek(d.date), y: (d) => getDay(d.date), fill: "distance", inset: 0.5 } ) ), Plot.text( activities, Plot.group( { text: "sum" }, { x: (d) => getWeek(d["date"]), y: (d) => getDay(d["date"]), text: calcDistance, title: (d) => fmt(d["date"]) } ) ) // Plot.text ] })32:T53d,md` While [stacked bar charts](https://observablehq.com/@stvkas/weekly-mileage-with-unaggregated-stacked-bar-charts) are one view into a runner's training over time, a heatmap can reveals salient patterns regarding consistency that are obscured in weekly aggregations.

Training blocks

Contiguous blocks of filled cells represent consistent stretches in training. Luminance changes within these blocks provide a rough sense of whether these blocks are periods of building up, maintaining, or tapering mileage.

Inactive stretches

Columns of empty cells show stretches of extended inactivity, which may be due to serious injury or deliberate time off between competition seasons.

Inactive episodes

Scattered empty cells and relative outliers within days of the week reveal brief episodes of inactivity. These sporadic gaps may represent transient hiccups in training, such as a twisted ankle in this case.

`33:[{"id":"5f087ace94a8eaf938053de1f9a6cec18e2d43bb64d3802a2d7cea248a575a2f3f5562c5d493c276dd5e8c4d515c9b840b650c84155a92f9f0739e24360a1a27","href":"https://static.observableusercontent.com/files/5f087ace94a8eaf938053de1f9a6cec18e2d43bb64d3802a2d7cea248a575a2f3f5562c5d493c276dd5e8c4d515c9b840b650c84155a92f9f0739e24360a1a27","name":"injuries@4.png","type":"image/png","lastModified":1634253510641.254,"size":25494},{"id":"76c24d2612fdb1e21100325df92139058617256e07e57556f4c5100021bf1c8fb6658d60b9595d3b4fcd4c283b57fc1c76706778646edca443a72c54d94f8699","href":"https://static.observableusercontent.com/files/76c24d2612fdb1e21100325df92139058617256e07e57556f4c5100021bf1c8fb6658d60b9595d3b4fcd4c283b57fc1c76706778646edca443a72c54d94f8699","name":"build-up@2.png","type":"image/png","lastModified":1634253522795.653,"size":29179},{"id":"23c46271a619698863a6af545bca53fb0af2d10288abf1a63b6646824ce846f9bdbf2076f8cdaa5c2941a75d8e8fc1263d19377a4ea3fba5e694461e0ec55189","href":"https://static.observableusercontent.com/files/23c46271a619698863a6af545bca53fb0af2d10288abf1a63b6646824ce846f9bdbf2076f8cdaa5c2941a75d8e8fc1263d19377a4ea3fba5e694461e0ec55189","name":"week-off@5.png","type":"image/png","lastModified":1634258601826.767,"size":30482},{"id":"f1adda21aa88ddf6c41d5259bcc0dfd68ea2f8ae3924eae46f8d2d50c0f25cdfb9adf9e0ffa37c7cb2bca930c4a5c9c19949c6a4a507cfdc5a6a938aecda57fa","href":"https://static.observableusercontent.com/files/f1adda21aa88ddf6c41d5259bcc0dfd68ea2f8ae3924eae46f8d2d50c0f25cdfb9adf9e0ffa37c7cb2bca930c4a5c9c19949c6a4a507cfdc5a6a938aecda57fa","name":"2010-activities@2.json","type":"application/json","lastModified":1634222159907.057,"size":938607},{"id":"19611df54beac7a24d19d97ffb45745a9043686dbe1c9fbbf234db068e9d6bfec1fa14c65721fa76cdb4e95fa9da1c9380a6d958b86cc5e1ac5d9fb4a64237b8","href":"https://static.observableusercontent.com/files/19611df54beac7a24d19d97ffb45745a9043686dbe1c9fbbf234db068e9d6bfec1fa14c65721fa76cdb4e95fa9da1c9380a6d958b86cc5e1ac5d9fb4a64237b8","name":"2020-activities.json","type":"application/json","lastModified":1632959950816.538,"size":3290186}] 2f:{"title":"Daily Mileage Heatmap","cells":[{"id":514,"value":"title = md`\n# Daily Mileage Heatmap\n\nDistance ran in 2010
\nData: [Strava API, List Athlete Activities](https://developers.strava.com/docs/reference/#api-Activities-getLoggedInAthleteActivities) (cached as a file attachment).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1448,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1564,"value":"viewof units = Inputs.select([\"Miles\", \"Kilometers\"], {\n label: \"Units\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":875,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1085,"value":"md`Weekly arrangement is so important because training is structured by week. In 2010, I was a student-athlete at the University of Colorado Boulder. Training following a consistent rhythm: Sunday long runs, Tuesday and Friday workouts, and middle distance runs on Wednesdays.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1035,"value":"md`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1665,"value":"fmt = d3.timeFormat(\"%a., %b. %e\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":867,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"activities = {\n const fmt = d3.timeFormat(\"%b. %d, %Y\");\n return (\n await FileAttachment(\"2010-activities@2.json\").json({ typed: true })\n ).activities.map((d) => {\n const pieces = d.start_date_local\n .slice(0, 10)\n .split(\"-\")\n .map((x) => +x);\n const dt = new Date(pieces[0], pieces[1] - 1, pieces[2]);\n return {\n date: dt,\n vals: d,\n distance: d.distance,\n workout_type: d.workout_type,\n type: d.type\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1521,"value":"getWeek = (dt) => +d3.timeFormat(\"%W\")(dt)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1525,"value":"getDay = (dt) => +d3.timeFormat(\"%u\")(dt)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1569,"value":"colorScale = d3.scaleSequential(\n d3.extent(activities, (d) => d.distance),\n d3.interpolateBlues\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1484,"value":"calcDistance = {\n const fmt = d3.format(\"0.0f\");\n switch (units) {\n case \"Kilometers\":\n return (d) => fmt(d.distance / 1000);\n case \"Miles\":\n return (d) => fmt(d.distance / 1609);\n default:\n return (d) => fmt(d.distance);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}