# How to use the cal-heatmap NPM plugin (like GitHub)?

**URL:** <https://community.weweb.io/t/how-to-use-the-cal-heatmap-npm-plugin-like-github/17372>\
**Category:** Ask us anything\
**Created:** [March 21, 2025, 8:33pm UTC](https://community.weweb.io/t/how-to-use-the-cal-heatmap-npm-plugin-like-github/17372 "2025-03-21T20:33:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![saulo260](https://avatars.discourse-cdn.com/v4/letter/s/47e85d/32.png) [@saulo260](https://community.weweb.io/u/saulo260)\
**Post date:** [March 21, 2025, 8:33pm UTC](https://community.weweb.io/t/how-to-use-the-cal-heatmap-npm-plugin-like-github/17372/1 "2025-03-21T20:33:58Z")

</div>

Hi everyone,

I’m having trouble integrating the **cal-heatmap** plugin into WeWeb.  
I’ve tried several approaches, but nothing has worked so far.  
Has anyone successfully implemented this, or could point me in the right direction?

**Plugin link:** [cal-heatmap - npm](https://www.npmjs.com/package/cal-heatmap)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/5e5e83b3d897f534fc4a4983c858165a1b5f6024.png)

Thanks in advance for any help! 🙏

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [March 22, 2025, 11:59am UTC](https://community.weweb.io/t/how-to-use-the-cal-heatmap-npm-plugin-like-github/17372/2 "2025-03-22T11:59:13Z")

</div>

@Micah has this ready in the [WeWeb | Heatmap Chart](https://www.stackpack.io/components/heatmap-chart/)

---

<div class="post-metadata">

**Author:** ![saulo260](https://avatars.discourse-cdn.com/v4/letter/s/47e85d/32.png) [@saulo260](https://community.weweb.io/u/saulo260)\
**Post date:** [March 22, 2025, 5:42pm UTC](https://community.weweb.io/t/how-to-use-the-cal-heatmap-npm-plugin-like-github/17372/3 "2025-03-22T17:42:07Z")

</div>

thank you