Skip to content

Instantly share code, notes, and snippets.

@csytan

csytan/sequencer.html

Created July 11, 2014 15:32
Show Gist options
  • Save csytan/073cae75f71d2bd45edb to your computer and use it in GitHub Desktop.
Save csytan/073cae75f71d2bd45edb to your computer and use it in GitHub Desktop.
Download ZIP
sequencer.html
Raw
sequencer.html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
}
.node {
cursor: pointer;
fill: red;
}
.node:hover {
fill: darkred;
}
.edge {
fill: none;
stroke: purple;
stroke-width: 3px;
stroke-linecap: round;
}
.edge.coast {
stroke: orange;
}
.edge.grid {
stroke: blue;
}
</style>
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/d3.geo.tile.v0.min.js"></script>
<script>
var data = {vertices:{"1":{X:127.18,Y:-7.9991,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":113},"2":{X:127.18,Y:-8.0034,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"3":{X:127.18,Y:-8.006,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"4":{X:127.19,Y:-8.0041,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":13},"5":{X:127.19,Y:-7.9644,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":1},"6":{X:127.19,Y:-7.964,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"7":{X:127.19,Y:-7.9931,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"8":{X:127.19,Y:-7.9945,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":2},"9":{X:127.19,Y:-8.0118,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"10":{X:127.2,Y:-8.011,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":24},"11":{X:127.2,Y:-7.9732,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"12":{X:127.21,Y:-7.9729,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":11},"13":{X:127.21,Y:-8.0193,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"14":{X:127.21,Y:-8.0202,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":17},"15":{X:127.21,Y:-8.0094,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"16":{X:127.22,Y:-8.0115,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":12},"17":{X:127.21,Y:-7.9621,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":16},"18":{X:127.21,Y:-7.9646,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"19":{X:127.62,Y:-8.2057,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":29},"20":{X:127.62,Y:-8.2062,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"21":{X:127.63,Y:-8.1966,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"22":{X:127.65,Y:-8.212,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":31},"23":{X:127.63,Y:-8.185,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":23},"24":{X:127.64,Y:-8.1836,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":50},"25":{X:127.64,Y:-8.189,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"26":{X:127.65,Y:-8.1761,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"27":{X:127.65,Y:-8.1815,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":84},"28":{X:127.65,Y:-8.1854,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":115},"29":{X:127.66,Y:-8.1818,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":85},"30":{X:127.65,Y:-8.1756,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":7},"31":{X:127.65,Y:-8.176,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"32":{X:127.65,Y:-8.1717,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":22},"33":{X:127.66,Y:-8.1742,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"34":{X:127.66,Y:-8.1708,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"35":{X:127.66,Y:-8.1712,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":25},"36":{X:127.66,Y:-8.1685,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":19},"37":{X:127.66,Y:-8.1707,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"38":{X:127.68,Y:-8.1591,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":28},"39":{X:127.68,Y:-8.1598,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"40":{X:127.7,Y:-8.1639,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":6},"41":{X:127.7,Y:-8.1618,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"42":{X:127.71,Y:-8.2076,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":4},"43":{X:127.71,Y:-8.2103,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"44":{X:127.74,Y:-8.2029,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"45":{X:127.74,Y:-8.204,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":5},"46":{X:127.74,Y:-8.1793,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":10},"47":{X:127.74,Y:-8.1772,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"48":{X:127.75,Y:-8.178,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"49":{X:127.78,Y:-8.1715,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":32},"50":{X:127.81,Y:-8.1097,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":86},"51":{X:127.85,Y:-8.2074,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":52},"52":{X:127.88,Y:-8.1763,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":53},"53":{X:127.94,Y:-8.222,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":56},"54":{X:127.94,Y:-8.1483,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":54},"55":{X:127.94,Y:-8.2201,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":55},"56":{X:127.98,Y:-8.2498,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":57},"57":{X:127.98,Y:-8.2506,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":58},"58":{X:128.02,Y:-8.1686,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":61},"59":{X:128.02,Y:-8.1684,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":60},"60":{X:128.03,Y:-8.1927,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":59},"61":{X:128.1,Y:-8.2667,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":87},"62":{X:128.11,Y:-8.2719,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":88},"63":{X:128.12,Y:-8.272,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":89},"64":{X:128.15,Y:-8.2186,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":95},"65":{X:128.15,Y:-8.2802,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":90},"66":{X:128.16,Y:-8.2802,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":91},"67":{X:128.17,Y:-8.2121,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":94},"68":{X:128.2,Y:-8.2798,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":92},"69":{X:128.22,Y:-8.223,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":93},"70":{X:128.22,Y:-8.2231,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":97},"71":{X:128.69,Y:-8.1753,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":98},"72":{X:128.7,Y:-8.191,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":99},"73":{X:128.86,Y:-8.1834,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":100},"74":{X:128.88,Y:-8.2117,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":111},"75":{X:128.88,Y:-8.1849,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":101},"76":{X:128.92,Y:-8.1891,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":102},"77":{X:128.92,Y:-8.2161,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":103},"78":{X:128.94,Y:-8.1898,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":104},"79":{X:128.97,Y:-8.2154,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":110},"80":{X:128.98,Y:-8.196,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":105},"81":{X:129,Y:-8.2099,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":106},"82":{X:129,Y:-8.2101,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":107},"83":{X:129.01,Y:-8.2313,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":109},"84":{X:129.01,Y:-8.2133,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":108},"85":{X:129.6,Y:-7.8645,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":3},"86":{X:129.6,Y:-7.8645,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"87":{X:129.6,Y:-7.865,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"88":{X:129.6,Y:-7.8649,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":48},"89":{X:129.6,Y:-7.8664,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":9},"90":{X:129.6,Y:-7.8664,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"91":{X:129.59,Y:-7.8698,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":21},"92":{X:129.6,Y:-7.8695,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"93":{X:129.52,Y:-7.906,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":43},"94":{X:129.52,Y:-7.9118,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":42},"95":{X:129.52,Y:-7.8788,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":44},"96":{X:129.53,Y:-7.8608,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":47},"97":{X:129.53,Y:-7.8672,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":46},"98":{X:129.53,Y:-7.8676,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":45},"99":{X:129.53,Y:-7.9466,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":41},"100":{X:129.55,Y:-7.9382,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":40},"101":{X:129.55,Y:-7.937,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":39},"102":{X:129.56,Y:-7.919,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":38},"103":{X:129.56,Y:-7.9138,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":37},"104":{X:129.6,Y:-7.9033,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"105":{X:129.65,Y:-7.967,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":18},"106":{X:129.65,Y:-7.9661,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"107":{X:129.67,Y:-8.0057,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":14},"108":{X:129.67,Y:-8.0048,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"109":{X:129.67,Y:-8.0081,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":30},"110":{X:129.67,Y:-8.0075,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"111":{X:129.69,Y:-8.0252,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":27},"112":{X:129.7,Y:-8.0225,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"113":{X:129.71,Y:-7.8233,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":49},"114":{X:129.72,Y:-7.8059,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"115":{X:129.78,Y:-8.047,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":62},"116":{X:129.8,Y:-8.006,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"117":{X:129.82,Y:-8.2097,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":116},"118":{X:129.83,Y:-8.1753,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":68},"119":{X:129.83,Y:-8.1737,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":67},"120":{X:129.84,Y:-8.2007,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":82},"121":{X:129.84,Y:-8.189,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":69},"122":{X:129.85,Y:-8.146,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":64},"123":{X:129.85,Y:-8.1681,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":66},"124":{X:129.85,Y:-8.1387,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":63},"125":{X:129.87,Y:-8.1526,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":65},"126":{X:129.88,Y:-8.148,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":70},"127":{X:129.88,Y:-8.1242,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":72},"128":{X:129.88,Y:-8.1256,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":71},"129":{X:129.91,Y:-8.1226,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":114},"130":{X:129.77,Y:-7.8463,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":83},"131":{X:129.8,Y:-7.8221,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"132":{X:129.8,Y:-7.9987,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"133":{X:129.81,Y:-8.0015,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":20},"134":{X:129.81,Y:-7.9927,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"135":{X:129.81,Y:-7.9948,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":33},"136":{X:129.82,Y:-7.989,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":34},"137":{X:129.82,Y:-7.9884,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":35},"138":{X:129.82,Y:-7.97,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"139":{X:129.82,Y:-7.9731,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":15},"140":{X:129.78,Y:-7.9284,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":112},"141":{X:129.82,Y:-7.9572,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"142":{X:129.81,Y:-7.8621,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":26},"143":{X:129.83,Y:-7.8631,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"144":{X:129.83,Y:-7.9121,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":51},"145":{X:129.84,Y:-7.9001,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"146":{X:129.84,Y:-7.9443,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":8},"147":{X:129.84,Y:-7.9446,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"148":{X:129.85,Y:-7.9188,"Network..Is.fake":true,"Sequence..Far.sighted.sequence":null},"149":{X:129.86,Y:-7.9192,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":96},"150":{X:125.74,Y:-7.9988,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"151":{X:125.83,Y:-7.9252,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"152":{X:125.87,Y:-7.9311,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"153":{X:125.89,Y:-7.8073,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"154":{X:125.92,Y:-7.7442,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"155":{X:125.93,Y:-7.6931,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"156":{X:125.95,Y:-7.9144,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"157":{X:126,Y:-7.6806,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"158":{X:126.09,Y:-7.7284,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"159":{X:126.14,Y:-7.8924,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"160":{X:126.19,Y:-7.7284,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"161":{X:126.24,Y:-7.8666,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"162":{X:126.28,Y:-7.692,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"163":{X:126.3,Y:-7.6937,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"164":{X:126.33,Y:-7.9143,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"165":{X:126.43,Y:-7.9333,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"166":{X:126.45,Y:-7.8221,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"167":{X:126.55,Y:-7.8285,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"168":{X:126.57,Y:-7.7439,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"169":{X:126.61,Y:-7.6375,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"170":{X:126.63,Y:-7.7785,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"171":{X:126.65,Y:-7.7749,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"172":{X:126.69,Y:-7.635,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"173":{X:126.79,Y:-7.7417,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"174":{X:126.81,Y:-7.6758,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"175":{X:126.81,Y:-7.6839,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"176":{X:127.3,Y:-7.5239,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":36},"177":{X:127.39,Y:-7.5114,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":73},"178":{X:127.41,Y:-7.6041,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":79},"179":{X:127.41,Y:-7.6023,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":78},"180":{X:127.41,Y:-7.5977,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":74},"181":{X:127.42,Y:-7.5997,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":75},"182":{X:127.43,Y:-7.5991,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":76},"183":{X:127.45,Y:-7.5945,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":77},"184":{X:127.46,Y:-7.5923,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":80},"185":{X:127.47,Y:-7.5841,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":81},"186":{X:127.4,Y:-7.6408,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"187":{X:127.6,Y:-7.5949,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"188":{X:127.6,Y:-7.6008,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"189":{X:127.6,Y:-7.5915,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"190":{X:127.61,Y:-7.6139,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"191":{X:127.9,Y:-8.2138,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"192":{X:127.99,Y:-8.1431,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"193":{X:128.07,Y:-8.1451,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"194":{X:128.08,Y:-8.1878,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"195":{X:128.59,Y:-7.0726,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"196":{X:128.59,Y:-7.1165,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"197":{X:128.62,Y:-7.1092,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"198":{X:128.62,Y:-7.1915,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"199":{X:128.64,Y:-7.1218,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"200":{X:128.67,Y:-7.1429,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"201":{X:128.68,Y:-7.1212,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"202":{X:129.59,Y:-7.8919,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"203":{X:129.59,Y:-7.8301,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"204":{X:129.66,Y:-7.55,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"205":{X:129.68,Y:-7.5662,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"206":{X:129.69,Y:-7.8404,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"207":{X:129.7,Y:-7.5691,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"208":{X:129.75,Y:-7.9913,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"209":{X:129.86,Y:-7.9001,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"210":{X:129.87,Y:-8.1241,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"211":{X:129.89,Y:-8.1398,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"212":{X:129.99,Y:-7.7168,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"213":{X:130,Y:-7.7375,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"214":{X:130.01,Y:-7.7381,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"215":{X:130.04,Y:-7.7708,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"216":{X:130.07,Y:-7.7793,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null},"217":{X:130.07,Y:-7.78,"Network..Is.fake":false,"Sequence..Far.sighted.sequence":null}},edges:{"1":{from:2,to:1,ID:59,FID:59,distance:530.54,"Sequence..Far.sighted.sequence":113},"2":{from:3,to:4,ID:62,FID:62,distance:549.4,"Sequence..Far.sighted.sequence":13},"3":{from:6,to:5,ID:37,FID:37,distance:41.933,"Sequence..Far.sighted.sequence":1},"4":{from:7,to:8,ID:51,FID:51,distance:270.5,"Sequence..Far.sighted.sequence":2},"5":{from:9,to:10,ID:42,FID:42,distance:113.22,"Sequence..Far.sighted.sequence":24},"6":{from:11,to:12,ID:58,FID:58,distance:502.98,"Sequence..Far.sighted.sequence":11},"7":{from:13,to:14,ID:64,FID:64,distance:602.75,"Sequence..Far.sighted.sequence":17},"8":{from:15,to:16,ID:66,FID:66,distance:709.07,"Sequence..Far.sighted.sequence":12},"9":{from:18,to:17,ID:53,FID:53,distance:299.98,"Sequence..Far.sighted.sequence":16},"10":{from:20,to:19,ID:67,FID:67,distance:767.05,"Sequence..Far.sighted.sequence":29},"11":{from:21,to:22,ID:73,FID:73,distance:2754.4,"Sequence..Far.sighted.sequence":31},"12":{from:23,to:24,ID:60,FID:60,distance:187.64,"Sequence..Far.sighted.sequence":23},"13":{from:25,to:23,ID:61,FID:61,distance:540.62,"Sequence..Far.sighted.sequence":50},"14":{from:26,to:27,ID:65,FID:65,distance:608.67,"Sequence..Far.sighted.sequence":84},"15":{from:27,to:28,ID:33,FID:33,distance:430.23,"Sequence..Far.sighted.sequence":115},"16":{from:27,to:29,ID:34,FID:34,distance:452.53,"Sequence..Far.sighted.sequence":85},"17":{from:31,to:30,ID:38,FID:38,distance:47.874,"Sequence..Far.sighted.sequence":7},"18":{from:33,to:32,ID:56,FID:56,distance:351.18,"Sequence..Far.sighted.sequence":22},"19":{from:34,to:35,ID:39,FID:39,distance:61.12,"Sequence..Far.sighted.sequence":25},"20":{from:37,to:36,ID:52,FID:52,distance:296.5,"Sequence..Far.sighted.sequence":19},"21":{from:39,to:38,ID:41,FID:41,distance:85.166,"Sequence..Far.sighted.sequence":28},"22":{from:41,to:40,ID:48,FID:48,distance:228.06,"Sequence..Far.sighted.sequence":6},"23":{from:43,to:42,ID:54,FID:54,distance:300.33,"Sequence..Far.sighted.sequence":4},"24":{from:44,to:45,ID:45,FID:45,distance:128.8,"Sequence..Far.sighted.sequence":5},"25":{from:47,to:46,ID:49,FID:49,distance:235.6,"Sequence..Far.sighted.sequence":10},"26":{from:48,to:49,ID:74,FID:74,distance:4231.6,"Sequence..Far.sighted.sequence":32},"27":{from:48,to:50,ID:79,FID:79,distance:10249,"Sequence..Far.sighted.sequence":86},"28":{from:48,to:51,ID:99,FID:99,distance:11872,"Sequence..Far.sighted.sequence":52},"29":{from:51,to:52,ID:82,FID:82,distance:5146,"Sequence..Far.sighted.sequence":53},"30":{from:52,to:54,ID:83,FID:83,distance:7214.8,"Sequence..Far.sighted.sequence":56},"31":{from:54,to:55,ID:87,FID:87,distance:7982.9,"Sequence..Far.sighted.sequence":54},"32":{from:55,to:53,ID:84,FID:84,distance:321.51,"Sequence..Far.sighted.sequence":55},"33":{from:55,to:56,ID:86,FID:86,distance:5254.7,"Sequence..Far.sighted.sequence":57},"34":{from:56,to:57,ID:85,FID:85,distance:123.52,"Sequence..Far.sighted.sequence":58},"35":{from:56,to:60,ID:88,FID:88,distance:8015.1,"Sequence..Far.sighted.sequence":61},"36":{from:59,to:58,ID:80,FID:80,distance:491.9,"Sequence..Far.sighted.sequence":60},"37":{from:60,to:59,ID:81,FID:81,distance:2726,"Sequence..Far.sighted.sequence":59},"38":{from:60,to:61,ID:98,FID:98,distance:11395,"Sequence..Far.sighted.sequence":87},"39":{from:61,to:62,ID:90,FID:90,distance:1687.2,"Sequence..Far.sighted.sequence":88},"40":{from:62,to:63,ID:89,FID:89,distance:648.39,"Sequence..Far.sighted.sequence":89},"41":{from:63,to:65,ID:92,FID:92,distance:3547.2,"Sequence..Far.sighted.sequence":95},"42":{from:65,to:66,ID:91,FID:91,distance:901.32,"Sequence..Far.sighted.sequence":90},"43":{from:66,to:68,ID:93,FID:93,distance:4413.4,"Sequence..Far.sighted.sequence":91},"44":{from:67,to:64,ID:94,FID:94,distance:2856.2,"Sequence..Far.sighted.sequence":94},"45":{from:68,to:69,ID:97,FID:97,distance:6747.6,"Sequence..Far.sighted.sequence":92},"46":{from:69,to:67,ID:96,FID:96,distance:5209.8,"Sequence..Far.sighted.sequence":93},"47":{from:69,to:70,ID:95,FID:95,distance:150.69,"Sequence..Far.sighted.sequence":97},"48":{from:70,to:71,ID:114,FID:114,distance:52288,"Sequence..Far.sighted.sequence":98},"49":{from:71,to:72,ID:101,FID:101,distance:2216.4,"Sequence..Far.sighted.sequence":99},"50":{from:72,to:73,ID:113,FID:113,distance:16796,"Sequence..Far.sighted.sequence":100},"51":{from:73,to:75,ID:102,FID:102,distance:2994.3,"Sequence..Far.sighted.sequence":111},"52":{from:75,to:74,ID:103,FID:103,distance:3067.9,"Sequence..Far.sighted.sequence":101},"53":{from:75,to:76,ID:106,FID:106,distance:3878.4,"Sequence..Far.sighted.sequence":102},"54":{from:76,to:77,ID:105,FID:105,distance:3059,"Sequence..Far.sighted.sequence":103},"55":{from:76,to:78,ID:104,FID:104,distance:1826.2,"Sequence..Far.sighted.sequence":104},"56":{from:78,to:80,ID:112,FID:112,distance:4621.3,"Sequence..Far.sighted.sequence":110},"57":{from:80,to:79,ID:107,FID:107,distance:2252.4,"Sequence..Far.sighted.sequence":105},"58":{from:80,to:81,ID:111,FID:111,distance:2901.2,"Sequence..Far.sighted.sequence":106},"59":{from:81,to:82,ID:108,FID:108,distance:93.951,"Sequence..Far.sighted.sequence":107},"60":{from:82,to:84,ID:109,FID:109,distance:1287,"Sequence..Far.sighted.sequence":109},"61":{from:84,to:83,ID:110,FID:110,distance:2022,"Sequence..Far.sighted.sequence":108},"62":{from:86,to:85,ID:36,FID:36,distance:8.8377,"Sequence..Far.sighted.sequence":3},"63":{from:87,to:88,ID:44,FID:44,distance:126.3,"Sequence..Far.sighted.sequence":48},"64":{from:90,to:89,ID:35,FID:35,distance:8.1821,"Sequence..Far.sighted.sequence":9},"65":{from:92,to:91,ID:46,FID:46,distance:167.37,"Sequence..Far.sighted.sequence":21},"66":{from:93,to:95,ID:25,FID:25,distance:3059.3,"Sequence..Far.sighted.sequence":43},"67":{from:94,to:93,ID:21,FID:21,distance:637.72,"Sequence..Far.sighted.sequence":42},"68":{from:95,to:98,ID:24,FID:24,distance:1317.7,"Sequence..Far.sighted.sequence":44},"69":{from:97,to:96,ID:23,FID:23,distance:740.99,"Sequence..Far.sighted.sequence":47},"70":{from:98,to:97,ID:22,FID:22,distance:98.059,"Sequence..Far.sighted.sequence":46},"71":{from:99,to:94,ID:30,FID:30,distance:4096.6,"Sequence..Far.sighted.sequence":45},"72":{from:100,to:99,ID:29,FID:29,distance:2438.7,"Sequence..Far.sighted.sequence":41},"73":{from:101,to:100,ID:26,FID:26,distance:138.78,"Sequence..Far.sighted.sequence":40},"74":{from:102,to:101,ID:28,FID:28,distance:2129.9,"Sequence..Far.sighted.sequence":39},"75":{from:103,to:102,ID:27,FID:27,distance:645.04,"Sequence..Far.sighted.sequence":38},"76":{from:104,to:103,ID:76,FID:76,distance:4633.8,"Sequence..Far.sighted.sequence":37},"77":{from:106,to:105,ID:43,FID:43,distance:114.58,"Sequence..Far.sighted.sequence":18},"78":{from:108,to:107,ID:50,FID:50,distance:242.62,"Sequence..Far.sighted.sequence":14},"79":{from:110,to:109,ID:47,FID:47,distance:171.15,"Sequence..Far.sighted.sequence":30},"80":{from:112,to:111,ID:55,FID:55,distance:337.05,"Sequence..Far.sighted.sequence":27},"81":{from:114,to:113,ID:72,FID:72,distance:2024.9,"Sequence..Far.sighted.sequence":49},"82":{from:115,to:124,ID:100,FID:100,distance:13358,"Sequence..Far.sighted.sequence":62},"83":{from:116,to:115,ID:77,FID:77,distance:5062.7,"Sequence..Far.sighted.sequence":116},"84":{from:118,to:121,ID:15,FID:15,distance:1592.9,"Sequence..Far.sighted.sequence":68},"85":{from:119,to:118,ID:14,FID:14,distance:181.28,"Sequence..Far.sighted.sequence":67},"86":{from:120,to:117,ID:16,FID:16,distance:2164.8,"Sequence..Far.sighted.sequence":82},"87":{from:121,to:120,ID:13,FID:13,distance:1302,"Sequence..Far.sighted.sequence":69},"88":{from:123,to:119,ID:17,FID:17,distance:2177.8,"Sequence..Far.sighted.sequence":64},"89":{from:124,to:122,ID:10,FID:10,distance:1264,"Sequence..Far.sighted.sequence":66},"90":{from:124,to:125,ID:12,FID:12,distance:1975.1,"Sequence..Far.sighted.sequence":63},"91":{from:125,to:123,ID:18,FID:18,distance:2236.5,"Sequence..Far.sighted.sequence":65},"92":{from:125,to:126,ID:11,FID:11,distance:1316.8,"Sequence..Far.sighted.sequence":70},"93":{from:126,to:128,ID:19,FID:19,distance:2535,"Sequence..Far.sighted.sequence":72},"94":{from:128,to:127,ID:9,FID:9,distance:414.02,"Sequence..Far.sighted.sequence":71},"95":{from:128,to:129,ID:20,FID:20,distance:2767,"Sequence..Far.sighted.sequence":114},"96":{from:131,to:130,ID:75,FID:75,distance:4338.4,"Sequence..Far.sighted.sequence":83},"97":{from:132,to:133,ID:57,FID:57,distance:428.85,"Sequence..Far.sighted.sequence":20},"98":{from:134,to:135,ID:68,FID:68,distance:833.95,"Sequence..Far.sighted.sequence":33},"99":{from:135,to:136,ID:32,FID:32,distance:692.91,"Sequence..Far.sighted.sequence":34},"100":{from:136,to:137,ID:31,FID:31,distance:82.882,"Sequence..Far.sighted.sequence":35},"101":{from:138,to:139,ID:63,FID:63,distance:587.22,"Sequence..Far.sighted.sequence":15},"102":{from:141,to:140,ID:78,FID:78,distance:5585.7,"Sequence..Far.sighted.sequence":112},"103":{from:143,to:142,ID:71,FID:71,distance:1985,"Sequence..Far.sighted.sequence":26},"104":{from:145,to:144,ID:70,FID:70,distance:1506.8,"Sequence..Far.sighted.sequence":51},"105":{from:147,to:146,ID:40,FID:40,distance:72.181,"Sequence..Far.sighted.sequence":8},"106":{from:148,to:149,ID:69,FID:69,distance:869.23,"Sequence..Far.sighted.sequence":96},"107":{from:176,to:177,ID:8,FID:8,distance:10180,"Sequence..Far.sighted.sequence":73},"108":{from:177,to:180,ID:7,FID:7,distance:9873,"Sequence..Far.sighted.sequence":79},"109":{from:179,to:178,ID:2,FID:2,distance:231.44,"Sequence..Far.sighted.sequence":78},"110":{from:180,to:179,ID:3,FID:3,distance:550.69,"Sequence..Far.sighted.sequence":74},"111":{from:180,to:181,ID:4,FID:4,distance:777.1,"Sequence..Far.sighted.sequence":75},"112":{from:181,to:182,ID:5,FID:5,distance:1117.2,"Sequence..Far.sighted.sequence":76},"113":{from:182,to:183,ID:6,FID:6,distance:2807.4,"Sequence..Far.sighted.sequence":77},"114":{from:183,to:184,ID:0,FID:0,distance:610.5,"Sequence..Far.sighted.sequence":80},"115":{from:184,to:185,ID:1,FID:1,distance:1933.4,"Sequence..Far.sighted.sequence":81}}};
var sequence = [];
for (var key in data.vertices){
var vertice = data.vertices[key];
var i = vertice['Sequence..Far.sighted.sequence'] || 0;
var seqData = sequence[i] || [];
seqData.push({
type: 'vertice',
id: 'v' + parseInt(key),
x: vertice.X,
y: vertice.Y
});
sequence[i] = seqData;
}
for (var key in data.edges){
var edge = data.edges[key];
var i = edge['Sequence..Far.sighted.sequence'];
edge.type = 'edge';
var seqData = sequence[i] || [];
seqData.push({
type: 'edge',
id: 'e' + edge.ID,
from: edge.from,
to: edge.to
});
sequence[i] = seqData;
}
Seq = {};
Seq.init = function() {
// http://bl.ocks.org/mbostock/4132797
// http://bl.ocks.org/mbostock/5914438
var width = window.innerWidth,
height = window.innerHeight;
this.tile = d3.geo.tile()
.size([width, height]);
this.projection = d3.geo.mercator()
.scale((1 << 17) / 2 / Math.PI)
.translate([width / 2, height / 2]);
var center = this.projection([127.18, -7.9991]);
this.path = d3.geo.path()
.projection(this.projection);
this.zoom = d3.behavior.zoom()
.scale(this.projection.scale() * 2 * Math.PI)
.scaleExtent([1 << 9, 1 << 24])
.translate([width - center[0], height - center[1]])
.on('zoom', this.onzoom);
var map = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.call(this.zoom);
this.raster = map.append('g');
this.vector = map.append('g');
this.onzoom();
};
Seq.onzoom = function() {
var self = Seq;
var tiles = self.tile
.scale(self.zoom.scale())
.translate(self.zoom.translate())
();
self.projection
.scale(self.zoom.scale() / 2 / Math.PI)
.translate(self.zoom.translate());
var image = self.raster
.attr('transform', 'scale(' + tiles.scale + ')translate(' + tiles.translate + ')')
.selectAll('image')
.data(tiles, function(d) { return d; });
image.exit()
.remove();
// http://wiki.openstreetmap.org/wiki/Tiles
// http://maps.stamen.com/
image.enter().append("image")
.attr('xlink:href', function(d) {
return "http://" + ["a", "b", "c", "d"][Math.random() * 4 | 0] + ".tile.stamen.com/toner-lite/" + d[2] + '/' + d[0] + '/' + d[1] + ".png";
return "http://" + ["a", "b", "c", "d"][Math.random() * 4 | 0] + ".tiles.mapbox.com/v3/examples.map-i86nkdio/" + d[2] + "/" + d[0] + "/" + d[1] + ".png";
return 'http://mt' + Math.round(Math.random() * 3) + '.google.com/vt/lyrs=y&x=' + d[0] + '&y=' + d[1] + '&z=' + d[2];
})
.attr("width", 1)
.attr("height", 1)
.attr("x", function(d) { return d[0]; })
.attr("y", function(d) { return d[1]; });
// Reproject vector layer
self.vector.selectAll('circle')
.attr('cx', function(d) { return self.projection([d.x, d.y])[0]; })
.attr('cy', function(d) { return self.projection([d.x, d.y])[1]; });
self.vector.selectAll('path')
.attr('d', self.path);
};
Seq.animate = function(sequence) {
var self = Seq;
sequence.forEach(function(nodes, i) {
setTimeout(function() {
console.log(nodes)
nodes.forEach(function(node) {
self.draw(node);
});
}, 100 * i);
});
};
Seq.draw = function(node) {
var self = Seq;
if (node.type === 'vertice') {
self.vector
.append('circle')
.datum(node)
.attr('cx', function(d) { return self.projection([d.x, d.y])[0]; })
.attr('cy', function(d) { return self.projection([d.x, d.y])[1]; })
.attr('r', 2)
.attr('class', 'node')
.attr('id', function(d) { return d.id; });
} else if (node.type === 'edge') {
var from = d3.select('#v' + node.from).data()[0];
var to = d3.select('#v' + node.to).data()[0];
if (from && to) {
self.vector
.append('path')
.datum({
type: 'Feature',
geometry: {
type: 'LineString',
coordinates: [[from.x, from.y], [to.x, to.y]]
}
})
.attr('d', self.path)
.attr('class', 'edge');
}
}
};
Seq.init();
Seq.animate(sequence);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment