Team:Virginia/Tabs

From 2014.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 14: Line 14:
       function drawRegionsMap() {
       function drawRegionsMap() {
 +
           var data = google.visualization.arrayToDataTable([
           var data = google.visualization.arrayToDataTable([
               ['Region Code', 'Sub-Continent', 'Popularity'],
               ['Region Code', 'Sub-Continent', 'Popularity'],
-
              ['005', 'South America', 200],
+
['154' ,'Northern European', 30.5],
-
              ['154', 'Northern Europe', 150],
+
['143' ,'Central Asia', 52],
-
              ['034', 'Southern Asia', 80],
+
['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([
           var data2 = google.visualization.arrayToDataTable([
               ['Region Code', 'Sub-Continent', 'Popularity'],
               ['Region Code', 'Sub-Continent', 'Popularity'],
-
              ['005', 'South America', 500],
+
['154' ,'Northern European', 80.5],
-
              ['154', 'Northern Europe', 150],
+
['143' ,'Central Asia',76],
-
              ['034', 'Southern Asia', 80],
+
['021' ,'North American', 90.3],
-
          ]);
+
['039' ,'Southern Europe', 93.8],
-
          var data2 = google.visualization.arrayToDataTable([
+
['030' ,'Eastern Asia', 83.3],
-
              ['Region Code', 'Sub-Continent', 'Popularity'],
+
['155' ,'Western Europe', 82.7],
-
              ['005', 'South America', 500],
+
['151' ,'Eastern Europe',80],
-
              ['154', 'Northern Europe', 150],
+
['034' ,'Southern Asia',100],
-
              ['034', 'Southern Asia', 80],
+
['035' ,'South-Eastern Asia', 100],
-
          ]);
+
['029' ,'Carribean/Central America/South America', 68.8],
-
          var data2 = google.visualization.arrayToDataTable([
+
['013' ,'Carribean/Central America/South America', 68.8],
-
              ['Region Code', 'Sub-Continent', 'Popularity'],
+
['005' ,'Carribean/Central America/South America', 68.8],
-
              ['005', 'South America', 500],
+
['053' ,'Oceania', 100],
-
              ['154', 'Northern Europe', 150],
+
['054' ,'Oceania', 100],
-
              ['034', 'Southern Asia', 80],
+
['057' ,'Oceania', 100],
-
          ]);
+
['061' ,'Oceania', 100],
-
          var data2 = google.visualization.arrayToDataTable([
+
['145' ,'Western Asia', 100],
-
              ['Region Code', 'Sub-Continent', 'Popularity'],
+
 
-
              ['005', 'South America', 500],
+
-
              ['154', 'Northern Europe', 150],
+
-
              ['034', 'Southern Asia', 80],
+
           ]);
           ]);
 +
 
           var options = {
           var options = {
               resolution: 'subcontinents',
               resolution: 'subcontinents',
legend: 'none',
legend: 'none',
 +
sizeAxis: { minValue: 0, maxValue: 100 },
               colorAxis: {colors: ['white', 'purple']},
               colorAxis: {colors: ['white', 'purple']},
-
backgroundColor: 'blue'
+
backgroundColor: '#EEF8FC'
-
         ,width:915
+
         ,width:900
           ,height:500
           ,height:500
Line 77: Line 92:
<style>
<style>
#regions_div{
#regions_div{
-
width:80%;
 
margin: 0 auto;
margin: 0 auto;
}
}
Line 85: Line 99:
</head>
</head>
<body>
<body>
-
<div id="another">
 
-
<div id="tabs">
 
-
  <ul>
 
-
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
 
-
    <li><a href="#tabs-2">Proin dolor</a></li>
 
-
    <li><a href="#tabs-3">Aenean lacinia</a></li>
 
-
  </ul>
 
-
  <div id="tabs-1"><center><div id="regions_div"></div></center></div>
 
-
  <div id="tabs-2"><div id="regions_div2"></div></div>
 
-
  <div id="tabs-3">yo</div>
 
-
</div>
 
-
 
-
</div>
 
   
   
 +
<div id="regions_div"></div>
 +
</body>
</body>
</html>
</html>

Latest revision as of 00:43, 18 October 2014

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