D3 Exampe of mapping Coords in League

by Augustus Yuan

HTML

<body>
<script src="http://d3js.org/d3.v3.min.js"></script>    
<div id="map">
</div>
</body>

CSS

#map svg {
    position: absolute;
    top: 0;
    left: 0;
}

#map img {
     position: absolute;
    top: 0;
    left: 0;   
}

JavaScript

/////
// Timeline Data taken from the following match:
// http://matchhistory.na.leagueoflegends.com/en/#match-details/NA1/1653950767
/////

var cords = [
        [561 ,581], [561 ,361], [351 ,293], [222 ,471], [311 ,649], [14486 ,14511], [14486 ,14291], [14277 ,14223], [14148 ,14401], [14237 ,14579], [9056 ,2129], [2212 ,8634], [2094 ,8488], [4478 ,7460], [9408 ,1360], [10383 ,2958], [10007 ,2434], [10198 ,2578], [10322 ,2872], [10147 ,2378], [11998 ,1766], [2272 ,8518], [2262 ,9034], [7005 ,6937], [11954 ,2024], [12535 ,6461], [3007 ,13097], [12575 ,5934], [7948 ,7277], [12455 ,6081], [13796 ,3334], [7637 ,3950], [1366 ,11065], [7198 ,6895], [13155 ,3552], [7059 ,10861], [3100 ,10820], [13726 ,4608], [8050 ,7688], [13706 ,4787], [13619 ,3837], [6931 ,5276], [1822 ,11726], [6929 ,6499], [13278 ,3874], [11714 ,7294], [14340 ,14391], [13725 ,4593], [7509 ,6746], [13764 ,4653], [5603 ,830], [7126 ,8129], [2144 ,11732], [6314 ,6509], [10805 ,1055], [14340 ,14391], [12175 ,1294], [14340 ,14391], [7516 ,7084], [14340 ,14391], [12497 ,1570], [2342 ,8389], [2687 ,12823], [7306 ,6767], [11985 ,2126], [10764 ,8732], [5744 ,13665], [12888 ,2957], [7897 ,7436], [13389 ,2807], [13601 ,3635], [7185 ,9604], [868 ,2620], [6069 ,6230], [13392 ,3714], [7867 ,7692], [8063 ,13847], [14077 ,4460], [7988 ,6722], [13400 ,4780], [13549 ,2689], [3416 ,7896], [2004 ,12194], [5771 ,7390], [13332 ,2557], [11851 ,6743], [4874 ,7547], [13582 ,3598], [7272 ,7088], [13821 ,3408], [10435 ,1447], [7750 ,3881], [4180 ,13508], [7240 ,6936], [10663 ,1303], [14063 ,13485], [12186 ,1336], [11828 ,2842], [8274 ,7663], [11056 ,3332], [4844 ,782], [8301 ,2594], [6780 ,13539], [10300 ,3235], [10135 ,1440], [9993 ,4264], [7478 ,13574], [10150 ,4858], [10262 ,4743], [10395 ,4777], [13290 ,3380], [4441 ,1409], [4168 ,11753], [7879 ,7385], [13514 ,3212], [7796 ,10752], [4823 ,13566], [13421 ,4436], [5414 ,12296], [14010 ,4422], [13347 ,3291], [10957 ,2032], [6042 ,12706], [7281 ,7207], [13050 ,2971], [6683...