Last active
August 14, 2021 06:17
-
-
Save arscan/7046646 to your computer and use it in GitHub Desktop.
Wargames Visualization
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
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <head> | |
| <title>Github Wargames</title> | |
| <link href="styles.css" media="all" rel="stylesheet" type="text/css" /> | |
| <link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'> | |
| <meta property="og:image" content="/img/github_wargames_screenshot.png" /> | |
| <meta property="og:description" content="A visualization of all Github activity in the style of WarGames, the classic 80's coldwar movie" /> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script src="http://d3js.org/d3.geo.projection.v0.min.js"></script> | |
| <script src="http://d3js.org/topojson.v1.min.js"></script> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> | |
| <script src="streamwriter.js"></script> | |
| <script src="/streamserver.v0.js"></script> | |
| </head> | |
| <body bgcolor="#000"> | |
| <div id="container"> | |
| <div id="left" class="column"> | |
| <div id="leftmap" class="glowbox"> | |
| <div id="leftmapoverlay"></div> | |
| </div> | |
| <div id="leftmiddle"> | |
| <div class="smallwhite">USA</div> | |
| <div class="smallwhite">EUROPE</div> | |
| <div class="smallwhite">AUS/NZ</div> | |
| <div class="bigred" id="usatotal">00000</div> | |
| <div class="bigred" id="europetotal">00000</div> | |
| <div class="bigred" id="australiatotal">00000</div> | |
| </div> | |
| <div id="leftbottom"> | |
| <div id="leftbottom1" class="glowbox"> | |
| <div id="leftbottom1overlay"></div> | |
| </div> | |
| <div id="leftbottom2" class="glowbox"> | |
| <div class="texttitle"> | |
| Listing Users | |
| </div> | |
| <div id="leftbottom2text"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="center" class="column"> | |
| <div id="centermap" class="glowbox"> | |
| <div id="centermapoverlay">This is the overlay</div> | |
| </div> | |
| <div id="centermiddle"> | |
| <div class="smallwhite">total</div> | |
| <div class="smallwhite">events / min</div> | |
| <div class="smallwhite">elapsed</div> | |
| <div class="bigred" id="eventtotal">00000</div> | |
| <div class="bigred" id="eventpermin">00000</div> | |
| <div class="bigred" id="elapsedtime">00000</div> | |
| </div> | |
| <div id="centerbottom" class="glowbox"> | |
| Welcome to a live <a href="http://github.com">Github</a> visualization in the style of the 80's cold war movie <a href="http://en.wikipedia.org/wiki/WarGames">WarGames</a>. | |
| This is made with nodejs, socket.io, d3, and IRC (as the messaging infrastructure... yeah, really). Data is from <a href="http://github.com/timeline.json">github.com</a> and <a href="http://geonames.org">geonames.org</a>. | |
| <br><br> | |
| This is part of a larger *casual* general purpose streaming data platform I'm putting together. See | |
| the <a href="http://github.com/arscan/streamed">Github repo</a> for information. | |
| </div> | |
| </div> | |
| <div id="right" class="column"> | |
| <div id="rightmap" class="glowbox"> | |
| <div id="rightmapoverlay"></div> | |
| </div> | |
| <div id="rightmiddle"> | |
| <div class="smallwhite">Identified</div> | |
| <div class="smallwhite">Tweets</div> | |
| <div class="smallwhite">Random</div> | |
| <div class="bigred" id="identpercent">00000</div> | |
| <div class="bigred" id="twitter">00000</div> | |
| <div class="bigred" id="fancy2">00000</div> | |
| </div> | |
| <div id="rightbottom"> | |
| <div id="rightbottom1" class="glowbox"> | |
| <div class="texttitle"> | |
| Listing Repos | |
| </div> | |
| <div id="rightbottom1text"> | |
| </div> | |
| </div> | |
| <div id="rightbottom2" class="glowbox"> | |
| <div class="texttitle"> | |
| Listing Languages | |
| </div> | |
| <div id="rightbottom2text"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="paused"> | |
| Paused | |
| </div> | |
| </body> | |
| <script src="scripts.js"></script> | |
| <script type="text/javascript"> | |
| // $.getJSON('http://cdn.api.twitter.com/1/urls/count.json?url=encodeURIComponent(document.URL)&callback=?', null, function (results) { | |
| // alert("done " + results.count); | |
| // }); | |
| /* | |
| function twitCount(data){ | |
| alert(data.count); | |
| } | |
| */ | |
| // jsonparser1(); | |
| </script> | |
| <script> | |
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
| (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
| m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
| })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | |
| ga('create', 'UA-4481396-3', 'robscanlon.com'); | |
| ga('send', 'pageview'); | |
| </script> | |
| </html> |
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
| <?xml version="1.0" standalone="no"?> | |
| <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > | |
| <svg xmlns="http://www.w3.org/2000/svg"> | |
| <metadata></metadata> | |
| <defs> | |
| <font id="lets_go_digitalregular" horiz-adv-x="1042" > | |
| <font-face units-per-em="2048" ascent="1638" descent="-410" /> | |
| <missing-glyph horiz-adv-x="484" /> | |
| <glyph horiz-adv-x="2048" /> | |
| <glyph horiz-adv-x="2048" /> | |
| <glyph unicode="
" horiz-adv-x="2048" /> | |
| <glyph unicode=" " horiz-adv-x="484" /> | |
| <glyph unicode="	" horiz-adv-x="484" /> | |
| <glyph unicode=" " horiz-adv-x="484" /> | |
| <glyph unicode="!" horiz-adv-x="584" d="M186 4l15 173h194l-15 -173h-194zM225 458l26 300l133 121l65 -73l-47 -542zM279 1074l26 298l211 196l-47 -542l-80 -75z" /> | |
| <glyph unicode=""" horiz-adv-x="633" d="M179 1044l22 259h194l-23 -259l-106 -98zM441 1044l23 259h195l-22 -259l-106 -98z" /> | |
| <glyph unicode="#" horiz-adv-x="1238" d="M145 426l106 97h105l87 -97l-106 -96h-104zM177 789l106 97h104l88 -97l-104 -96h-105zM357 145l14 147l104 97l91 -97l-13 -147l-108 -97zM393 559l9 98l104 97l92 -97l-10 -98l-106 -97zM424 923l15 164l107 99l89 -99l-15 -164l-106 -96zM516 426l106 97h87l88 -97 l-106 -96h-88zM547 789l106 97h88l88 -97l-105 -96h-87zM711 145l13 147l106 97l90 -97l-13 -147l-106 -97zM747 559l9 98l106 97l89 -97l-9 -98l-104 -97zM778 923l15 164l108 99l88 -99l-15 -164l-105 -96zM869 426l107 97h104l87 -97l-106 -96h-104zM901 789l106 97h105 l87 -97l-104 -96h-105z" /> | |
| <glyph unicode="$" d="M117 97l105 97h499l89 -97l-106 -97h-499zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM348 1206l104 97h498l89 -97l-106 -98h-497zM385 -201l13 158h194l-13 -158l-106 -97zM397 -76l137 1578l105 97l89 -97 l-140 -1578h-191zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97z" /> | |
| <glyph unicode="%" horiz-adv-x="1431" d="M188 920l89 -91l105 91l15 156l-90 99l-104 -99zM311 788l106 96h102l90 -96l-108 -99h-103zM313 141l318 481l171 46l17 -100l-460 -691zM348 1210l106 99h103l89 -99l-108 -97h-102zM559 920l14 156l105 99l89 -99l-15 -156l-104 -91zM778 242l90 -91l106 91l13 149 l-90 97l-106 -97zM814 896l292 437l270 71l-430 -648l-103 -24zM901 110l108 97h101l87 -97l-104 -97h-101zM938 523l106 99h101l89 -99l-106 -97h-100zM1149 242l13 149l106 97l87 -97l-13 -149l-104 -91z" /> | |
| <glyph unicode="&" horiz-adv-x="1113" d="M128 231l27 311l80 72l109 -121l-22 -262l-106 -97zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM251 97l105 97h365l89 -97l-106 -97h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM348 1206l104 97h365l90 -97l-106 -98h-365zM760 231l22 262l132 121l65 -72 l-26 -311l-106 -97zM810 810l7 78l105 97l89 -97l-11 -127l-80 -74zM955 652l104 96l90 -96l-106 -97z" /> | |
| <glyph unicode="'" horiz-adv-x="368" d="M179 1044l22 259h194l-23 -259l-106 -98z" /> | |
| <glyph unicode="(" horiz-adv-x="642" d="M108 231l87 -97l107 97l22 262l-110 121l-80 -72zM155 761l26 311l106 97l87 -97l-22 -262l-132 -123zM229 97l106 97h86l179 -194h-282zM326 1206l106 97h281l-212 -195h-86z" /> | |
| <glyph unicode=")" horiz-adv-x="642" d="M43 0l212 194h88l89 -97l-106 -97h-283zM156 1303h283l90 -97l-106 -98h-88zM382 231l22 262l134 121l65 -72l-26 -311l-106 -97zM432 810l22 262l108 97l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="*" horiz-adv-x="1126" d="M138 426l46 133l146 76h193l-123 -175l-134 -69zM179 899l136 36l121 -71l91 -173h-194l-130 76zM438 285l13 149l113 180l84 -173l-15 -156l-106 -97zM492 888l13 153l104 97l91 -97l-13 -153l-115 -177zM611 644l89 -175l121 -78l138 35l-26 133l-127 85h-195zM616 696 l119 173l134 66l131 -36l-49 -132l-139 -71h-196z" /> | |
| <glyph unicode="+" horiz-adv-x="1061" d="M145 652l104 96h164l90 -96l-106 -97h-164zM415 354l13 164l108 96l88 -96l-13 -164l-106 -97zM452 786l15 164l106 96l90 -96l-15 -164l-106 -99zM575 652l105 96h163l90 -96l-106 -97h-164z" /> | |
| <glyph unicode="," horiz-adv-x="368" d="M76 -119l25 259h193l-24 -259l-104 -97z" /> | |
| <glyph unicode="-" horiz-adv-x="962" d="M145 652l104 96h594l90 -96l-106 -97h-594z" /> | |
| <glyph unicode="." horiz-adv-x="368" d="M88 0l16 194h194l-17 -194h-193z" /> | |
| <glyph unicode="/" horiz-adv-x="1003" d="M61 188l283 419l172 43l16 -99l-422 -629zM525 881l283 422l274 69l-423 -631l-100 -26z" /> | |
| <glyph unicode="0" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l176 -194h-752zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="1" horiz-adv-x="402" d="M112 37l43 505l80 72l109 -121l-22 -262zM175 761l43 505l177 -194l-23 -262l-132 -123z" /> | |
| <glyph unicode="2" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l176 -194h-752zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="3" d="M145 0l211 194h365l176 -194h-752zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="4" d="M175 761l43 505l177 -194l-23 -262l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="5" d="M145 0l211 194h365l176 -194h-752zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-43 -505z" /> | |
| <glyph unicode="6" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l176 -194h-752zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-43 -505z" /> | |
| <glyph unicode="7" d="M259 1303h752l-210 -195h-365zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="8" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l176 -194h-752zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l22 262l211 194 l-43 -505l-80 -74z" /> | |
| <glyph unicode="9" d="M145 0l211 194h365l176 -194h-752zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode=":" horiz-adv-x="454" d="M130 0l17 194h196l-17 -194h-196zM209 892l16 193h196l-17 -193h-195z" /> | |
| <glyph unicode=";" horiz-adv-x="454" d="M119 -119l24 259h196l-24 -259l-106 -97zM209 892l16 193h196l-17 -193h-195z" /> | |
| <glyph unicode="<" horiz-adv-x="729" d="M141 624h274l259 -272l-13 -136h-138zM147 676l453 411h137l-11 -137l-305 -274h-274z" /> | |
| <glyph unicode="=" horiz-adv-x="962" d="M130 486l105 97h594l89 -97l-106 -99h-594zM158 817l106 99h594l88 -99l-104 -96h-594z" /> | |
| <glyph unicode=">" horiz-adv-x="729" d="M106 216l13 136l302 272h275l-452 -408h-138zM171 950l11 137h138l382 -411h-276z" /> | |
| <glyph unicode="?" d="M84 -266h193l19 193h-194zM108 0l47 542l80 72l109 -121l-26 -299zM222 1303h595l90 -97l-106 -98h-403zM276 652l104 96h413l90 -96l-107 -97h-413zM810 810l22 262l106 97l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="@" horiz-adv-x="1260" d="M128 231l27 311l80 72l109 -121l-22 -262l-106 -97zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM251 97l105 97h748l91 -97l-108 -97h-748zM348 1206l104 97h775l-210 -195h-581zM458 542l19 212l82 73l109 -121l-15 -164l-104 -97zM583 408l106 98h275l177 -195 h-469zM600 864l104 97h324l89 -97l-106 -97h-324zM1002 542l15 164l134 121l65 -73l-36 -406zM1044 1022l4 50l212 194l-24 -292l-80 -75z" /> | |
| <glyph unicode="A" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="B" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l89 -97l-106 -97h-559zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97z M810 810l22 262l106 97l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="C" d="M128 231l88 -97l106 97l22 262l-109 121l-80 -72zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM251 97l105 97h400l177 -194h-594zM348 1206l104 97h594l-210 -195h-400z" /> | |
| <glyph unicode="D" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l89 -97l-106 -97h-559zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l22 262l106 97l88 -97l-26 -311 l-80 -74z" /> | |
| <glyph unicode="E" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h400l177 -194h-788zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h787l-210 -195h-400zM276 652l104 96h413l90 -96l-107 -97h-413z" /> | |
| <glyph unicode="F" d="M112 37l43 505l80 72l109 -121l-22 -262zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h787l-210 -195h-400zM276 652l104 96h413l90 -96l-107 -97h-413z" /> | |
| <glyph unicode="G" d="M128 231l30 339l78 72l110 -121l-24 -290l-106 -97zM177 788l24 284l106 97l88 -97l-21 -236l-130 -121zM251 97l88 -97h365l106 97l-89 97h-365zM348 1206l104 97h594l-210 -195h-400zM471 678l104 98h220l89 -98l-106 -97h-219zM760 231l24 290l132 121l67 -72 l-30 -339l-106 -97z" /> | |
| <glyph unicode="H" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l47 542l176 -195l-26 -298l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="I" horiz-adv-x="584" d="M212 194l26 299l133 121l65 -72l-47 -542zM266 810l26 298l211 195l-47 -542l-80 -74z" /> | |
| <glyph unicode="J" d="M128 231l88 -97l106 97l15 175l-110 123l-80 -75zM251 97l105 97h365l89 -97l-106 -97h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="K" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l47 542l176 -195l-26 -298l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM421 801l11 139l397 363h137l-11 -139l-396 -363h-138zM756 194l26 299l132 121l65 -72l-46 -542z" /> | |
| <glyph unicode="L" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h400l177 -194h-788zM175 761l47 542l176 -195l-26 -298l-132 -123z" /> | |
| <glyph unicode="M" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM480 585l34 381l108 97l87 -97l-33 -381l-104 -99zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="N" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l47 542l176 -195l-26 -298l-132 -123zM274 1303h283l229 -266l-13 -140h-138zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="O" d="M128 231l88 -97l106 97l22 262l-109 121l-80 -72zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM251 97l105 97h365l89 -97l-106 -97h-365zM348 1206l104 97h365l90 -97l-106 -98h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l22 262l106 97 l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="P" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM810 810l22 262l106 97l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="Q" d="M128 231l88 -97l106 97l24 288l-110 121l-78 -72zM177 788l24 284l106 97l88 -97l-21 -236l-130 -121zM251 97l105 97h190l89 -97l-106 -97h-190zM348 1206l104 97h365l90 -97l-106 -98h-365zM585 231l11 140h139l211 -231l-13 -140h-138zM775 406l9 113l132 121l67 -72 l-15 -162l-104 -97zM812 836l20 236l106 97l88 -97l-24 -284l-79 -73z" /> | |
| <glyph unicode="R" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM421 372l13 138h139l341 -370l-13 -140h-140zM810 810l22 262l106 97l88 -97l-26 -311l-80 -74z " /> | |
| <glyph unicode="S" d="M117 97l105 97h499l89 -97l-106 -97h-499zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM348 1206l104 97h498l89 -97l-106 -98h-497zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97z" /> | |
| <glyph unicode="T" d="M171 1206l105 97h716l92 -97l-108 -98h-717zM432 89l35 404l133 121l65 -72l-39 -453l-105 -96zM495 810l13 149l106 97l88 -97l-17 -198l-80 -74z" /> | |
| <glyph unicode="U" d="M128 231l88 -97l106 97l22 262l-109 121l-80 -72zM175 761l47 542l176 -195l-26 -298l-132 -123zM251 97l105 97h365l89 -97l-106 -97h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="V" horiz-adv-x="999" d="M115 93l41 469l80 73l110 -123l-37 -419l-104 -99zM177 780l45 523l176 -195l-24 -278l-132 -123zM371 93l13 138l376 370l156 34l-28 -171l-380 -371h-137zM812 830l24 278l210 195l-44 -523l-80 -73z" /> | |
| <glyph unicode="W" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l176 -194h-752zM175 761l47 542l176 -195l-26 -298l-132 -123zM460 335l33 384l107 98l89 -98l-34 -384l-106 -97zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="X" horiz-adv-x="999" d="M108 0l17 190l316 424h99l-19 -214l-298 -400h-115zM205 1113l17 190h113l229 -402l-18 -214h-99zM594 402l19 212h98l239 -424l-17 -190h-112zM618 687l19 214l298 402h111l-16 -190l-313 -426h-99z" /> | |
| <glyph unicode="Y" d="M175 761l65 -74l132 123l26 298l-176 195zM190 97l104 97h427l89 -97l-106 -97h-427zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="Z" d="M117 97l105 97h512l176 -194h-705zM222 1303h728l89 -97l-106 -98h-535zM225 238l11 134l202 261l104 9l7 -169l-178 -235h-146zM566 670l2 103l223 290h138l-13 -143l-175 -231z" /> | |
| <glyph unicode="[" horiz-adv-x="642" d="M91 37l43 505l80 72l110 -121l-22 -262zM123 0l212 194h86l179 -194h-477zM155 761l42 505l177 -194l-22 -262l-132 -123zM236 1303h477l-212 -195h-86z" /> | |
| <glyph unicode="\" horiz-adv-x="1005" d="M162 1372l261 -69l210 -422l-60 -166l-96 26zM570 551l35 99l164 -43l207 -419l-95 -266z" /> | |
| <glyph unicode="]" horiz-adv-x="642" d="M43 0l212 194h88l176 -194h-476zM156 1303h477l-210 -195h-88zM382 231l22 262l134 121l65 -72l-43 -505zM432 810l22 262l213 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="^" horiz-adv-x="949" d="M158 802l11 138l393 363l-24 -275l-244 -226h-136zM588 1028l25 275l331 -363l-11 -138h-138z" /> | |
| <glyph unicode="_" horiz-adv-x="964" d="M-22 -251l106 96h771l87 -96l-104 -97h-771z" /> | |
| <glyph unicode="`" horiz-adv-x="495" d="M197 1247l174 99l132 -264l-47 -132l-130 35z" /> | |
| <glyph unicode="a" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="b" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l89 -97l-106 -97h-559zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97z M810 810l22 262l106 97l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="c" d="M128 231l88 -97l106 97l22 262l-109 121l-80 -72zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM251 97l105 97h400l177 -194h-594zM348 1206l104 97h594l-210 -195h-400z" /> | |
| <glyph unicode="d" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l89 -97l-106 -97h-559zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l22 262l106 97l88 -97l-26 -311 l-80 -74z" /> | |
| <glyph unicode="e" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h400l177 -194h-788zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h787l-210 -195h-400zM276 652l104 96h413l90 -96l-107 -97h-413z" /> | |
| <glyph unicode="f" d="M112 37l43 505l80 72l109 -121l-22 -262zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h787l-210 -195h-400zM276 652l104 96h413l90 -96l-107 -97h-413z" /> | |
| <glyph unicode="g" d="M128 231l30 339l78 72l110 -121l-24 -290l-106 -97zM177 788l24 284l106 97l88 -97l-21 -236l-130 -121zM251 97l88 -97h365l106 97l-89 97h-365zM348 1206l104 97h594l-210 -195h-400zM471 678l104 98h220l89 -98l-106 -97h-219zM760 231l24 290l132 121l67 -72 l-30 -339l-106 -97z" /> | |
| <glyph unicode="h" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l47 542l176 -195l-26 -298l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="i" horiz-adv-x="584" d="M212 194l26 299l133 121l65 -72l-47 -542zM266 810l26 298l211 195l-47 -542l-80 -74z" /> | |
| <glyph unicode="j" d="M128 231l88 -97l106 97l15 175l-110 123l-80 -75zM251 97l105 97h365l89 -97l-106 -97h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="k" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l47 542l176 -195l-26 -298l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM421 801l11 139l397 363h137l-11 -139l-396 -363h-138zM756 194l26 299l132 121l65 -72l-46 -542z" /> | |
| <glyph unicode="l" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h400l177 -194h-788zM175 761l47 542l176 -195l-26 -298l-132 -123z" /> | |
| <glyph unicode="m" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h752l-210 -195h-365zM480 585l34 381l108 97l87 -97l-33 -381l-104 -99zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l22 262l211 194l-43 -505l-80 -74z" /> | |
| <glyph unicode="n" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l47 542l176 -195l-26 -298l-132 -123zM274 1303h283l229 -266l-13 -140h-138zM756 194l26 299l132 121l65 -72l-46 -542zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="o" d="M128 231l88 -97l106 97l22 262l-109 121l-80 -72zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM251 97l105 97h365l89 -97l-106 -97h-365zM348 1206l104 97h365l90 -97l-106 -98h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l22 262l106 97 l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="p" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM810 810l22 262l106 97l88 -97l-26 -311l-80 -74z" /> | |
| <glyph unicode="q" d="M128 231l88 -97l106 97l24 288l-110 121l-78 -72zM177 788l24 284l106 97l88 -97l-21 -236l-130 -121zM251 97l105 97h190l89 -97l-106 -97h-190zM348 1206l104 97h365l90 -97l-106 -98h-365zM585 231l11 140h139l211 -231l-13 -140h-138zM775 406l9 113l132 121l67 -72 l-15 -162l-104 -97zM812 836l20 236l106 97l88 -97l-24 -284l-79 -73z" /> | |
| <glyph unicode="r" d="M108 0l47 542l80 72l109 -121l-26 -299zM175 761l43 505l177 -194l-23 -262l-132 -123zM259 1303h558l90 -97l-106 -98h-365zM276 652l104 96h413l90 -96l-107 -97h-413zM421 372l13 138h139l341 -370l-13 -140h-140zM810 810l22 262l106 97l88 -97l-26 -311l-80 -74z " /> | |
| <glyph unicode="s" d="M117 97l105 97h499l89 -97l-106 -97h-499zM175 761l26 311l106 97l88 -97l-23 -262l-132 -123zM276 652l104 96h413l90 -96l-107 -97h-413zM348 1206l104 97h498l89 -97l-106 -98h-497zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97z" /> | |
| <glyph unicode="t" d="M171 1206l105 97h716l92 -97l-108 -98h-717zM432 89l35 404l133 121l65 -72l-39 -453l-105 -96zM495 810l13 149l106 97l88 -97l-17 -198l-80 -74z" /> | |
| <glyph unicode="u" d="M128 231l88 -97l106 97l22 262l-109 121l-80 -72zM175 761l47 542l176 -195l-26 -298l-132 -123zM251 97l105 97h365l89 -97l-106 -97h-365zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="v" horiz-adv-x="999" d="M115 93l41 469l80 73l110 -123l-37 -419l-104 -99zM177 780l45 523l176 -195l-24 -278l-132 -123zM371 93l13 138l376 370l156 34l-28 -171l-380 -371h-137zM812 830l24 278l210 195l-44 -523l-80 -73z" /> | |
| <glyph unicode="w" d="M112 37l43 505l80 72l109 -121l-22 -262zM145 0l211 194h365l176 -194h-752zM175 761l47 542l176 -195l-26 -298l-132 -123zM460 335l33 384l107 98l89 -98l-34 -384l-106 -97zM760 231l22 262l132 121l65 -72l-43 -505zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="x" horiz-adv-x="999" d="M108 0l17 190l316 424h99l-19 -214l-298 -400h-115zM205 1113l17 190h113l229 -402l-18 -214h-99zM594 402l19 212h98l239 -424l-17 -190h-112zM618 687l19 214l298 402h111l-16 -190l-313 -426h-99z" /> | |
| <glyph unicode="y" d="M175 761l65 -74l132 123l26 298l-176 195zM190 97l104 97h427l89 -97l-106 -97h-427zM276 652l104 96h413l90 -96l-107 -97h-413zM760 231l22 262l132 121l65 -72l-26 -311l-106 -97zM810 810l26 298l210 195l-46 -542l-80 -74z" /> | |
| <glyph unicode="z" d="M117 97l105 97h512l176 -194h-705zM222 1303h728l89 -97l-106 -98h-535zM225 238l11 134l202 261l104 9l7 -169l-178 -235h-146zM566 670l2 103l223 290h138l-13 -143l-175 -231z" /> | |
| <glyph unicode="{" horiz-adv-x="804" d="M101 652l106 96h95l89 -96l-106 -97h-95zM270 231l22 262l132 121l66 -72l-26 -311l-107 -97zM320 810l23 262l106 97l87 -97l-26 -311l-80 -74zM391 97l104 97h88l178 -194h-283zM488 1206l104 97h283l-212 -195h-88z" /> | |
| <glyph unicode="|" horiz-adv-x="646" d="M197 -348l144 1651h191l-143 -1651h-192z" /> | |
| <glyph unicode="}" horiz-adv-x="804" d="M43 0l212 194h88l89 -97l-106 -97h-283zM156 1303h283l90 -97l-106 -98h-88zM382 231l26 311l82 72l110 -121l-23 -262l-106 -97zM428 761l26 311l108 97l88 -97l-23 -262l-132 -123zM529 652l104 96h95l91 -96l-108 -97h-95z" /> | |
| <glyph unicode="~" horiz-adv-x="867" d="M130 484l15 177q43 43 85 62.5t88 19.5q73 0 190 -52q71 -32 132 -32q52 0 101.5 27t105.5 83l-17 -184q-32 -37 -86.5 -58.5t-121.5 -21.5q-65 0 -127 18q-15 6 -84 39q-48 24 -85 24q-39 0 -85 -23t-111 -79z" /> | |
| <glyph unicode="­" horiz-adv-x="962" d="M145 652l104 96h594l90 -96l-106 -97h-594z" /> | |
| <glyph unicode=" " horiz-adv-x="799" /> | |
| <glyph unicode=" " horiz-adv-x="1599" /> | |
| <glyph unicode=" " horiz-adv-x="799" /> | |
| <glyph unicode=" " horiz-adv-x="1599" /> | |
| <glyph unicode=" " horiz-adv-x="533" /> | |
| <glyph unicode=" " horiz-adv-x="399" /> | |
| <glyph unicode=" " horiz-adv-x="266" /> | |
| <glyph unicode=" " horiz-adv-x="266" /> | |
| <glyph unicode=" " horiz-adv-x="199" /> | |
| <glyph unicode=" " horiz-adv-x="319" /> | |
| <glyph unicode=" " horiz-adv-x="88" /> | |
| <glyph unicode="‐" horiz-adv-x="962" d="M145 652l104 96h594l90 -96l-106 -97h-594z" /> | |
| <glyph unicode="‑" horiz-adv-x="962" d="M145 652l104 96h594l90 -96l-106 -97h-594z" /> | |
| <glyph unicode="‒" horiz-adv-x="962" d="M145 652l104 96h594l90 -96l-106 -97h-594z" /> | |
| <glyph unicode="–" horiz-adv-x="955" d="M143 614q0 25 2 38q13 162 138 276.5t285 114.5q155 0 257 -102.5t102 -253.5q0 -24 -2 -35q-15 -162 -138.5 -276.5t-287.5 -114.5q-151 0 -253.5 102t-102.5 251z" /> | |
| <glyph unicode="—" horiz-adv-x="990" d="M54 652l76 69h849l65 -69l-78 -69h-849z" /> | |
| <glyph unicode="’" horiz-adv-x="368" d="M169 946l25 260l104 97l89 -97l-24 -260h-194z" /> | |
| <glyph unicode="“" horiz-adv-x="368" d="M179 1044l22 259h194l-23 -259l-106 -98z" /> | |
| <glyph unicode="”" horiz-adv-x="633" d="M169 946l25 260l104 97l89 -97l-24 -260h-194zM432 946l24 260l106 97l90 -97l-25 -260h-195z" /> | |
| <glyph unicode="•" horiz-adv-x="633" d="M179 1044l22 259h194l-23 -259l-106 -98zM441 1044l23 259h195l-22 -259l-106 -98z" /> | |
| <glyph unicode=" " horiz-adv-x="319" /> | |
| <glyph unicode=" " horiz-adv-x="399" /> | |
| <glyph unicode="" horiz-adv-x="1303" d="M0 0v1303h1303v-1303h-1303z" /> | |
| </font> | |
| </defs></svg> |
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
| $("#centermapoverlay").streamwriter({enabled:false}); | |
| $("#leftmapoverlay").streamwriter({enabled:false}); | |
| $("#leftbottom1overlay").streamwriter({enabled:false}); | |
| $("#rightmapoverlay").streamwriter({enabled:false}); | |
| $("#rightbottom1text").streamwriter({enabled:false,charblock: 20, maxlines:7, timeout: 20}); | |
| $("#rightbottom2text").streamwriter({enabled:false,maxlines:7, charblock: 20, timeout: 20}); | |
| $("#leftbottom2text").streamwriter({enabled:false,maxlines:7, charblock: 20, timeout: 20}); | |
| var width = 500, | |
| height = 300; | |
| var eventcount = 0, | |
| australiacount = 0, | |
| europecount=0, | |
| usacount=0, | |
| identyes=0; | |
| var starttime = new Date(); | |
| var paused = false; | |
| $('#leftbottom2').mouseenter(function() { | |
| paused = true; | |
| $('#paused').css('display','inherit'); | |
| }); | |
| $('#leftbottom2').mouseleave(function() { | |
| $('#paused').css('display','none'); | |
| paused = false; | |
| }); | |
| $('#rightbottom1').mouseenter(function() { | |
| paused = true; | |
| $('#paused').css('display','inherit'); | |
| }); | |
| $('#rightbottom1').mouseleave(function() { | |
| $('#paused').css('display','none'); | |
| paused = false; | |
| }); | |
| $('#rightbottom2').mouseenter(function() { | |
| paused = true; | |
| $('#paused').css('display','inherit'); | |
| }); | |
| $('#rightbottom2').mouseleave(function() { | |
| $('#paused').css('display','none'); | |
| paused = false; | |
| }); | |
| var centerprojection = d3.geo.mercator() //d3.geo.mercator() | |
| .scale(80) | |
| .translate([width / 2, height / 2]) | |
| .precision(.1); | |
| var centerpath = d3.geo.path() | |
| .projection(centerprojection); | |
| var leftprojection = d3.geo.mercator() //d3.geo.mercator() | |
| .scale(400) | |
| .translate([1.85*width, 1.45 * height]) | |
| .precision(.1); | |
| var leftbotprojection = d3.geo.mercator() //d3.geo.mercator() | |
| .scale(197) | |
| .translate([-385,0]) | |
| .precision(.1); | |
| var leftpath = d3.geo.path() | |
| .projection(leftprojection); | |
| var leftbotpath = d3.geo.path() | |
| .projection(leftbotprojection); | |
| var rightprojection = d3.geo.mercator() | |
| .scale(400) | |
| .translate([.3*width, 1.8*height ]) | |
| .precision(.1); | |
| var rightpath = d3.geo.path() | |
| .projection(rightprojection); | |
| var svg = d3.select("#centermap").append("svg") | |
| .attr("width", width) | |
| .attr("height", height-12); | |
| var svgleft = d3.select("#leftmap").append("svg") | |
| .attr("width", width) | |
| .attr("height", height); | |
| var svgleftbottom = d3.select("#leftbottom1").append("svg") | |
| .attr("width", 230) | |
| .attr("height", 200); | |
| var svgright = d3.select("#rightmap").append("svg") | |
| .attr("width", width) | |
| .attr("height", height); | |
| d3.json("world_small.json", function(error, world) { | |
| svg.insert("path") | |
| .datum(topojson.feature(world, world.objects.ne_110m_coastline)) | |
| .attr("class", "land") | |
| .attr("d", centerpath); | |
| svg.insert("path") | |
| .datum(topojson.feature(world, world.objects.russia)) | |
| .attr("class", "russia") | |
| .attr("d", centerpath); | |
| svg.insert("path") | |
| .datum(topojson.feature(world, world.objects.usa)) | |
| .attr("class", "usa") | |
| .attr("d", centerpath); | |
| }); | |
| d3.json("europe_small.json", function(error, world) { | |
| svgright.insert("path") | |
| .datum(topojson.feature(world, world.objects.europe)) | |
| .attr("class", "land") | |
| .attr("d", rightpath); | |
| }); | |
| d3.json("wargames_usa.json", function(error, world) { | |
| svgleft.insert("path") | |
| .datum(topojson.feature(world, world.objects.usa)) | |
| .attr("class", "usa") | |
| .attr("d", leftpath); | |
| }); | |
| d3.json("australia_small.json", function(error, world) { | |
| svgleftbottom.insert("path") | |
| .datum(topojson.feature(world, world.objects.australia)) | |
| .attr("class", "land") | |
| .attr("d", leftbotpath); | |
| }); | |
| var pad = function(n, width, z) { | |
| z = z || '0'; | |
| n = n + ''; | |
| return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n; | |
| } | |
| var updateStats = function(){ | |
| var elapsed = parseInt((new Date() - starttime)/1000); | |
| $("#elapsedtime").text(pad(elapsed,5)); | |
| $("#eventpermin").text(pad(parseInt(60*eventcount/elapsed),5)); | |
| $("#eventtotal").text(pad(eventcount,5)); | |
| $("#identpercent").text(pad(parseInt(100*identyes/eventcount),2) + "%"); | |
| $("#usatotal").text(pad(usacount,5)); | |
| $("#europetotal").text(pad(europecount,5)); | |
| $("#australiatotal").text(pad(australiacount,5)); | |
| if(Math.random()<.1){ | |
| $("#fancy2").text(pad(parseInt(Math.random()*10000),5)); | |
| } | |
| } | |
| var updateStatsLoop = function(){ | |
| setTimeout(updateStatsLoop,1000); | |
| updateStats(); | |
| } | |
| updateStatsLoop(); | |
| var updateTwitterLoop = function(){ | |
| setTimeout(updateTwitterLoop,100000); | |
| $.getJSON('http://cdn.api.twitter.com/1/urls/count.json?url=' + encodeURIComponent(document.URL) + '&callback=?', null, function (results) { | |
| $("#twitter").text(pad(results.count,5)); | |
| }); | |
| } | |
| updateTwitterLoop(); | |
| d3.select(self.frameElement).style("height", height + "px"); | |
| StreamServer.onMessage(function (datain) { | |
| var chunks = datain.message.split("*"); | |
| eventcount++; | |
| console.log(datain); | |
| var data = {}; | |
| if(datain.location){ | |
| data.location = datain.location.name; | |
| if(datain.location.lat && datain.location.lng){ | |
| data.latlng = {"lat": datain.location.lat, "lng": datain.location.lng}; | |
| } | |
| } | |
| data.actor = chunks[3].trim(); | |
| data.repo = chunks[0].trim(); | |
| data.type = chunks[5].trim(); | |
| data.url = datain[3]; | |
| setTimeout(function(){ | |
| if(paused) return; | |
| /* | |
| $("#leftbottom2").prepend("<a href='" + data.url + "'>" + data.actor + "</a><br/>"); | |
| $("#rightbottom1").prepend("<a href='" + data.url + "'>" + data.repo + "</a><br/>"); | |
| $("#rightbottom2").prepend("<a href='" + data.url + "'>" + data.type + "</a><br/>"); | |
| */ | |
| $("#leftbottom2text").streamwriter("write", data.actor); | |
| $("#rightbottom1text").streamwriter("write", data.repo); | |
| $("#rightbottom2text").streamwriter("write", data.type); | |
| if(!data.latlng){ | |
| // $("#centerbottom table").prepend("<tr><td><a href='" + data.url + "'>" + data.repo + "</a></td><td class='actor'><a href='http://github.com/" + data.actor + "'>" + data.actor + "</a></td><td> </td></tr>\n"); | |
| } else { | |
| identyes++; | |
| // $("#centerbottom table").prepend("<tr><td class='hit repo'>" + data.repo + "</td><td class='actor hit'><a href='http://github.com/" + data.actor + "'>" + data.actor + "</a></td><td class='loc hit'>" + data.location + "</td></tr>\n"); | |
| centercoordinates = centerprojection([data.latlng.lng,data.latlng.lat]); | |
| svg.append('svg:circle') | |
| .attr('cx', centercoordinates[0]) | |
| .attr('cy', centercoordinates[1]) | |
| .attr('r', 0) | |
| .style('opacity',0) | |
| .attr('class','point') | |
| .transition() | |
| .duration(200) | |
| .attr('r',50) | |
| .style('opacity',1.0) | |
| .transition() | |
| .ease('linear') | |
| .duration(500 + Math.random()*500) | |
| .attr('r',2) | |
| .style('opacity',1); | |
| // $("#centermapoverlay").prepend(data.location + "<br/>"); | |
| $("#centermapoverlay").streamwriter("write",data.location); | |
| /* USA */ | |
| if(data.latlng.lat < 50 && data.latlng.lat >24 && data.latlng.lng > -125 && data.latlng.lng < -66){ | |
| usacount++; | |
| leftcoordinates = leftprojection([data.latlng.lng,data.latlng.lat]); | |
| svgleft.append('svg:circle') | |
| .attr('cx', leftcoordinates[0]) | |
| .attr('cy', leftcoordinates[1]) | |
| .attr('r', 0) | |
| .style('opacity',0) | |
| .attr('class','point') | |
| .transition() | |
| .duration(200) | |
| .attr('r',100) | |
| .style('opacity',1.0) | |
| .transition() | |
| .ease('linear') | |
| .duration(500 + Math.random()*500) | |
| .attr('r',4) | |
| .style('opacity',1); | |
| //$("#leftmapoverlay").prepend(data.location + "<br/>"); | |
| $("#leftmapoverlay").streamwriter("write",data.location); | |
| } | |
| /* europe */ | |
| if(data.latlng.lat < 60 && data.latlng.lat > 35 && data.latlng.lng > -9 && data.latlng.lng < 40){ | |
| europecount++; | |
| rightcoordinates = rightprojection([data.latlng.lng,data.latlng.lat]); | |
| svgright.append('svg:circle') | |
| .attr('cx', rightcoordinates[0]) | |
| .attr('cy', rightcoordinates[1]) | |
| .attr('r', 0) | |
| .style('opacity',0) | |
| .attr('class','point') | |
| .transition() | |
| .duration(200) | |
| .attr('r',100) | |
| .style('opacity',1.0) | |
| .transition() | |
| .ease('linear') | |
| .duration(500 + Math.random()*500) | |
| .attr('r',4) | |
| .style('opacity',1); | |
| //$("#rightmapoverlay").prepend(data.location + "<br/>"); | |
| $("#rightmapoverlay").streamwriter("write",data.location); | |
| } | |
| /* AUS / NZ */ | |
| if(data.latlng.lat < -10 && data.latlng.lat > -50 && data.latlng.lng > 115 && data.latlng.lng < 180){ | |
| australiacount++; | |
| leftbottomcoordinates = leftbotprojection([data.latlng.lng,data.latlng.lat]); | |
| svgleftbottom.append('svg:circle') | |
| .attr('cx', leftbottomcoordinates[0]) | |
| .attr('cy', leftbottomcoordinates[1]) | |
| .attr('r', 0) | |
| .style('opacity',0) | |
| .attr('class','point') | |
| .transition() | |
| .duration(200) | |
| .attr('r',100) | |
| .style('opacity',1.0) | |
| .transition() | |
| .ease('linear') | |
| .duration(500 + Math.random()*500) | |
| .attr('r',4) | |
| .style('opacity',1); | |
| //$("#leftbottom1overlay").prepend(data.location + "<br/>"); | |
| $("#leftbottom1overlay").streamwriter("write",data.location); | |
| } | |
| } | |
| }, Math.random()*500); | |
| }); | |
| // force a reload every hour | |
| setTimeout(function(){location.reload(true)},3600000); |
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
| (function ( $ ) { | |
| $.widget( "arscan.streamwriter", { | |
| options: { | |
| enabled: true, | |
| timeout: 50, | |
| charblock: 6, | |
| maxlines: 7, | |
| }, | |
| _currentline: {}, | |
| _currentlinecount:{}, | |
| _queue: {}, | |
| _create: function() { | |
| var self = this; | |
| self._currentline[self.element[0].id] = self.element.text(); | |
| self._currentlinecount[self.element[0].id] = 0; | |
| self._queue[this.element[0].id] = []; | |
| self.element.empty(); | |
| var loop = function(){ | |
| setTimeout(loop, self.options.timeout); | |
| self._typewrite(); | |
| } | |
| if(self.options.enabled) | |
| loop(); | |
| }, | |
| write: function(text){ | |
| if(this.options.enabled){ | |
| this._queue[this.element[0].id].push(text); | |
| } else { | |
| this._currentlinecount[this.element[0].id]++; | |
| this.element.append(document.createElement("br")); | |
| if(this._currentlinecount[this.element[0].id] > this.options.maxlines){ | |
| this._currentlinecount[this.element[0].id]=0; | |
| this.element.empty(); | |
| } | |
| this.element.append(document.createTextNode(text)); | |
| } | |
| }, | |
| _typewrite: function(){ | |
| if(this._currentline[this.element[0].id].length > 0){ | |
| this.element.append(document.createTextNode(this._currentline[this.element[0].id].substring(0,this.options.charblock))); | |
| this._currentline[this.element[0].id] = this._currentline[this.element[0].id].slice(this.options.charblock); | |
| } else if (this._queue[this.element[0].id].length > 0){ | |
| this._currentlinecount[this.element[0].id]++; | |
| this.element.append(document.createElement("br")); | |
| if(this._currentlinecount[this.element[0].id] > this.options.maxlines){ | |
| this._currentlinecount[this.element[0].id]=0; | |
| this.element.empty(); | |
| } | |
| this._currentline[this.element[0].id] = this._queue[this.element[0].id].shift(); | |
| } | |
| } | |
| }); | |
| })(jQuery); |
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
| /* ---------*/ | |
| /* font */ | |
| @font-face { | |
| font-family: 'Lets go Digital'; | |
| src: url('lets_go_digital_regular-webfont.eot'); | |
| src: url('lets_go_digital_regular-webfont.eot?#iefix') format('embedded-opentype'), | |
| url('lets_go_digital_regular-webfont.woff') format('woff'), | |
| url('lets_go_digital_regular-webfont.ttf') format('truetype'), | |
| url('lets_go_digital_regular-webfont.svg') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* by Font Diner */ | |
| /* http://fontdiner.com */ | |
| @font-face { | |
| font-family: 'featured_item'; | |
| src: url('featureditem-webfont.eot'); | |
| src: url('featureditem-webfont.eot?#iefix') format('embedded-opentype'), | |
| url('featureditem-webfont.woff') format('woff'), | |
| url('featureditem-webfont.ttf') format('truetype'), | |
| url('featureditem-webfont.svg#featured_itemregular') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* ---------*/ | |
| /* maps */ | |
| .land { | |
| stroke: #83F52C; | |
| stroke-width: 1; | |
| fill:none; | |
| } | |
| .russia { | |
| stroke: #DD0048; | |
| stroke-width: 2; | |
| fill:none; | |
| } | |
| .usa { | |
| stroke: #67C8FF; | |
| stroke-width: 2; | |
| fill:none; | |
| } | |
| .point { | |
| fill: #67C8FF; | |
| stroke: #67C8FF; | |
| stroke-opacity: .5; | |
| stroke-width: .5px; | |
| } | |
| /* ------------*/ | |
| /* common */ | |
| body { | |
| font-family: 'featured_item'; | |
| font-size: 18px; | |
| text-transform:uppercase; | |
| color: #67C8FF; | |
| } | |
| .glowbox { | |
| border:2px solid #FFF; | |
| border-radius: 5px; | |
| box-shadow: 0 0 15px #999, | |
| inset 0 0 10em #222; | |
| box-shadow: 0 0 15px #005b8e, | |
| inset 0 0 10em #002033; | |
| } | |
| .glowbox a{ | |
| color: #67C8FF; | |
| } | |
| .texttitle { | |
| border-bottom: 1px; | |
| color: #DD0048; | |
| } | |
| .column { | |
| float: left; | |
| } | |
| h1 { | |
| margin: 0px; | |
| padding: 0px; | |
| color: #FFF; | |
| size: 16px; | |
| font-weight: normal; | |
| margin-top: -30px; | |
| text-align: center; | |
| } | |
| a { | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| td { | |
| color: #83F52C; | |
| margin: 0px; | |
| padding: 0px; | |
| font-size: 8px; | |
| line-height:130%; | |
| } | |
| table { | |
| width: 100%; | |
| } | |
| td.hit { | |
| color: #67C8FF; | |
| } | |
| td.loc{ | |
| text-align:right; | |
| } | |
| td.repo{ | |
| } | |
| td.actor{ | |
| } | |
| .glass { | |
| } | |
| .glass:after{ | |
| } | |
| /* ------------*/ | |
| /* elements */ | |
| #container{ | |
| top:0;left:0;right:0;bottom:0; | |
| margin: auto; | |
| width: 1580px; | |
| height: 600px; | |
| position:absolute; | |
| } | |
| #center { | |
| margin-top:12px; | |
| padding-right:10px; | |
| } | |
| #centermapoverlay { | |
| font-family: 'Press Start 2P'; | |
| font-size: 8px; | |
| line-height: 14px; | |
| color: #DD0048; | |
| position: absolute; | |
| padding-left:20px; | |
| top: 205px; | |
| height:84px; | |
| overflow:hidden; | |
| } | |
| #paused { | |
| position: absolute; | |
| left: 850px; | |
| top: 170px; | |
| font-size:40px; | |
| display:none; | |
| } | |
| #centerbottom { | |
| height: 172px; | |
| width: 480px; | |
| overflow: hidden; | |
| color: #83F52C; | |
| padding:8px; | |
| margin-top:26px; | |
| } | |
| #centermiddle { | |
| padding-top: 10px; | |
| padding-bottom: 23px; | |
| width: 500px; | |
| } | |
| #centermiddle div{ | |
| float:left; | |
| width:165px; | |
| line-height:18px; | |
| text-align:center; | |
| } | |
| #left { | |
| width:500px; | |
| padding-right:10px; | |
| transform: 20px; | |
| -ms-perspective: 20px; | |
| -webkit-perspective: 800; | |
| -moz-perspective: 20px; | |
| } | |
| #leftmap { | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform: rotateY(10deg); | |
| -moz-transform-style: preserve-3d; | |
| -moz-transform: rotateY(.2deg); | |
| } | |
| #leftmapoverlay { | |
| font-family: 'Press Start 2P'; | |
| font-size: 8px; | |
| line-height: 14px; | |
| color: #DD0048; | |
| position: absolute; | |
| bottom: 20px; | |
| left:20px; | |
| height:84px; | |
| overflow:hidden; | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform: rotateY(10deg); | |
| } | |
| .smallwhite{ | |
| color: #FFF; | |
| font-size:10px; | |
| } | |
| .bigred{ | |
| font-size:26px; | |
| font-family: "Lets go Digital"; | |
| color: #DD0048; | |
| } | |
| #leftmiddle { | |
| padding-top: 10px; | |
| padding-bottom: 30px; | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform: rotateY(10deg); | |
| text-align:center; | |
| } | |
| #leftmiddle div{ | |
| float:left; | |
| width:165px; | |
| margin: auto; | |
| line-height:18px; | |
| } | |
| #leftbottom{ | |
| margin-top:23px; | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform: rotateY(10deg); | |
| -moz-transform-style: preserve-3d; | |
| -moz-transform: rotateY(.2deg); | |
| } | |
| #leftbottom1{ | |
| float:left; | |
| width:230px; | |
| height:200px; | |
| } | |
| #leftbottom1overlay { | |
| font-family: 'Press Start 2P'; | |
| font-size: 8px; | |
| line-height: 14px; | |
| color: #DD0048; | |
| position: absolute; | |
| top: 145px; | |
| left:20px; | |
| height:48px; | |
| overflow:hidden; | |
| } | |
| #leftbottom2{ | |
| margin-left:30px; | |
| float:left; | |
| width:210px; | |
| height:180px; | |
| padding:10px; | |
| overflow:hidden; | |
| } | |
| #right { | |
| width:500px; | |
| padding-right:20px; | |
| transform: 20px; | |
| -ms-perspective: 20px; | |
| -webkit-perspective: 800; | |
| -moz-perspective: 20px; | |
| } | |
| #rightmap { | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform: rotateY(350deg); | |
| -moz-transform-style: preserve-3d; | |
| -moz-transform: rotateY(-.2deg); | |
| } | |
| #rightmapoverlay { | |
| font-family: 'Press Start 2P'; | |
| font-size: 8px; | |
| line-height: 14px; | |
| color: #DD0048; | |
| position: absolute; | |
| bottom: 20px; | |
| right:20px; | |
| text-align:right; | |
| height:84px; | |
| overflow:hidden; | |
| } | |
| #rightmiddle { | |
| padding-top: 10px; | |
| padding-bottom: 24px; | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform: rotateY(350deg); | |
| text-align:center; | |
| } | |
| #rightmiddle div{ | |
| float:left; | |
| width:165px; | |
| margin: auto; | |
| line-height:18px; | |
| } | |
| #rightbottom{ | |
| margin-top:30px; | |
| -webkit-transform-style: preserve-3d; | |
| -webkit-transform: rotateY(350deg); | |
| -moz-transform-style: preserve-3d; | |
| -moz-transform: rotateY(-.2deg); | |
| } | |
| #rightbottom1{ | |
| float:left; | |
| width:210px; | |
| height:180px; | |
| padding:10px; | |
| overflow:hidden; | |
| } | |
| #rightbottom2{ | |
| margin-left:30px; | |
| float:left; | |
| width:210px; | |
| height:180px; | |
| padding:10px; | |
| overflow:hidden; | |
| } | |
| body { | |
| padding:30px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment