title: How do I create a continuous Github-like calendar with Cal-Heatmap?
body: <p>I've just started using <a href="https://kamisama.github.io/cal-heatmap/" rel="noreferrer">cal-heatmap</a> to create a Github-like calendar (e.g. a heat map for each day of the year in blocks). Ideally I'd like it to look something like so:</p>
  
  <p><img src="https://i.stack.imgur.com/JKxGL.png" alt="Goal Heatmap"></p>
  
  <p>Unfortunately, with my settings I keep getting something more like:</p>
  
  <p><img src="https://i.stack.imgur.com/YulUV.png" alt="Current Ugliness"></p>
  
  <p>Where the current problem is the whitespace between months, e.g. there are white blocks in between. I think the issue is going to be some settings combination with the <code>domain</code>, the <code>subdomain</code>, and possibly the <code>range</code> and <code>rowLimit</code>; but I'm not 100% sure what that combination should be. I've tried a few- here is my current settings:</p>
  
  <pre><code>    (function($) {
          $(document).ready(function() {
  
              var cal = new CalHeatMap();
              cal.init({
                  start: new Date(2013, 0), // January 1, 2013
                  maxDate: new Date(),
                  range: 12,
                  rowLimit: 7,
                  domain: "month",
                  subDomain: "day",
                  data: "/api/users/1/annotations/",
                  cellSize: 12
              });
  
          });
      })(jQuery);
  </code></pre>
  
  <p>I'm pretty sure it's possible; I guess the question is if it's possible with the month/year domain, and what settings I need to use to achieve it. </p>
  
  <p><strong>Edit Jan 27, 2014:</strong> Well, I've gotten as close as it appears I'm going to get, according to @kamisama. Here are my current settings:</p>
  
  <pre><code>    cal.init({
          start: oneYearAgo(),
          maxDate: new Date(),
          range: 1,
          rowLimit: 7,
          domain: "year",
          subDomain: "day",
          data: "/api/users/1/annotations/",
          cellSize: 10.5
      });
  </code></pre>
  
  <p>Which gets you something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/xZM0T.png" alt="Not great, but good enough I guess"></p>
  
  <p>There are no month labels, and no day of the week labels.</p>