I am looking for an AngularJS calendar, with heatmap features.

Something that looks like this

Screenshot of example calendar, with days colored in green, yellow, orange, and red.

while supporting standard AngularJS calendar functionality.

I would like to be able to toggle the heatmap functionality, if possible.

Must be gratis, for commercial use.

1 Answer 1


One that I found that to my understanding uses Angular JS and has a somewhat similar layout as your image is called, "Cal Heatmap AngularJS Directive" which uses this JS library, "cal-heatmap". Both are open-source and available on GitHub. The layout is kind of different to the image above but has the same concept. It doesn't have the histogram on the top/left side and doesn't show the s,m,t,w,etc. but those I believe those can be added without much hardship. It also looks like the same library GitHub uses for profile activity.

Cal Heatmap AngularJS Directive

This is an AngularJS directive for cal-heatmap

Cal Heatmap

Cal-Heatmap is a javascript module to create a calendar heatmap.

Cal Heatmap no heat

Cal Heatmap w/ heat


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.