Custom activity heatmaps

Custom activity heatmap charts are now supported without any Javascript coding.

You can add these to the various activity detail pages. If you put them on the activity timeline page then they display data for the portion of the activity currently visible.

Click the “Activity Charts” button, “Add” and choose “Heatmap”. Pick what you want on the X and Y axis and set the bucket sizes. If you do not want axis labels then just delete the text.

35 Likes

Yikes, thank you!:smiling_face_with_three_hearts:

2 Likes

Unfortunately, I’ve to report a bug(?) – resulting in the black “high heat” dot corresponding to a NaN.
image

My own contour plot of the 2D histogram looks like this:

Looks great, thanks for this!

However, the ‘Nan%’ leads to the Trim field being not very helpful right now as nothing is shown as soon as i enter a trim value. (Used the same setting as you, David)

I have fixed the Nan% bug. The contour plot looks neat. I need to figure out how to do that and add it as an option.

2 Likes

:+1:t2:

My (Python) code is at https://github.com/yokuha/activity-journal/blob/main/L-R-balance.py😉

Yes tx I found that on the other thread. I have implemented a contours option (bit more work in d3.js!), just need to get the mouseover working. Back on my day job now so will finish tonight or Thursday am. From the 1st of September Intervals.icu will be my day job and I will be able to get a great deal more done.

19 Likes

Looks interesting. On what page can I find the “Activity Charts” button? What are “various activity detail pages”? If I go to “Activities” in the left menu and click on an activity I don’t see the button.

For the Activity timeline page:

On the Activity Power/Pace/HR pages, there’s an ‘Charts’ button on the back to bring up a similar menu.

1 Like

These are fantastic! Since the axes of the heatmap automatically scale to fit the data, I would love the ability to clamp to absolute ranges, not just percentage of the data. Or specify the exact ranges for both axis. This would be useful for example on data where the useful stuff is likely to always fall in certain ranges, or in order to keep the axis scale consistent across several charts.

2 Likes

I’m not seeing the Heatmap as an option, do we need to enable this somewhere else first? Thank you.

Looks like you need to reload the app in the browser. You are seeing the old version. This is supposed to happen automatically.

Thanks David, that did the trick.

@david , unfortunately, I found some more NaNs:-o
See todays (Fridays) workout.

Great, congrats and good luck!
And congrats to all of us, shall be wonderful considering how you managed to develop and deliver this super-cool tool already so far:-)

2 Likes

I just had a look now “as you” and I didn’t see any? Maybe app was out of date?

Thanks! 5 more working days to go :slight_smile:

1 Like

Uh, oh, yes:-| This was on my old laptop at the trainer and the problem disappeared over night … apparently it reloaded now;-) Sorry for the line noise!

You can now specify the min and/or max value to be plotted for histograms and heat maps. This is applied before “Trim %” and the hide first and hide last options. Click the dot dot dot button:

3 Likes

This is a great feature. Is there any chance of having a 3rd axis be represented in the color map? You have added a 3rd axis in the form of density, but being able to select one would be killer. I’m thinking an efficiency metric on top of cadence and stride length, for instance. Or, even HR on top of power/cadence as you have it in this last message (as opposed to just concentration/density).

Thanks!

I did think about that for a bit but decided to see if anyone came up with good use-cases for it first. At the moment the density of each bucket is decided by the total seconds for the x-y bucket. How does that work for say heart rate? Average the HR for the bucket?

1 Like