[Userscript] Dashboard Heatmap Dynamic Coloring

I was annoyed with the heatmap using the same color for all numbers over 100. I made a script so that it will dynamically update how the 4 color levels are applied based on your min and max lessons+reviews for that time period.

Here is what it looked like before:

And here is after my script:

It does take a second for the new colors to apply. If anyone can figure out how to get it to work without that, please let me know!

I was just making this for myself (never made a browser script like this before, but I do work in software development) but I read a lot of other people complaining about it on the announcement so I figured I’d share.

Let me know if you find any bugs!

Download link: WaniKani Heatmap Recolor

9 Likes

Nice work! I’m really curious how many users are SW Devs in the community. Seems there is quite a large overlap between crabigator worshippers and comp sci nerds. I say nerds with affection as a PM/scrum master myself. :stuck_out_tongue:

3 Likes

Thank you! That worked perfectly!

1 Like

Nice! :durtle_noice: :sparkles: A useful feature for a heatmap which gives more information on review load if you’re doing more than 100 reviews on a regular basis (seems like 100 is max color?). Gives a much more interesting look too.

This dynamic coloring was also a setting in the script Wanikani Heatmap by Kumirei. Maybe there’s some good stuff in the code there for tips? Kumi was a passion wk script writer. Not so active anymore now.

Screenshots of my settings for reference. Imagine if everything above 100 was all the same color, haha!


Edit: Actually, we don't have to imagine. Here's heatmap widgets - with and without this dynamic coloring script activated

Without:

With:


There’s an overlap, a lot for sure :laughing:

1 Like

Thank you! Works great and its just what I was looking for~

1 Like

Oo thank you, I’ll take a look at that!

1 Like