title: dc.js Bubble Chart, plotting bubbles along the x-axis timeline
body: <p>I am building a bubble chart in dc.js but am having problems with plotting along the X-axis. </p>
  
  <p>The link to the graphs is: <a href="http://junklogic.com/dcjs/creatures/creatures.html" rel="nofollow">http://junklogic.com/dcjs/creatures/creatures.html</a></p>
  
  <p>The design of this chart is as follows, using a dataset of "Mythical Creature Sightings" for fun. </p>
  
  <p>Each line of JSON is like this: </p>
  
  <pre><code>{
    "creature_name": "Dragon",
    "seenby": "Ann",
    "date": "2014-01-25T22:10:58",
    "danger": 3,
    "location": "FL" 
  },
  </code></pre>
  
  <p>Each bubble is grouped based on the date and time of the creature sightings. </p>
  
  <ul>
  <li>The bubble radius is the count of sightings by an individual at that particular time.   </li>
  <li>The bubble color is an average of the danger levels, summed and divided by count to reveal a number 1-3</li>
  <li>The y-axis is a calculation of the danger levels multiplied by the count (I call
  this "impact")</li>
  <li>The x-axis <em>should</em> plot the bubbles based on the
  timeline, with the same time range as the bar chart below it. This is
  where I am stuck.</li>
  </ul>
  
  <p>All the bubbles are pinned at pixel 0 and dont plot across. I would like these to reflect their point across the timeline. Ideally, I'd like to group them into, say, 1-hour groups. But just getting them to plot will make a big difference in my progression of learning these libraries. </p>
  
  <p>The script is at: <a href="http://junklogic.com/dcjs/creatures/js/creatures.js" rel="nofollow">http://junklogic.com/dcjs/creatures/js/creatures.js</a></p>
  
  <p>The JSON file is at: <a href="http://junklogic.com/dcjs/creatures/data/dashdata.json" rel="nofollow">http://junklogic.com/dcjs/creatures/data/dashdata.json</a></p>
  
  <p>Thanks in advance for any help. If I need to provide any other info to help solve this question, I'm happy to provide what I can </p>