# Creating a chart similar to github's contributions calendar

**URL:** <https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574>\
**Category:** Need help\
**Created:** [April 28, 2021, 9:10am UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574 "2021-04-28T09:10:14Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![eduardo3](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eduardo3/32/93190_2.png) [@eduardo3](https://forum.bubble.io/u/eduardo3)\
**Post date:** [April 28, 2021, 9:10am UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/1 "2021-04-28T09:10:14Z")

</div>

Hey there!

I’m looking for options to create a dashboard of metrics. One specific chart I’m interested in adding to my app is something similar to github’s contributions calendar:  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/e/b/ebedf611e733021be957af03d123cf13f158150d.png)

Is there a plugin that allows creating a chart similar to that? Maybe there’s a way to do something like this with repeaters?

Would appreciate any ideas!

---

<div class="post-metadata">

**Author:** ![rico.trevisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rico.trevisan/32/170176_2.png) [@rico.trevisan](https://forum.bubble.io/u/rico.trevisan)\
**Post date:** [April 28, 2021, 9:59am UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/2 "2021-04-28T09:59:40Z")

</div>

There’s a plugin: [Fully customizable calendar heatmap](https://calendarheatmap.bubbleapps.io/version-test)

---

<div class="post-metadata">

**Author:** ![eduardo3](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eduardo3/32/93190_2.png) [@eduardo3](https://forum.bubble.io/u/eduardo3)\
**Post date:** [April 28, 2021, 11:08am UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/3 "2021-04-28T11:08:18Z")

</div>

so awesome, thanks!

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [April 28, 2021, 5:29pm UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/4 "2021-04-28T17:29:40Z")

</div>

The problem (for me) of this plugin is the fact that the “data” of the heatmap can’t be generated dinamicly. We can’t use, as an example, the sum of the events in a day to paint it… or the sum of our sells thru the month… the values need to be already in the database…

Am I missing something?

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [April 28, 2021, 6:07pm UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/5 "2021-04-28T18:07:54Z")

</div>

@rpetribu

For more advanced sums of data you can use a grouping. I have created a demo that groups by day and takes the sum of a value for you here: [Calendarheatmap | Bubble Editor](https://bubble.io/page?type=page&name=grouping&id=calendarheatmap&tab=tabs-1)

Hopefully this helps 🙂

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [April 29, 2021, 9:13pm UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/6 "2021-04-29T21:13:56Z")

</div>

@Thimo! Wow. Love it.  
I Think I will buy it! Nice work an thanks for the demonstration!

And if i wanted to COUNT the number of events in the days? Is it possible? I only saw the possibility to SUM the values from a specific column… But if i have a booking service and I wanna to see how many bookings I have along the month?

---

<div class="post-metadata">

**Author:** ![Thimo](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thimo/32/208917_2.png) [@Thimo](https://forum.bubble.io/u/Thimo)\
**Post date:** [April 29, 2021, 9:36pm UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/7 "2021-04-29T21:36:51Z")

</div>

@rpetribu

Yes, you can alter the aggregation inside the grouping to display the ‘count’ of the grouped data entries:

 ![2021-04-29 om 23.19.11](https://us1.discourse-cdn.com/bubble/original/3X/d/3/d36d53faa8068e0c60ad146f9cc3c8caf8c5f464.png)

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [April 30, 2021, 12:22am UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/8 "2021-04-30T00:22:47Z")

</div>

Perfect!!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [July 7, 2021, 9:10am UTC](https://forum.bubble.io/t/creating-a-chart-similar-to-githubs-contributions-calendar/148574/9 "2021-07-07T09:10:43Z")

</div>

Closed on July 7, 2021, 9:10am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
