Created
November 5, 2014 18:22
-
-
Save iamjwc/7e49a1607a100c5525ef to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var gia = (function (obj){ | |
| var stateEV=[["Alabama","AL",9,"SR"],["Alaska","AK",3,"SR"],["Arizona","AZ",11,"SR"],["Arkansas","AR",6,"SR"],["California","CA",55,"SO"],["Colorado","CO",9,"T"],["Connecticut","CT",7,"LO"],["Delaware","DE",3,"SO"],["Dist. of Columbia","DC",3,"SO"],["Florida","FL",29,"T"],["Georgia","GA",16,"SR"],["Hawaii","HI",4,"SO"],["Idaho","ID",4,"SR"],["Illinois","IL",20,"SO"],["Indiana","IN",11,"SR"],["Iowa","IA",6,"T"],["Kansas","KS",6,"SR"],["Kentucky","KY",8,"SR"],["Louisiana","LA",8,"SR"],["Maine","ME",4,"SO"],["Maryland","MD",10,"SO"],["Massachusetts","MA",11,"SO"],["Michigan","MI",16,"LO"],["Minnesota","MN",10,"SO"],["Mississippi","MS",6,"SR"],["Missouri","MO",10,"LR"],["Montana","MT",3,"SR"],["Nebraska","NE",5,"SR"],["Nevada","NV",6,"T"],["New Hampshire","NH",4,"T"],["New Jersey","NJ",14,"SO"],["New Mexico","NM",5,"SO"],["New York","NY",29,"SO"],["North Carolina","NC",15,"T"],["North Dakota","ND",3,"SR"],["Ohio","OH",18,"T"],["Oklahoma","OK",7,"SR"],["Oregon","OR",7,"SO"],["Pennsylvania","PA",20,"LO"],["Rhode Island","RI",4,"SO"],["South Carolina","SC",9,"SR"],["South Dakota","SD",3,"SR"],["Tennessee","TN",11,"SR"],["Texas","TX",38,"SR"],["Utah","UT",6,"SR"],["Vermont","VT",3,"SO"],["Virginia","VA",13,"T"],["Washington","WA",12,"SO"],["West Virginia","WV",5,"SR"],["Wisconsin","WI",10,"T"],["Wyoming","WY",3,"SR"]]; | |
| var stateFaceLookup={ "VA": "s", "ND": "b", "NY": "h", "AL": "B", "RI": "m", "NE": "c", "MN": "W", "MD": "T", "HI": "K", "DE": "H", "CO": "F", "WY": "x", "MO": "X", "ME": "U", "IA": "L", "OR": "k", "OH": "i","KY": "Q", "IL": "N", "AZ": "D", "TX": "q", "TN": "p", "NH": "d", "GA": "J", "SC": "n", "IN": "O", "ID": "M", "SD": "o", "PA": "l", "OK": "j", "NJ": "e", "MS": "Y", "MI": "V", "FL": "I", "CT":"G", "AR": "C", "WI": "v", "MT": "Z", "US": "z", "VT": "t", "NV": "g", "KS": "P", "CA": "E", "WV": "w", "UT": "r", "NM": "f", "MA": "S", "DC": "y", "WA": "u", "NC": "a", "LA": "R", "AK": "A" } | |
| /* | |
| * | |
| * - ADD LINK TO VOTER REGISTRATION | |
| * - SEND A BALLOON? | |
| * | |
| */ | |
| var w, | |
| h, | |
| origWidth, | |
| padding={"left":35,"top":197,"right":35,"bottom":0}, | |
| demScale,demAxis, | |
| repScale,repAxis, | |
| electoralScale,electoralAxis, | |
| tossupScale,tossupColorScale, | |
| colorScale, | |
| allStates=[],demStates=[],repStates=[],tossupStates=[], | |
| demForce,demNodes,demNodeLinks=[],demForceWidth,demForceHeight, | |
| demLinks,demBalls, | |
| tossupForce,tossupBalls,tossupNodeLinks=[],tossupForceWidth,tossupForceHeight, | |
| tossupLinks,tossupBalls, | |
| blueColor,redColor,purpleColor, | |
| repForce,repNodes,repNodeLinks=[],repForceWidth,repForceHeight, | |
| repLinks,repBalls, | |
| demoBalloon,demoForce,demoNodes,demoLinks, | |
| evScale=7, | |
| tossupThreshhold=3, | |
| demEVs,repEVs,tossupEVs, | |
| floatDiv, | |
| leanLookup={"LO":"Leans Obama","SO":"Strong Obama","LR":"Leans Romney","SR":"Strong Romney"}, | |
| // leanLookup={"LO":"Obama (No Poll)","SO":"Obama (No Poll)","LR":"Romney (No Poll)","SR":"Romney (No Poll)"}, | |
| validBrowser=false; | |
| obj.init = function(){ | |
| // if (document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")) | |
| // validBrowser=true; | |
| w = $(window).width(); | |
| h = $(window).height(); | |
| floatDiv=$('#gia_hover') | |
| $(window).resize(onWindowResize) | |
| onWindowResize(); | |
| //$.ajaxSetup({cache:true}); | |
| $.getScript("http://gia.guim.co.uk/2012/08/polling/polling-widget/data/pollList.js",onListLoad) | |
| } | |
| onListLoad = function(){ | |
| pollStates=_.filter(gia.pollList,function(state){ | |
| return(state[0].indexOf("Romney vs. Obama")!=-1 && state[0].indexOf("General Election")==-1) | |
| }) | |
| // console.log("pollStates",pollStates) | |
| tossupStates=_.filter(pollStates,function(state){ | |
| return (parseFloat(state[2].split("|")[1])<=tossupThreshhold) | |
| }) | |
| // console.log("tossups",tossupStates) | |
| leanStates=_.reject(pollStates,function(state){ | |
| return (parseFloat(state[2].split("|")[1])<=tossupThreshhold) | |
| }) | |
| // console.log("leanstates",leanStates) | |
| _.each(leanStates,function(state,index){ | |
| if(state[2].split("|")[0]=="Obama") | |
| demStates.push(state) | |
| else if(state[2].split("|")[0]=="Romney") | |
| repStates.push(state) | |
| }) | |
| _.each(stateEV,function(findState){ | |
| var addState; | |
| addState=_.find(tossupStates,function(compareState){ | |
| return (compareState[0].split(":")[0]==findState[0]) | |
| }); | |
| if(addState==undefined){ | |
| addState=_.find(demStates,function(compareState){ | |
| return (compareState[0].split(":")[0]==findState[0]) | |
| }) | |
| if(addState==undefined){ | |
| addState=_.find(repStates,function(compareState){ | |
| return (compareState[0].split(":")[0]==findState[0]) | |
| }) | |
| if(addState==undefined){ | |
| (findState[3]=="SR" || findState[3]=="LR") ? repStates.push([findState[0],"null",findState[3]]) : demStates.push([findState[0],"null",findState[3]]); | |
| //console.log("no poll data for",findState) | |
| } | |
| } | |
| } | |
| }); | |
| setupNodes(); | |
| setDate(); | |
| populateStates(); | |
| updateEVs();//setInterval(blowBalloons,4000) | |
| initd3(); | |
| } | |
| setupNodes = function(){ | |
| //demNodes = d3.range(20).map(function(el,index){var ev=3+Math.ceil(Math.random()*22); return {"x":Math.ceil(Math.random()*w/2),"y":100+Math.ceil(Math.random()*(h-200)),"electoralVotes":ev}}); | |
| demNodes = demStates.map( | |
| function(el,index){ | |
| var ev=_.find(stateEV,function(state){ | |
| return state[0]==el[0].split(":")[0]; | |
| }); | |
| if(el[2].split("|").length>1){ | |
| spread=parseFloat(el[2].split("|")[1]) | |
| if(el[2].split("|")[0]=="Obama") spread=-spread; | |
| } | |
| else | |
| spread=el[2] | |
| stateName=el[0].split(":")[0]; | |
| return {"nodeType":"democrat","pollSpread":spread,"ev":ev[2],"name":stateName,"postal":ev[1],"y":100+Math.random()*((2/3)*h-100)} | |
| }); | |
| // console.log("democrat states") | |
| //link each node to itself, just to get the strings | |
| demNodes.forEach(function(el,index){demNodeLinks.push({"source":index,"target":index});}) | |
| repNodes = repStates.map( | |
| function(el,index){ | |
| var ev=_.find(stateEV,function(state){ | |
| return state[0]==el[0].split(":")[0]; | |
| }); | |
| if(el[2].split("|").length>1){ | |
| spread=parseFloat(el[2].split("|")[1]) | |
| if(el[2].split("|")[0]=="Romney") spread=-spread; | |
| } | |
| else | |
| spread=el[2] | |
| stateName=el[0].split(":")[0]; | |
| return {"nodeType":"republican","pollSpread":spread,"ev":ev[2],"name":stateName,"postal":ev[1],"x":w*(2/3)+Math.random()*w*(1/3),"y":100+Math.random()*((2/3)*h-100)} | |
| }); | |
| // console.log("republican states") | |
| //link each node to itself, just to get the strings | |
| repNodes.forEach(function(el,index){repNodeLinks.push({"source":index,"target":index});}) | |
| tossupNodes = tossupStates.map( | |
| function(el,index){ | |
| var ev=_.find(stateEV,function(state){ | |
| return state[0]==el[0].split(":")[0]; | |
| }); | |
| stateName=el[0].split(":")[0]; | |
| spread=parseFloat(el[2].split("|")[1]) | |
| if(el[2].split("|")[0]=="Obama") spread=-spread; | |
| return {"nodeType":"tossup","pollSpread":spread,"ev":ev[2],"name":stateName,"postal":ev[1],"x":w*(1/3)+Math.random()*w*(1/3),"y":100+Math.random()*((2/3)*h-100)} | |
| }); | |
| // console.log("tossup states") | |
| //link each node to itself, just to get the strings | |
| tossupNodes.forEach(function(el,index){tossupNodeLinks.push({"source":index,"target":index});}) | |
| } | |
| initd3 = function(){ | |
| blueColor=d3.rgb("#0061a6"); | |
| redColor=d3.rgb("#e14038"); | |
| purpleColor=d3.rgb("#654766"); | |
| svg = d3.select("#svg_holder") | |
| .append("svg") | |
| .attr("width", w) | |
| .attr("height", h); | |
| tossupColorScale=d3.scale.linear() | |
| .domain([-tossupThreshhold,tossupThreshhold]) | |
| .range([blueColor.toString(),redColor.toString()]); | |
| demForceWidth=(w-(394*2)); | |
| demForceHeight=300+$('#barack_n_mitt').offset().top | |
| demForce = d3.layout.force() | |
| .nodes(demNodes) | |
| .links(demNodeLinks) | |
| .size([demForceWidth, demForceHeight]) | |
| .charge(function(d){return (-1)*Math.pow(Math.sqrt(d.ev)*evScale,2)/10}) | |
| .gravity(.095) | |
| .friction(.9) | |
| .start(); | |
| //force.stop(); | |
| var demLinks = svg.selectAll("demline.link") | |
| .data(demNodeLinks) | |
| .enter().append("line") | |
| .attr("class", "link") | |
| .style("stroke-width", .5);//function(d) { return Math.sqrt(d.value); }); | |
| var demBallGradient = svg.append("svg:defs") | |
| .append("svg:radialGradient") | |
| .attr("id", "demBallGradient") | |
| .attr("cx", "50%") | |
| .attr("cy", "50%") | |
| .attr("r", "50%") | |
| .attr("fx", "60%") | |
| .attr("fy", "20%") | |
| .attr("spreadMethod", "pad"); | |
| demBallGradient.append("svg:stop") | |
| .attr("offset", "0%") | |
| .attr("stop-color", blueColor.brighter().toString()) | |
| .attr("stop-opacity", .75); | |
| demBallGradient.append("svg:stop") | |
| .attr("offset", "100%") | |
| .attr("stop-color", blueColor.toString()) | |
| .attr("stop-opacity", 1); | |
| demBalls=svg.selectAll("obamas") | |
| .data(demNodes) | |
| .enter() | |
| .append("svg:circle") | |
| .attr("class", "node") | |
| .attr("cx", function(d) { return d.x; }) | |
| .attr("cy", function(d) { return d.y; }) | |
| .attr("r", function(d){ return Math.sqrt(d.ev)*evScale;}) | |
| .style("opacity","1") | |
| .style("fill", "url(#demBallGradient)") | |
| .style("stroke", blueColor.darker().toString()) | |
| .style("stroke-width", .2) | |
| .call(demForce.drag) | |
| .on("mouseover",overBalloon) | |
| .on("mouseout",offBalloon); | |
| demForce.on("tick", function(e) { | |
| // Push different nodes in different directions for clustering. | |
| //e.alpha; | |
| demLinks.attr("x1", function(d) { return d.source.x; }) | |
| .attr("y1", function(d) { return d.source.y; }) | |
| .attr("x2", function(d) { return demForceWidth/2 }) | |
| .attr("y2", function(d) { return padding.top+$('#barack_n_mitt').offset().top }); | |
| demBalls.attr("cx", function(d,i) { return d.x; }) | |
| .attr("cy", function(d,i) { return d.y; }); | |
| }); | |
| repForceWidth=(w+(386*2)); | |
| repForceHeight=300+$('#barack_n_mitt').offset().top; | |
| repForce = d3.layout.force() | |
| .nodes(repNodes) | |
| .links(repNodeLinks) | |
| .size([repForceWidth,repForceHeight]) | |
| .charge(function(d){return (-1)*Math.pow(Math.sqrt(d.ev)*evScale,2)/10}) | |
| .gravity(.095) | |
| .friction(.9) | |
| .start(); | |
| //force.stop(); | |
| var repLinks = svg.selectAll("repline.link") | |
| .data(repNodeLinks) | |
| .enter().append("line") | |
| .attr("class", "link") | |
| .style("stroke-width", .5);//function(d) { return Math.sqrt(d.value); }); | |
| var repBallGradient = svg.append("svg:defs") | |
| .append("svg:radialGradient") | |
| .attr("id", "repBallGradient") | |
| .attr("cx", "50%") | |
| .attr("cy", "50%") | |
| .attr("r", "50%") | |
| .attr("fx", "40%") | |
| .attr("fy", "20%") | |
| .attr("spreadMethod", "pad"); | |
| repBallGradient.append("svg:stop") | |
| .attr("offset", "0%") | |
| .attr("stop-color", redColor.brighter(1.5).toString()) | |
| .attr("stop-opacity", .75); | |
| repBallGradient.append("svg:stop") | |
| .attr("offset", "100%") | |
| .attr("stop-color", redColor.toString()) | |
| .attr("stop-opacity", 1); | |
| repBalls=svg.selectAll("romneys") | |
| .data(repNodes) | |
| .enter() | |
| .append("svg:circle") | |
| .attr("class", "node") | |
| .attr("cx", function(d) { return d.x; }) | |
| .attr("cy", function(d) { return d.y; }) | |
| .attr("r", function(d){ return Math.sqrt(d.ev)*evScale;}) | |
| .style("opacity","1") | |
| .style("fill", "url(#repBallGradient)") | |
| .style("stroke", redColor.darker().toString()) | |
| .style("stroke-width", .2) | |
| .on("mouseover",overBalloon) | |
| .on("mouseout",offBalloon) | |
| .call(repForce.drag); | |
| repForce.on("tick", function(e) { | |
| // Push different nodes in different directions for clustering. | |
| //e.alpha; | |
| repLinks.attr("x1", function(d) { return d.source.x; }) | |
| .attr("y1", function(d) { return d.source.y; }) | |
| .attr("x2", function(d) { return repForceWidth/2 }) | |
| .attr("y2", function(d) { return padding.top+$('#barack_n_mitt').offset().top }); | |
| repBalls.attr("cx", function(d,i) { return d.x; }) | |
| .attr("cy", function(d,i) { return d.y; }); | |
| }); | |
| tossupForceWidth=w-6; | |
| tossupForceHeight=375+$('#barack_n_mitt').offset().top; | |
| tossupForce = d3.layout.force() | |
| .nodes(tossupNodes) | |
| .links(tossupNodeLinks) | |
| .size([tossupForceWidth,tossupForceHeight]) | |
| .charge(function(d){return (-1)*Math.pow(Math.sqrt(d.ev)*evScale,2)/10}) | |
| .gravity(.095) | |
| .friction(.9) | |
| .start(); | |
| //force.stop(); | |
| var tossupLinks = svg.selectAll("tossline.link") | |
| .data(tossupNodeLinks) | |
| .enter().append("line") | |
| .attr("class", "link") | |
| .style("stroke-width", .5);//function(d) { return Math.sqrt(d.value); }); | |
| tossupBalls=svg.selectAll("tossups") | |
| .data(tossupNodes) | |
| .enter() | |
| .append("svg:circle") | |
| .attr("class", "node") | |
| .attr("cx", function(d) { return d.x; }) | |
| .attr("cy", function(d) { return d.y; }) | |
| .attr("r", function(d){ return Math.sqrt(d.ev)*evScale;}) | |
| .style("opacity","1") | |
| .style("fill", function(d) { | |
| var gradientID="tossupGradient"+String(Math.round(Math.random()*1000)); | |
| var tossupGradient = svg.append("svg:defs") | |
| .append("svg:radialGradient") | |
| .attr("id", gradientID) | |
| .attr("cx", "50%") | |
| .attr("cy", "50%") | |
| .attr("r", "50%") | |
| .attr("fx", "50%") | |
| .attr("fy", "20%") | |
| .attr("spreadMethod", "pad"); | |
| tossupGradient.append("svg:stop") | |
| .attr("offset", "0%") | |
| .attr("stop-color", d3.rgb(tossupColorScale(d.pollSpread)).brighter().toString() ) | |
| .attr("stop-opacity", .75); | |
| tossupGradient.append("svg:stop") | |
| .attr("offset", "100%") | |
| .attr("stop-color", d3.rgb(tossupColorScale(d.pollSpread)).toString()) | |
| .attr("stop-opacity", 1); | |
| return "url(#"+gradientID+")" | |
| }) | |
| .style("stroke", function(d) { return d3.rgb(tossupColorScale(d.pollSpread)).darker().toString() }) | |
| .style("stroke-width", .2) | |
| .call(tossupForce.drag) | |
| .on("mouseover",overBalloon) | |
| .on("mouseout",offBalloon); | |
| tossupForce.on("tick", function(e) { | |
| // Push different nodes in different directions for clustering. | |
| //e.alpha; | |
| tossupLinks.attr("x1", function(d) { return d.source.x; }) | |
| .attr("y1", function(d) { return d.source.y; }) | |
| .attr("x2", function(d) { return tossupForceWidth/2 }) | |
| .attr("y2", function(d) { return padding.top+$('#barack_n_mitt').offset().top }); | |
| tossupBalls.attr("cx", function(d,i) { return d.x; }) | |
| .attr("cy", function(d,i) { return d.y; }); | |
| }); | |
| } | |
| populateStates = function(){ | |
| demStates=""; | |
| _.each(demNodes,function(node){ | |
| demStates+="<span id='"+node.postal+"' class='StateFaceRegular'>"+stateFaceLookup[node.postal]+"</span>" | |
| }) | |
| $('.state_font_wrapper:eq(0)').html(demStates); | |
| tossupStates=""; | |
| _.each(tossupNodes,function(node){ | |
| tossupStates+="<span id='"+node.postal+"' class='StateFaceRegular'>"+stateFaceLookup[node.postal]+"</span>" | |
| }) | |
| $('.state_font_wrapper:eq(1)').html(tossupStates); | |
| repStates=""; | |
| _.each(repNodes,function(node){ | |
| repStates+="<span id='"+node.postal+"' class='StateFaceRegular'>"+stateFaceLookup[node.postal]+"</span>" | |
| }) | |
| $('.state_font_wrapper:eq(2)').html(repStates); | |
| $('.state_font_wrapper').children().each(function(){ | |
| $(this).mouseover(function(){ | |
| var lookupID=$(this).attr("id"); | |
| d3.selectAll(".node").each(function(d){ | |
| if(d.postal==lookupID) | |
| //$(d).trigger('mouseover') | |
| overBalloon(d,"true"); | |
| }) | |
| }) | |
| }) | |
| $('.state_font_wrapper').children().each(function(){ | |
| $(this).mouseout(function(){ | |
| var lookupID=$(this).attr("id"); | |
| d3.selectAll(".node").each(function(d){ | |
| if(d.postal==lookupID) | |
| offBalloon(d,"true"); | |
| }) | |
| }) | |
| }) | |
| } | |
| setDate = function(){ | |
| var today=new Date(); | |
| var electionDay=new Date("November 6, 2012") | |
| var difference=electionDay.getTime()-today.getTime(); | |
| var one_day=1000*60*60*24; | |
| if(Math.ceil(difference/one_day)==0) | |
| $('#day_count').text("today,"); | |
| else if (Math.ceil(difference/one_day)==1) | |
| $('#day_count').text(" in "+Math.ceil(difference/one_day)+" day on"); | |
| else | |
| $('#day_count').text(" in "+Math.ceil(difference/one_day)+" days on"); | |
| // set updated date | |
| var lastUpdated; | |
| var dateList=[]; | |
| _.each(pollStates,function(state){ | |
| dateList.push(new Date(state[3])) | |
| }) | |
| dateList.sort(date_sort_asc); | |
| $('#update_div').text("Updated "+moment(dateList[dateList.length-1]).format("dddd, MMMM Do YYYY, h:mm a")) | |
| } | |
| updateEVs = function(){ | |
| demEVs=0; | |
| _.each(demNodes,function(demState){demEVs+=demState.ev}) | |
| $('#barack_num').text(demEVs) | |
| repEVs=0; | |
| _.each(repNodes,function(repState){repEVs+=repState.ev}) | |
| $('#mitt_num').text(repEVs) | |
| tossupEVs=0; | |
| _.each(tossupNodes,function(tossupState){tossupEVs+=tossupState.ev}) | |
| $('#tossup_num').text(tossupEVs) | |
| //also set tossup state num | |
| tossupArray=["Zero","One","Two","Three","Four","Five","Six","Seven","Eight","Nine","Ten","Eleven","Twelve"] | |
| if(tossupNodes.length > 1) | |
| $('#tossup_state_num').text(String(tossupArray[tossupNodes.length])+" states' polls were") | |
| else | |
| $('#tossup_state_num').text(String(tossupArray[tossupNodes.length])+" state's poll is"); | |
| $('#tossup_range').text(tossupThreshhold); | |
| (repEVs > demEVs) ? $('#leader_span').text("Romney leading Obama") : $('#leader_span').text("Obama leading Romney") | |
| } | |
| overBalloon = function(balloon,overState){ | |
| var targetForce; | |
| if (balloon.nodeType=="democrat") targetForce=demForce; | |
| else if (balloon.nodeType=="republican") targetForce=repForce; | |
| else if (balloon.nodeType=="tossup") targetForce=tossupForce; | |
| targetForce.charge( | |
| function(d){ | |
| if(d!=balloon) | |
| return (-1)*Math.pow(Math.sqrt(d.ev)*evScale,2)/10 | |
| else | |
| return Math.sqrt(d.ev)*evScale-650; | |
| }) | |
| if(overState!="true") overState="false"; | |
| if(overState=="true"){ | |
| var targetNodes=targetForce.nodes(); | |
| _.each(targetNodes,function(node){ | |
| if(node==balloon) | |
| balloon.fixed=true; | |
| }) | |
| }; | |
| targetForce.start(); | |
| $('#gia_hover_state_name').text(balloon.name) | |
| $('#gia_hover_state_ev').text(balloon.ev) | |
| if (balloon.nodeType=="democrat"){ | |
| $('#'+balloon.postal+"").css("color",blueColor.toString()) | |
| $('#gia_hover_state_ev').css("color",blueColor.toString()) | |
| if(balloon.pollSpread<0) | |
| $('#gia_hover_state_copy').text("Obama +"+Math.abs(balloon.pollSpread)+"%") | |
| else | |
| $('#gia_hover_state_copy').text(leanLookup[balloon.pollSpread]) | |
| } | |
| else if (balloon.nodeType=="republican") { | |
| $('#'+balloon.postal).css("color",redColor.toString()) | |
| $('#gia_hover_state_ev').css("color",redColor.toString()) | |
| if(balloon.pollSpread<0) | |
| $('#gia_hover_state_copy').text("Romney +"+Math.abs(balloon.pollSpread)+"%") | |
| else | |
| $('#gia_hover_state_copy').text(leanLookup[balloon.pollSpread]) | |
| } | |
| else if (balloon.nodeType=="tossup") { | |
| $('#'+balloon.postal).css("color",purpleColor.toString()) | |
| $('#gia_hover_state_ev').css("color",purpleColor.toString()) | |
| if(balloon.pollSpread<0) | |
| $('#gia_hover_state_copy').text("Obama +"+Math.abs(balloon.pollSpread)+"%") | |
| else if(balloon.pollSpread>0) | |
| $('#gia_hover_state_copy').text("Romney +"+Math.abs(balloon.pollSpread)+"%") | |
| else if(balloon.pollSpread==0) | |
| $('#gia_hover_state_copy').text("Even") | |
| } | |
| floatDiv.css('visibility', 'hidden').show(); | |
| var hoverWidth= floatDiv.width(); | |
| floatDiv.css('visibility', 'visible').hide(); | |
| if(balloon.x+$('#svg_holder').offset().left > $(window).width()/2) | |
| $('#gia_hover').css({"top":balloon.y-(Math.sqrt(balloon.ev)*evScale),"left":(balloon.x+$('#svg_holder').offset().left)-(Math.sqrt(balloon.ev)*evScale)-hoverWidth-20}) | |
| else | |
| $('#gia_hover').css({"top":balloon.y-(Math.sqrt(balloon.ev)*evScale),"left":(balloon.x+$('#svg_holder').offset().left)+Math.sqrt(balloon.ev)*evScale+2}) | |
| floatDiv.stop(); | |
| floatDiv.fadeTo(100,1) | |
| } | |
| offBalloon = function(balloon,overState){ | |
| var targetForce; | |
| if (balloon.nodeType=="democrat") targetForce=demForce; | |
| else if (balloon.nodeType=="republican") targetForce=repForce; | |
| else if (balloon.nodeType=="tossup") targetForce=tossupForce; | |
| targetForce.charge(function(d){return (-1)*Math.pow(Math.sqrt(d.ev)*evScale,2)/10}) | |
| targetForce.start() | |
| if(overState!="true") overState="false"; | |
| if(overState=="true"){ | |
| var targetNodes=targetForce.nodes(); | |
| _.each(targetNodes,function(node){ | |
| if(node==balloon) | |
| balloon.fixed=false; | |
| }) | |
| } | |
| $('#'+balloon.postal).css("color","#eeeeee") | |
| floatDiv.stop(); | |
| floatDiv.fadeTo(100,0,function(){floatDiv.hide()}) | |
| } | |
| showBrowserWarning = function (){ | |
| } | |
| date_sort_asc = function (date1, date2) { | |
| // This is a comparison function that will result in dates being sorted in | |
| // ASCENDING order. As you can see, JavaScript's native comparison operators | |
| // can be used to compare dates. This was news to me. | |
| if (date1 > date2) return 1; | |
| if (date1 < date2) return -1; | |
| return 0; | |
| }; | |
| onWindowResize = function(){ | |
| $('#svg_holder').css("left",-(w-$(window).width())/2) | |
| $('#count_div').css("left",($(window).width())/2-480) | |
| } | |
| return obj | |
| } (gia || {})); | |
| $(document).ready(function(){ | |
| gia.init(); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment