MetricsGraphics Test 2

HTML

<script src="//d3js.org/d3.v3.min.js"></script>
<script src="//rawgit.com/mozilla/metrics-graphics/master/dist/metricsgraphics.min.js"></script>
<link rel="stylesheet" href="//rawgit.com/mozilla/metrics-graphics/master/dist/metricsgraphics.css">
<script src="//rawgit.com/ramnathv/a5a3199538f86817ec1b/raw/f6627fc544e65d8e6186ba87556f743caa3f2730/visutils.js"></script>
<link rel="stylesheet" href="//keen.github.io/dashboards/assets/lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//keen.github.io/dashboards/assets/css/keen-dashboards.css">
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <div class="chart-wrapper">
                <div class="chart-title">
                    UFO Sightings
                </div>
                <div class="chart-stage">
                  <div class="col-xs-8" id="chart"></div>
                  <div class="col-xs-4" id="tooltip"></div>
                </div>
                <div class="chart-notes"></div>
            </div>
        </div>
    </div>
</div>

CSS

#test, #tooltip{
  float: left;
}
.container{
  margin-top:20px;
}

JavaScript

var data = 
    [
        {
            "date": "2014-01-01",
            "value": 190000000
        },
        {
            "date": "2014-01-02",
            "value": 190379978
        },
        {
            "date": "2014-01-03",
            "value": 90493749
        },
        {
            "date": "2014-01-04",
            "value": 190785250
        },
        {
            "date": "2014-01-05",
            "value": 197391904
        },
        {
            "date": "2014-01-06",
            "value": 191576838
        },
        {
            "date": "2014-01-07",
            "value": 191413854
        },
        {
            "date": "2014-01-08",
            "value": 142177211
        },
        {
            "date": "2014-01-09",
            "value": 103762210
        },
        {
            "date": "2014-01-10",
            "value": 144381072
        },
        {
            "date": "2014-01-11",
            "value": 154352310
        },
        {
            "date": "2014-01-12",
            "value": 165531790
        },
        {
            "date": "2014-01-13",
            "value": 175748881
        },
        {
            "date": "2014-01-14",
            "value": 187064037
        },
        {
            "date": "2014-01-15",
            "value": 197520685
        },
        {
            "date": "2014-01-16",
            "value": 210176418
        },
        {
            "date": "2014-01-17",
            "value": 196122924
        },
        {
            "date": "2014-01-18",
            "value": 157337480
        },
        {
            "date": "2014-01-19",
            "value": 200258882
        },
        {
            "date": "2014-01-20",
            "value": 186829538
        },
        {
            "date": "2014-01-21",
            "value": 112456897
        },
        {
            "date": "2014-01-22",
            "value": 114299711
        },
        {
            "date": "2014-01-23",
            "value": 122759017
        },
  ...