"
Team:Virginia/Tabs
From 2014.igem.org
(Difference between revisions)
| Line 8: | Line 8: | ||
<link rel="stylesheet" href="/resources/demos/style.css"> | <link rel="stylesheet" href="/resources/demos/style.css"> | ||
<script src="https://www.google.com/jsapi"></script> | <script src="https://www.google.com/jsapi"></script> | ||
| - | + | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | google.load("visualization", "1", {packages:["geochart"]}); | ||
| + | google.setOnLoadCallback(drawRegionsMap); | ||
| + | |||
| + | function drawRegionsMap() { | ||
| + | |||
| + | var data = google.visualization.arrayToDataTable([ | ||
| + | ['Region Code', 'Sub-Continent', 'Popularity'], | ||
| + | ['005', 'South America', 200], | ||
| + | ['154', 'Northern Europe', 150], | ||
| + | ['034', 'Southern Asia', 80], | ||
| + | ]); | ||
| + | |||
| + | var options = { | ||
| + | resolution: 'subcontinents', | ||
| + | colorAxis: {colors: ['yellow', 'red']} | ||
| + | |||
| + | }; | ||
| + | |||
| + | var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); | ||
| + | |||
| + | chart.draw(data, options); | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | |||
| + | |||
| + | <script> | ||
$(function() { | $(function() { | ||
$( "#tabs" ).tabs(); | $( "#tabs" ).tabs(); | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
| + | |||
</head> | </head> | ||
<body> | <body> | ||
| Line 27: | Line 58: | ||
</div> | </div> | ||
| + | <div id="regions_div"></div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 18:10, 16 October 2014
