Reminding myself about google visualization API

by beej

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/pepper-grinder/jquery-ui.css">
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<div id="viz"></div>

JavaScript

/*global google: false */

google.load('visualization', '1', {
    packages: ['table']
});

google.setOnLoadCallback(function() {
    'use strict';

    var data = new google.visualization.DataTable({"cols": [{"id": "Month", "label": "Month", "type": "string"}, {"id": "2011", "label": "2011", "type": "number"}, {"id": "2012", "label": "2012", "type": "number"} ], "rows": [{"c": [{"v": "Jan"}, {"v": 362.45 }, {"v": 656.81 } ] }, {"c": [{"v": "Feb"}, {"v": 7212.54 }, {"v": 9505.09 } ] }, {"c": [{"v": "Mar"}, {"v": 2302.43 }, {"v": 1270.72 } ] }, {"c": [{"v": "Apr"}, {"v": 2018.32 }, {"v": 2174.06 } ] }, {"c": [{"v": "May"}, {"v": 2611.75 }, {"v": 3321.55 } ] }, {"c": [{"v": "Jun"}, {"v": 8202.78 }, {"v": 9703.21 } ] }, {"c": [{"v": "Jul"}, {"v": 11283.02 }, {"v": 11830.66 } ] }, {"c": [{"v": "Aug"}, {"v": 11957.12 }, {"v": 10516.64 } ] }, {"c": [{"v": "Sep"}, {"v": 2865.51 }, {"v": 438.44 } ] }, {"c": [{"v": "Oct"}, {"v": 751.8 }, {"v": 0 } ] }, {"c": [{"v": "Nov"}, {"v": 849.97 }, {"v": 0 } ] } ] });

    var table = new google.visualization.Table(document.getElementById('viz'));
    var view = new google.visualization.DataView(data);

    table.draw(view);
});