Skip to content

Instantly share code, notes, and snippets.

@mhawksey mhawksey/gist:8953096
Last active Aug 29, 2015

Embed
What would you like to do?
Google interactive chart with image fallback
<script data-cfasync="false" type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js"> {
"dataSourceUrl": "//docs.google.com/spreadsheet/tq?key=0AqGkLMU9sHmLdEJRZ3JkZmI2dGJpZXprNkNfRFhtWnc&transpose=0&headers=1&range=B1%3AF169&gid=1&pub=1",
"options": {
"titleTextStyle": {
"bold": true,
"color": "#000",
"fontSize": 16
},
"fontName": "Tahoma",
"animation": {
"duration": 500
},
"colors": ["#3366CC", "none", "#FF9900", "#109618", "#990099", "#0099C6", "#DD4477", "#66AA00", "#B82E2E", "#316395", "#994499", "#22AA99", "#AAAA11", "#6633CC", "#E67300", "#8B0707", "#651067", "#329262", "#5574A6", "#3B3EAC", "#B77322", "#16D620", "#B91383", "#F4359E", "#9C5935", "#A9C413", "#2A778D", "#668D1C", "#BEA413", "#0C5922", "#743411"],
"theme": "maximized",
"width": 600,
"hAxis": {
"title": "Hour",
"useFormatFromData": false,
"minorGridlines": {
"count": "3"
},
"formatOptions": {
"source": "inline"
},
"minValue": 0,
"viewWindowMode": "pretty",
"textStyle": {
"color": "#222",
"fontSize": "12"
},
"format": "0.##",
"viewWindow": {
"min": 0,
"max": 24
},
"gridlines": {
"count": "7"
},
"logScale": false,
"maxValue": 24
},
"vAxes": [{
"title": "Day of week",
"useFormatFromData": true,
"minorGridlines": {
"count": "0"
},
"minValue": 0,
"viewWindowMode": "explicit",
"textStyle": {
"color": "#222",
"fontSize": "12"
},
"viewWindow": {
"min": 0,
"max": 8
},
"gridlines": {
"count": "8"
},
"maxValue": 8
}, {
"useFormatFromData": true,
"minValue": null,
"viewWindow": {
"min": null,
"max": null
},
"maxValue": null
}],
"bubble": {
"textStyle": {
"color": "none"
}
},
"title": "PUNCHCARD CHART: ACTIVITY BY HOUR OF DAY",
"booleanRole": "certainty",
"height": 400,
"legend": "none",
"tooltip": {}
},
"state": {},
"view": {
"columns": [0, 1, 2, {
"label": "visible",
"properties": {
"role": "annotation"
},
"sourceColumn": 3
},
4
]
},
"isDefaultVisualization": true,
"chartType": "BubbleChart",
"chartName": "Chart1"
} </script>
<noscript><img src="https://docs.google.com/spreadsheet/oimg?key=0AqGkLMU9sHmLdEJRZ3JkZmI2dGJpZXprNkNfRFhtWnc&oid=2&zx=yz2b1r3apo7c" /></noscript>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.