Calendar Heatmap QlikView Extension (D3CalendarView)

I have recently published a free calendar heatmap extension to compare values on a day-per-day basis over a long period of time (several years). The extension is developed using D3 and an existing visualization called “Calendar View” by Mike Bostok.

The data passed to the extension is displayed in a diverging color scale. The values are visualized as colored cells per day. Days are arranged into columns by week, then grouped by month and years.


Example 1 - Displaying Historical Dow Jones Data

Example 2 - Visualizing U.S. Commercial Flights

D3CalendarView Extension - Configuration Dialog

Usage Scenarios

There are several scenarios where using this extension seems to be a helpful kind of visualization:

  • Comparing changes of stock exchange prices
  • Making out of stock trends visible
  • etc.

Download, Configuration & Source Code

The source code, a demo-application and the .qar files are published on GitHub, where you will also find a short description how to configure the extension.

GitHub-Repository to post issues, fork the source-code, etc.:

Bookmark and Share

and tagged , , , . Bookmark the permalink. Both comments and trackbacks are currently closed.


  1. Bas van Reeuwijk
    Posted January 2, 2014 at 09:32 | Permalink

    Cool extension Walther!

    I’m going to try this one out for a few projects. Would also be good combined with comparative analysis.

  2. Jitesh
    Posted January 8, 2014 at 09:26 | Permalink


    Great extension! I was trying to get this into Extensions for sometime now but wasn’t able to successfully do it.
    Surely will learn a lot from this.

    One doubt :
    When I hover the mouse over the extension, it shows a “console undefined” error.
    Would it be possible for you to help me assess why that would be happening?
    Screenshot of the error :

    Thanks a lot !

  3. Jochem
    Posted February 9, 2014 at 21:26 | Permalink

    When i select one day i get error on line 657 character 5
    it is not able to retrieve the value of property length


    I installed version 1.0.1, the above error was fixed with this release!

    Hop to hear from you.

  4. Stefan Bäckstrand
    Posted March 5, 2014 at 08:48 | Permalink

    Hi Stefan!

    Is there a way in this extension to have the first row represent Monday instead of Sunday? I guess that is a cultural difference in how we look at dates.

    • Posted March 16, 2014 at 09:54 | Permalink

      Hi Stefan,

      there is not such possibility in this extension but could probably quite easily achieve … I will have to have a look into the code and hopefully send you an update 😉


  5. T Maher
    Posted July 10, 2014 at 11:05 | Permalink


    This is a great extension!!!!!! Is it possible to toggle the display to show weeks and months too??

    Many thanks,

    T Maher