Team:UT Dallas/infographics.js
From 2012.igem.org
Line 14: | Line 14: | ||
var coin_spacing=12; | var coin_spacing=12; | ||
var full_height=1800; | var full_height=1800; | ||
- | var coin_array_2007 = new Array();coin_array_2007[0]=33;coin_array_2007[1]=6;coin_array_2007[2]=13; | + | var coin_array_2007 = new Array();coin_array_2007[0]=33;coin_array_2007[1]=6;coin_array_2007[2]=13;coin_array_2007[3]=2007; |
- | var coin_array_2008 = new Array();coin_array_2008[0]=18;coin_array_2008[1]=14;coin_array_2008[2]=34; | + | var coin_array_2008 = new Array();coin_array_2008[0]=18;coin_array_2008[1]=14;coin_array_2008[2]=34;coin_array_2008[3]=2008; |
- | var coin_array_2009 = new Array();coin_array_2009[0]=48;coin_array_2009[1]=19;coin_array_2009[2]=24; | + | var coin_array_2009 = new Array();coin_array_2009[0]=48;coin_array_2009[1]=19;coin_array_2009[2]=24;coin_array_2009[3]=2009; |
- | var coin_array_2010 = new Array();coin_array_2010[0]=62;coin_array_2010[1]=16;coin_array_2010[2]=21; | + | var coin_array_2010 = new Array();coin_array_2010[0]=62;coin_array_2010[1]=16;coin_array_2010[2]=21;coin_array_2010[3]=2010; |
- | var coin_array_2011 = new Array();coin_array_2011[0]=29;coin_array_2011[1]=8;coin_array_2011[2]=16; | + | var coin_array_2011 = new Array();coin_array_2011[0]=29;coin_array_2011[1]=8;coin_array_2011[2]=16;coin_array_2011[3]=2011; |
function coins(coin_array) | function coins(coin_array) | ||
{ | { | ||
Line 48: | Line 48: | ||
gh=gh-coin_spacing-coin_height; | gh=gh-coin_spacing-coin_height; | ||
if(gtemp==num_gold_coins-1) | if(gtemp==num_gold_coins-1) | ||
+ | { | ||
$("#gold_coin_graph").append("<div id='gcoin"+gc+"' class='gold_coins'>"+coin_array[0]+"</div>"); | $("#gold_coin_graph").append("<div id='gcoin"+gc+"' class='gold_coins'>"+coin_array[0]+"</div>"); | ||
+ | $('#year_no_awards').html('Year '+coin_array[3]); | ||
+ | } | ||
else | else | ||
$("#gold_coin_graph").append("<div id='gcoin"+gc+"' class='gold_coins'></div>"); | $("#gold_coin_graph").append("<div id='gcoin"+gc+"' class='gold_coins'></div>"); |
Revision as of 23:52, 26 September 2012
var num_gold_coins=5; var num_silver_coins=5; var num_bronze_coins=5; var gtemp=0; var gc=0; var gh=0; var stemp=0; var sc=0; var sh=0; var btemp=0; var bc=0; var bh=0; var coin_height=50; var coin_spacing=12; var full_height=1800; var coin_array_2007 = new Array();coin_array_2007[0]=33;coin_array_2007[1]=6;coin_array_2007[2]=13;coin_array_2007[3]=2007; var coin_array_2008 = new Array();coin_array_2008[0]=18;coin_array_2008[1]=14;coin_array_2008[2]=34;coin_array_2008[3]=2008; var coin_array_2009 = new Array();coin_array_2009[0]=48;coin_array_2009[1]=19;coin_array_2009[2]=24;coin_array_2009[3]=2009; var coin_array_2010 = new Array();coin_array_2010[0]=62;coin_array_2010[1]=16;coin_array_2010[2]=21;coin_array_2010[3]=2010; var coin_array_2011 = new Array();coin_array_2011[0]=29;coin_array_2011[1]=8;coin_array_2011[2]=16;coin_array_2011[3]=2011; function coins(coin_array) {
num_gold_coins=Math.floor((Math.ceil((coin_array[0]*250)/62))/10); num_silver_coins=Math.floor((Math.ceil((coin_array[1]*250)/62))/10); num_bronze_coins=Math.floor((Math.ceil((coin_array[2]*250)/62))/10); gtemp=0; gc=0; gh=0; stemp=0; sc=0; sh=0; btemp=0; bc=0; bh=0; var randomnumber=0 $("#gold_coin_graph").html(); $("#silver_coin_graph").html(); $("#bronze_coin_graph").html(); gold_coin_fall(coin_array); silver_coin_fall(coin_array); bronze_coin_fall(coin_array);
} function gold_coin_fall(coin_array) {
if(gc==0)
gh=full_height-coin_height;
else
gh=gh-coin_spacing-coin_height;
if(gtemp==num_gold_coins-1) {$("#gold_coin_graph").append("
$('#year_no_awards').html('Year '+coin_array[3]);
} else$("#gold_coin_graph").append("");
randomnumber=Math.floor(Math.random()*9)-4; //alert(h); $('#gcoin'+gc).animate({ top: gh+'px',
left: '+='+randomnumber,
}, 150,'easeOutBounce', function() { gc=gc+1;
if(gtemp<num_gold_coins-1) { gtemp=gtemp+1; gold_coin_fall(coin_array); }
});
}
function silver_coin_fall(coin_array) {
if(sc==0)
sh=full_height-coin_height;
else
sh=sh-coin_spacing-coin_height;
if(stemp==num_silver_coins-1)$("#silver_coin_graph").append("
else$("#silver_coin_graph").append("");
randomnumber=Math.floor(Math.random()*9)-4; //alert(h); $('#scoin'+sc).animate({ top: sh+'px',
left: '+='+randomnumber,
}, 150,'easeOutBounce', function() { sc=sc+1;
if(stemp<num_silver_coins-1) { stemp=stemp+1; silver_coin_fall(coin_array); }
});
}
function bronze_coin_fall(coin_array) {
if(bc==0)
bh=full_height-coin_height;
else
bh=bh-coin_spacing-coin_height;
if(btemp==num_bronze_coins-1)$("#bronze_coin_graph").append("
else$("#bronze_coin_graph").append("");
randomnumber=Math.floor(Math.random()*9)-4; //alert(h); $('#bcoin'+bc).animate({ top: bh+'px',
left: '+='+randomnumber,
}, 150,'easeOutBounce', function() { bc=bc+1;
if(btemp<num_bronze_coins-1) { btemp=btemp+1; bronze_coin_fall(coin_array); }
});
}
function init_tracks_graph() {
function n(c) { c.disabled = true; google.visualization .events .addListener(h, "ready", function () { c.disabled = false }); h.draw(b, a) } var a = { width: 995, height: 450, backgroundColor: { fill: "none" }, legend: { textStyle: { color: "white" } }, vAxis: {
maxValue: 40,
baselineColor: "white", title: "Year", textStyle: { color: "white" }, titleTextStyle: { color: "#ffffff", fontSize: 16 } }, hAxis: {
maxValue: 40,
baselineColor: "white", title: "Tracks", textStyle: { color: "white" }, titleTextStyle: { color: "#ffffff", fontSize: 16 } }, animation: { duration: 1e3, easing: "inAndOut" } }; var b = []; var c = google.visualization .arrayToDataTable([ ["Year", "Food/Energy", "Environment", "Foundational Research", "Information Processing", "Health/Medicine", "Not Specified"], ["2007", 7, 9, 18, 10, 9, 6] ]); var d = google.visualization .arrayToDataTable([ ["Year", "Not Specified"], ["2008", 82] ]); var e = google.visualization .arrayToDataTable([ ["Year", "Food/Energy", "Environment", "Foundational Research", "Information Processing", "Health/Medicine", "Manufacturing", "New Application", "Software Tools", "Not Specified"], ["2009", 8, 16, 21, 8, 15, 14, 13, 8, 2] ]); var f = google.visualization .arrayToDataTable([ ["Year", "Food/Energy", "Environment", "Foundational Research", "Information Processing", "Health/Medicine", "Manufacturing", "New Application", "Software Tools", "Not Specified"], ["2010", 12, 16, 20, 6, 20, 17, 20, 6, 1] ]); var g = google.visualization .arrayToDataTable([ ["Year", "Food/Energy", "Environment", "Foundational Research", "Information Processing", "Health/Medicine", "Manufacturing", "New Application", "Software Tools", "Not Specified"], ["2011", 15, 25, 26, 10, 13, 15, 31, 8, 8] ]); var h = new google.visualization .BarChart(document.getElementById("tracks_graphs")); var i = document.getElementById("b2011"); var j = document.getElementById("b2010"); var k = document.getElementById("b2009"); var l = document.getElementById("b2008"); var m = document.getElementById("b2007"); b = g; i.onclick = function () { b = g; setTimeout("document.getElementById('year_no_tracks').innerHTML='Year 2011';", 1e3); n(i) }; j.onclick = function () { b = f; setTimeout("document.getElementById('year_no_tracks').innerHTML='Year 2010';", 1e3); n(j) }; k.onclick = function () { b = e; setTimeout("document.getElementById('year_no_tracks').innerHTML='Year 2009';", 1e3); n(k) }; l.onclick = function () { b = d; setTimeout("document.getElementById('year_no_tracks').innerHTML='Year 2008';", 1e3); n(l) }; m.onclick = function () { b = c; setTimeout("document.getElementById('year_no_tracks').innerHTML='Year 2007';", 1e3); n(m) }; n(i)
} function draw_map(a) {
var b = null; var c = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["Australia", 1], ["China", 30], ["India", 4], ["Indonesia", 1], ["Japan", 12], ["Korea", 4], ["Taiwan", 4], ["Congo", 1], ["Belgium", 1], ["Denmark", 2], ["France", 4], ["Germany", 10], ["Israel", 1], ["Italy", 2], ["Netherlands", 7], ["Norway", 1], ["Poland", 1], ["Scotland", 2], ["Slovenia", 1], ["Spain", 3], ["Sweden", 2], ["Switzerland", 2], ["Turkey", 3], ["United Kingdom", 7], ["Argentina", 1], ["Brazil", 1], ["Chile", 1], ["Colombia", 1], ["Costa Rica", 1], ["Panama", 3], ["Mexico", 8], ["United States", 56], ["Canada", 11] ]); var d = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["Australia", 2], ["China", 21], ["India", 3], ["Japan", 9], ["Korea", 4], ["Taiwan", 2], ["Belgium", 2], ["Denmark", 3], ["France", 5], ["Germany", 5], ["Italy", 2], ["Netherlands", 4], ["Norway", 1], ["Poland", 1], ["Scotland", 3], ["Spain", 3], ["Sweden", 1], ["Switzerland", 1], ["Turkey", 4], ["United Kingdom", 5], ["Brazil", 1], ["Colombia", 1], ["Panama", 2], ["Mexico", 3], ["United States", 43], ["Canada", 10], ["South Africa", 1], ["Hungary", 1] ]); var e = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["Australia", 3], ["China", 11], ["India", 3], ["Japan", 9], ["Korea", 3], ["Taiwan", 2], ["Belgium", 1], ["Denmark", 2], ["France", 3], ["Germany", 8], ["Italy", 1], ["Netherlands", 2], ["Poland", 1], ["Scotland", 1], ["Slovenia", 1], ["Spain", 2], ["Sweden", 2], ["Switzerland", 2], ["Turkey", 2], ["United Kingdom", 8], ["Panama", 1], ["Mexico", 3], ["United States", 36], ["Canada", 7], ["South Africa", 1], ["Hungary", 1] ]); var f = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["Australia", 2], ["China", 9], ["India", 4], ["Japan", 6], ["Korea", 2], ["Taiwan", 2], ["Belgium", 2], ["Denmark", 2], ["France", 2], ["Germany", 4], ["Italy", 2], ["Netherlands", 2], ["Poland", 1], ["Scotland", 1], ["Slovenia", 1], ["Spain", 2], ["Sweden", 2], ["Switzerland", 1], ["Turkey", 1], ["United Kingdom", 8], ["Brazil", 1], ["Colombia", 2], ["Mexico", 2], ["United States", 30], ["Canada", 10], ["Singapore", 1] ]); var g = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["Australia", 1], ["China", 9], ["India", 1], ["Japan", 3], ["Belgium", 1], ["France", 2], ["Germany", 2], ["Italy", 2], ["Netherlands", 2], ["Poland", 1], ["Scotland", 1], ["Slovenia", 1], ["Spain", 1], ["Switzerland", 2], ["Turkey", 2], ["United Kingdom", 5], ["Colombia", 1], ["Mexico", 2], ["United States", 28], ["Canada", 10], ["Singapore", 1] ]); var h = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["Australia", 1], ["China", 5], ["India", 1], ["Japan", 2], ["Italy", 2], ["Scotland", 1], ["Slovenia", 1], ["Turkey", 1], ["Colombia", 1], ["Mexico", 1], ["United States", 25], ["Canada", 6] ]); var i = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["India", 1], ["Japan", 2], ["Korea", 1], ["Germany", 1], ["Scotland", 1], ["Slovenia", 1], ["Switzerland", 1], ["Turkey", 1], ["United Kingdom", 2], ["Colombia", 1], ["Mexico", 1], ["United States", 23], ["Canada", 3] ]); var j = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["Switzerland", 1], ["United Kingdom", 1], ["United States", 10], ["Canada", 1] ]); var k = google.visualization .arrayToDataTable([ ["Country", "Teams"], ["United States", 5] ]); var l = { legend: { textStyle: { color: "black", fontSize: 16 } }, datalessRegionColor: "#eeeeee", backgroundColor: { fill: "none" }, colorAxis: { minValue: 0, maxValue: 56, colors: ["green", "yellow", "magenta", "red"] }, width: 994, height: 700 }; var m = new google.visualization .GeoChart(document.getElementById("visualization")); if (a == 2012) b = c; else if (a == 2011) b = d; else if (a == 2010) b = e; else if (a == 2009) b = f; else if (a == 2008) b = g; else if (a == 2007) b = h; else if (a == 2006) b = i; else if (a == 2005) b = j; else if (a == 2004) b = k; if (prev_year_num != a) { if (prev_year_num != 0) { $("#visualization").fadeOut("slow", function () { m.draw(b, l); document.getElementById("year_no") .innerHTML = "Year " + a; prev_year_num = a; $("#visualization").fadeIn("slow") }) } else { m.draw(b, l); document.getElementById("year_no") .innerHTML = "Year " + a; prev_year_num = a } }
} var prev_year_num = 0; google.load("visualization", "1", {
packages: ["geochart"]
}); google.load("visualization", "1", {
packages: ["corechart"]
}); $(document).ready(function () {
coins(coin_array_2011); draw_map(2012); init_tracks_graph();
})