Skip to content

Instantly share code, notes, and snippets.

@smach

smach/NicarLtable.html

Created August 15, 2013 17:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smach/6242778 to your computer and use it in GitHub Desktop.
Save smach/6242778 to your computer and use it in GitHub Desktop.
Download ZIP
Test output of googleVis
Raw
NicarLtable.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0063)http://localhost:34035/custom/googleVis/TableID2f62c93544c.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TableID2f62c93544c</title>
<style type="text/css">
body {
color: #444444;
font-family: Arial,Helvetica,sans-serif;
font-size: 75%;
}
a {
color: #4D87C7;
text-decoration: none;
}
</style>
<script type="text/javascript" src="./TestTable_files/saved_resource"></script><script type="text/javascript" src="./TestTable_files/format+en,default,table.I.js"></script><style>.a-b-c{position:relative;display:-moz-inline-box;display:inline-block}* html .a-b-c,*:first-child+html .a-b-c{display:inline}.a-d-e{margin:2px;border:0;padding:0;font-family:Arial,sans-serif;color:#000;background:#ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x top left;text-decoration:none;list-style:none;vertical-align:middle;cursor:default;outline:none}.a-d-e-f-g,.a-d-e-h-g{border-style:solid;border-color:#aaa;vertical-align:top}.a-d-e-f-g{margin:0;border-width:1px 0;padding:0}.a-d-e-h-g{-moz-box-orient:vertical;margin:0 -1px;border-width:0 1px;padding:3px 4px;white-space:nowrap}* html .a-d-e-h-g{left:-1px}* html .a-d-e-i .a-d-e-f-g{left:-1px}* html .a-d-e-i .a-d-e-h-g{right:auto}*:first-child+html .a-d-e-h-g{left:-1px}*:first-child+html .a-d-e-i .a-d-e-h-g{left:1px}::root .a-d-e{line-height:0}::root .a-d-e-f-g{line-height:0}::root .a-d-e-h-g{line-height:normal}.a-d-e-j{background-image:none!important;opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30)}.a-d-e-j .a-d-e-f-g,.a-d-e-j .a-d-e-h-g{color:#333!important;border-color:#999!important}* html .a-d-e-j,*:first-child+html .a-d-e-j{margin:2px 1px!important;padding:0 1px!important}.a-d-e-k .a-d-e-f-g,.a-d-e-k .a-d-e-h-g{border-color:#9cf #69e #69e #7af!important}.a-d-e-l,.a-d-e-m{background-color:#bbb;background-position:bottom left}.a-d-e-n .a-d-e-f-g,.a-d-e-n .a-d-e-h-g{border-color:orange}.a-d-e-o-p,.a-d-e-o-p .a-d-e-f-g,.a-d-e-o-p .a-d-e-h-g{margin-right:0}.a-d-e-o-q,.a-d-e-o-q .a-d-e-f-g{margin-left:0}.a-d-e-o-q .a-d-e-h-g{margin-left:0;border-left:1px solid #fff}.a-d-e-o-q.a-d-e-m .a-d-e-h-g{border-left:1px solid #ddd}* html .a-d-e-o-q .a-d-e-h-g,*:first-child+html .a-d-e-o-q .a-d-e-h-g{left:0}.a-r-e{position:relative;margin:2px;border:1px solid #000;padding:2px 6px;font:normal 13px "Trebuchet MS",Tahoma,Arial,sans-serif;color:#fff;background-color:#8c2425;cursor:pointer;outline:none}.a-r-e-j{border-color:#888;color:#888;background-color:#ccc;cursor:default}.a-r-e-k{border-color:#8c2425;color:#8c2425;background-color:#eaa4a5}.a-r-e-l,.a-r-e-s,.a-r-e-m{border-color:#5b4169;color:#5b4169;background-color:#d1a8ea}.a-r-e-n{border-color:#5b4169}.a-r-e-o-p{margin-right:0}.a-r-e-o-q{margin-left:0;border-left:none}.a-e{color:#036;border-color:#036;background-color:#69c}.a-e-j{border-color:#333;color:#333;background-color:#999}.a-e-k{color:#369;border-color:#369;background-color:#9cf}.a-e-l{color:#69c;border-color:#69c}</style><link href="./TestTable_files/table.css" rel="stylesheet" type="text/css"></head>
<body>
<!-- Table generated in R 3.0.0 by googleVis 0.4.3 package -->
<!-- Thu Aug 15 13:11:55 2013 -->
<!-- jsHeader -->
<script type="text/javascript">
// jsData
function gvisDataTableID2f62c93544c () {
var data = new google.visualization.DataTable();
var datajson =
[
[
"AL",
"blue",
1
],
[
"AR",
"blue",
1
],
[
"AZ",
"blue",
1
],
[
"CA",
"blue",
1
],
[
"CO",
"blue",
1
],
[
"CT",
"blue",
1
],
[
"DC",
"blue",
0
],
[
"DE",
"blue",
0
],
[
"FL",
"blue",
0
],
[
"GA",
"blue",
0
],
[
"IA",
"blue",
0
],
[
"ID",
"blue",
0
],
[
"IL",
"blue",
0
],
[
"AL",
"green",
0
],
[
"AR",
"green",
0
],
[
"AZ",
"green",
1
],
[
"CA",
"green",
0
],
[
"CO",
"green",
1
],
[
"CT",
"green",
1
],
[
"DC",
"green",
0
],
[
"DE",
"green",
0
],
[
"FL",
"green",
0
],
[
"GA",
"green",
0
],
[
"IA",
"green",
1
],
[
"ID",
"green",
1
],
[
"IL",
"green",
1
],
[
"AL",
"orange",
1
],
[
"AR",
"orange",
0
],
[
"AZ",
"orange",
0
],
[
"CA",
"orange",
0
],
[
"CO",
"orange",
0
],
[
"CT",
"orange",
1
],
[
"DC",
"orange",
1
],
[
"DE",
"orange",
1
],
[
"FL",
"orange",
1
],
[
"GA",
"orange",
1
],
[
"IA",
"orange",
0
],
[
"ID",
"orange",
0
],
[
"IL",
"orange",
0
],
[
"AL",
"red",
1
],
[
"AR",
"red",
1
],
[
"AZ",
"red",
1
],
[
"CA",
"red",
0
],
[
"CO",
"red",
0
],
[
"CT",
"red",
1
],
[
"DC",
"red",
1
],
[
"DE",
"red",
1
],
[
"FL",
"red",
0
],
[
"GA",
"red",
0
],
[
"IA",
"red",
0
],
[
"ID",
"red",
0
],
[
"IL",
"red",
0
]
];
data.addColumn('string','state');
data.addColumn('string','types');
data.addColumn('number','freq');
data.addRows(datajson);
return(data);
}
// jsDrawChart
function drawChartTableID2f62c93544c() {
var data = gvisDataTableID2f62c93544c();
var options = {};
options["allowHtml"] = true;
options["height"] = "100%";
var chart = new google.visualization.Table(
document.getElementById('TableID2f62c93544c')
);
chart.draw(data,options);
}
// jsDisplayChart
(function() {
var pkgs = window.__gvisPackages = window.__gvisPackages || [];
var callbacks = window.__gvisCallbacks = window.__gvisCallbacks || [];
var chartid = "table";
// Manually see if chartid is in pkgs (not all browsers support Array.indexOf)
var i, newPackage = true;
for (i = 0; newPackage && i < pkgs.length; i++) {
if (pkgs[i] === chartid)
newPackage = false;
}
if (newPackage)
pkgs.push(chartid);
// Add the drawChart function to the global list of callbacks
callbacks.push(drawChartTableID2f62c93544c);
})();
function displayChartTableID2f62c93544c() {
var pkgs = window.__gvisPackages = window.__gvisPackages || [];
var callbacks = window.__gvisCallbacks = window.__gvisCallbacks || [];
window.clearTimeout(window.__gvisLoad);
// The timeout is set to 100 because otherwise the container div we are
// targeting might not be part of the document yet
window.__gvisLoad = setTimeout(function() {
var pkgCount = pkgs.length;
google.load("visualization", "1", { packages:pkgs, callback: function() {
if (pkgCount != pkgs.length) {
// Race condition where another setTimeout call snuck in after us; if
// that call added a package, we must not shift its callback
return;
}
while (callbacks.length > 0)
callbacks.shift()();
} });
}, 100);
}
// jsFooter
</script>
<!-- jsChart -->
<script type="text/javascript" src="./TestTable_files/jsapi"></script>
<!-- divChart -->
<div id="TableID2f62c93544c" style="width: 600px; height: 100%px;"><div style="position: relative;"><div style="position: relative; overflow: auto; width: 600px; height: 100%;"><table class="google-visualization-table-table" cellspacing="0" style="width: 600px;"><tbody><tr class="google-visualization-table-tr-head"><td class="google-visualization-table-th-webkit gradient google-visualization-table-sorthdr">state<span class="google-visualization-table-sortind"> </span></td><td class="google-visualization-table-th-webkit gradient google-visualization-table-sorthdr">types<span class="google-visualization-table-sortind"> </span></td><td class="google-visualization-table-th-webkit gradient google-visualization-table-sorthdr">freq<span class="google-visualization-table-sortind"> </span></td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">AL</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">AR</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">AZ</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">CA</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">CO</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">CT</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">DC</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">DE</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">FL</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">GA</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">IA</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">ID</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">IL</td><td class="google-visualization-table-td">blue</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">AL</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">AR</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">AZ</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">CA</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">CO</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">CT</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">DC</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">DE</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">FL</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">GA</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">IA</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">ID</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">IL</td><td class="google-visualization-table-td">green</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">AL</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">AR</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">AZ</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">CA</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">CO</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">CT</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">DC</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">DE</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">FL</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">GA</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">IA</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">ID</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">IL</td><td class="google-visualization-table-td">orange</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">AL</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">AR</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">AZ</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">CA</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">CO</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">CT</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">DC</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">DE</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">1</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">FL</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">GA</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">IA</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-even"><td class="google-visualization-table-td">ID</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr><tr class="google-visualization-table-tr-odd"><td class="google-visualization-table-td">IL</td><td class="google-visualization-table-td">red</td><td class="google-visualization-table-td google-visualization-table-td-number">0</td></tr></tbody></table></div></div></div>
<div><span>Data: df.results • Chart ID: <a href="http://localhost:34035/custom/googleVis/Chart_TableID2f62c93544c.html">TableID2f62c93544c</a></span><br>
<!-- htmlFooter -->
<span>
R version 3.0.0 (2013-04-03) • <a href="http://code.google.com/p/google-motion-charts-with-r/">googleVis-0.4.3</a>
• <a href="https://developers.google.com/terms/">Google Terms of Use</a> • <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery/table.html#Data_Policy">Data Policy</a>
</span></div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment