Team:Virginia/Tabs

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
<html>
<html>
-
<head>
+
  <head>
-
 
+
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
-
  <script src="https://www.google.com/jsapi"></script>
+
    <script type="text/javascript">
-
+
-
 
+
-
<script type="text/javascript">
+
       google.load("visualization", "1", {packages:["geochart"]});
       google.load("visualization", "1", {packages:["geochart"]});
       google.setOnLoadCallback(drawRegionsMap);
       google.setOnLoadCallback(drawRegionsMap);
Line 12: Line 8:
       function drawRegionsMap() {
       function drawRegionsMap() {
 +
        var data = google.visualization.arrayToDataTable([
 +
          ['Country', 'Popularity'],
 +
          ['Germany', 200],
 +
          ['United States', 300],
 +
          ['Brazil', 400],
 +
          ['Canada', 500],
 +
          ['France', 600],
 +
          ['RU', 700]
 +
        ]);
-
          var data = google.visualization.arrayToDataTable([
+
        var options = {};
-
              ['Region Code', 'Sub-Continent', 'Popularity'],
+
-
['154' ,'Northern European', 30.5],
+
-
['143' ,'Central Asia', 52],
+
-
['021' ,'North American', 38.9],
+
-
['039' ,'Southern Europe', 40.6],
+
-
['030' ,'Eastern Asia', 34.2],
+
-
['155' ,'Western Europe', 30.2],
+
-
['151' ,'Eastern Europe', 60],
+
-
['034' ,'Southern Asia', 75],
+
-
['035' ,'South-Eastern Asia', 0],
+
-
['029' ,'Carribean/Central America/South America', 15.6],
+
-
['013' ,'Carribean/Central America/South America', 15.6],
+
-
['005' ,'Carribean/Central America/South America', 15.6],
+
-
['053' ,'Oceania', 33.3],
+
-
['054' ,'Oceania', 33.3],
+
-
['057' ,'Oceania', 33.3],
+
-
['061' ,'Oceania', 33.3],
+
-
['145' ,'Western Asia', 100],
+
-
['018' ,'', 0],
+
-
          ]);
+
-
 
+
-
          var data2 = google.visualization.arrayToDataTable([
+
-
              ['Region Code', 'Sub-Continent', 'Popularity'],
+
-
['154' ,'Northern European', 80.5],
+
-
['143' ,'Central Asia',76],
+
-
['021' ,'North American', 90.3],
+
-
['039' ,'Southern Europe', 93.8],
+
-
['030' ,'Eastern Asia', 83.3],
+
-
['155' ,'Western Europe', 82.7],
+
-
['151' ,'Eastern Europe',80],
+
-
['034' ,'Southern Asia',100],
+
-
['035' ,'South-Eastern Asia', 100],
+
-
['029' ,'Carribean/Central America/South America', 68.8],
+
-
['013' ,'Carribean/Central America/South America', 68.8],
+
-
['005' ,'Carribean/Central America/South America', 68.8],
+
-
['053' ,'Oceania', 100],
+
-
['054' ,'Oceania', 100],
+
-
['057' ,'Oceania', 100],
+
-
['061' ,'Oceania', 100],
+
-
['145' ,'Western Asia', 100],
+
-
 
+
-
          ]);
+
-
 
+
-
 
+
-
          var options = {
+
-
              resolution: 'subcontinents',
+
-
legend: 'none',
+
-
sizeAxis: { minValue: 0, maxValue: 100 },
+
-
              colorAxis: {colors: ['white', 'purple']},
+
-
backgroundColor: '#EEF8FC'
+
-
        ,width:900
+
-
          ,height:500
+
-
 
+
-
          };
+
-
 
+
-
          var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
+
-
  var chart2 = new google.visualization.GeoChart(document.getElementById('regions_div2'));
+
-
          chart.draw(data, options);
+
-
chart2.draw(data2, options);
+
 +
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
 +
        chart.draw(data, options);
       }
       }
     </script>
     </script>
-
 
+
  </head>
-
 
+
  <body>
-
 
+
    <div id="regions_div" style="width: 900px; height: 500px;"></div>
-
 
+
  </body>
-
 
+
-
 
+
-
</head>
+
-
<body>
+
-
<div id="another">
+
-
<div id="regions_div2"></div>
+
-
</div>
+
-
+
-
</body>
+
</html>
</html>

Revision as of 00:34, 18 October 2014

Retrieved from "http://2014.igem.org/Team:Virginia/Tabs"