title: I'm unable to get heatmap.js to work even for a simple heatmap
body: <p>I'm a JavaScript newbie and I am trying to use the <a href="http://www.patrick-wied.at/static/heatmapjs/" rel="nofollow">open source heatmap.js framework (by Patrick Wied)</a> to create a heatmap, but it doesn't show up even for the most basic of heatmaps. Here is the test code that I am using.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Heatmap Test Code&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;canvas id="heatMap" width = "1024" height = "742" style="position:absolute; left: 0; top: 0"&gt;&lt;/canvas&gt;
  &lt;script type="text/javascript" src="js/heatmap.js"&gt;
  
  var heatmapInstance = h337.create({
  container: document.getElementById('heatMap')
  });
  
  
  var testData = {
          max: 100,
          min: 0,
          data: [{x: 807, y: 583, count: 65}, {x: 597, y: 285, count: 51}, {x: 217, y: 449, count: 73}, {x: 377, y: 656, count: 58}, {x: 467, y: 509, count: 47}, {x: 487, y: 164, count: 46}, {x: 247, y: 194, count: 35}]
  };
  
  heatmapInstance.setData(testData);  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please would someone show me where I'm going wrong. Thanks! </p>