Forum Academy Marketplace Showcase Pricing Features

[New plugin] "Cal-heatmap" Calendar Heatmap

Hi everyone,

I just published a new plugin that lets you add a calendar heatmap to your application! This plugin supports multiple languages, a ‘clicked’ event with the associated states and extensive customization options.

:arrow_right: Demo page (editor is public): Fully customizable calendar heatmap
:arrow_right: Plugin page: "Cal-Heatmap" - Calendar Heatmap Plugin | Bubble

ezgif-7-6c71742ea3fd

You can always reach out to me for questions, bug reports or feature requests!

7 Likes

Oh. This would be very useful once I proceed with a project I had in mind.

Great stuff as always @Thimo !

1 Like

Hey @Thimo – really excited to give your plugin a try. I’ve just installed it and am wondering if what I’m trying to do is possible. Rather than displaying a color based on a grouping of records, I’d like to display a color based on the user’s selection.

Basically, the user selects from an option set (Terrible, Bad, Okay, Good, Awesome). Each has a color assigned to it (as an attribute) and I’d like to display that color on the map. Is this possible? Thanks for your help!

Hi @jessie!

The heatmap library is made to display numbers to, for example, display the amount of site visits on a specific day. Similar to the activity heatmap on GitHub. Displaying multiple colours for the values of an option set for example is at this time not really fitted for this Heatmap. I will try to see if I can find a workaround for you and if I am successful I will definitely share it with you :slight_smile:

Thanks, @Thimo ! I was just able to figure out a workaround. In case it helps anyone else – I assigned a numeric value to each option as an attribute, then added a field for ‘heatmap value’ in the data type, then grouped based on the date and that value’s average.

One small thing I’d love to have control over is the ability to add legend ranges and assign colors to each. This is a super clean solution and perfect for my app. Thanks so much!

1 Like

Great to hear you found a workaround @jessie! The legend supports at this time 4 legend ranges, but I will definitely explore the possibility to add more and/or the ability to add specific colours to these ranges :slight_smile: