'+
29 | ''+
30 | '
');
32 | }]);
33 |
34 |
35 | appCore.controller('searchCtrl', ['$scope', function($scope) {
36 | $scope.selected = undefined;
37 | $scope.championMenu = [];
38 |
39 | for (var prop in matchupData.championList) {
40 | if (Object.hasOwnProperty.call(matchupData.championList, prop)) {
41 | $scope.championMenu.push({
42 | key: matchupData.championList[prop].key,
43 | name: matchupData.championList[prop].name
44 | });
45 | }
46 | }
47 |
48 | $scope.getPage = function(){
49 | window.location.assign('/champion/'+ $scope.selected);
50 | };
51 |
52 | $scope.determineSend = function(keyCode) {
53 | if (keyCode === 13) {
54 | var name = $scope.selected.key || $scope.selected;
55 | window.location.assign('/champion/' + name);
56 | }
57 | };
58 | }]);
59 |
60 | appCore.factory('localStorageAccess', ['$window', '$rootScope', function($window, $rootScope) {
61 | angular.element($window).on('storage', function(event) {
62 | console.log('local storage changed');
63 | if (event.key === 'matchupRating' || event.key === 'chosenSort') {
64 | $rootScope.$apply();
65 | }
66 | });
67 |
68 | var service = {
69 |
70 | save: function(key, data) {
71 | localStorage[key] = angular.toJson(data);
72 | return this;
73 | },
74 |
75 | retrieve: function(key) {
76 | return angular.fromJson(localStorage[key]);
77 | }
78 | };
79 |
80 | return service;
81 | }]);
82 |
83 |
84 | appCore.filter('startsWith', function() {
85 | function strStartsWith(str, prefix) {
86 | var wordSplit = str.split(' ');
87 |
88 | function determineString(word) {
89 | return ((word + "").toLowerCase()).indexOf(prefix.toLowerCase()) === 0 || ((str + "").toLowerCase()).indexOf(prefix.toLowerCase()) === 0;
90 | }
91 |
92 | for (var i = 0; i < wordSplit.length; i++) {
93 | if (determineString(wordSplit[i])) {
94 | return true;
95 | }
96 | }
97 | return false;
98 | }
99 |
100 |
101 | return function(items, amount) {
102 | var filtered = [];
103 |
104 | angular.forEach(items, function(item) {
105 | if (strStartsWith(item.name || item.title, amount)) {
106 | filtered.push(item);
107 | }
108 | });
109 |
110 | return filtered;
111 | };
112 | });
113 |
114 | })(angular, matchupData);
--------------------------------------------------------------------------------
/public/js/champion_data.js:
--------------------------------------------------------------------------------
1 | matchupData.championList={"Aatrox":{"id":266,"key":"Aatrox","name":"Aatrox","title":"the Darkin Blade"},"Ahri":{"id":103,"key":"Ahri","name":"Ahri","title":"the Nine-Tailed Fox"},"Akali":{"id":84,"key":"Akali","name":"Akali","title":"the Fist of Shadow"},"Alistar":{"id":12,"key":"Alistar","name":"Alistar","title":"the Minotaur"},"Amumu":{"id":32,"key":"Amumu","name":"Amumu","title":"the Sad Mummy"},"Anivia":{"id":34,"key":"Anivia","name":"Anivia","title":"the Cryophoenix"},"Annie":{"id":1,"key":"Annie","name":"Annie","title":"the Dark Child"},"Ashe":{"id":22,"key":"Ashe","name":"Ashe","title":"the Frost Archer"},"AurelionSol":{"id":136,"key":"AurelionSol","name":"Aurelion Sol","title":"The Star Forger"},"Azir":{"id":268,"key":"Azir","name":"Azir","title":"the Emperor of the Sands"},"Bard":{"id":432,"key":"Bard","name":"Bard","title":"the Wandering Caretaker"},"Blitzcrank":{"id":53,"key":"Blitzcrank","name":"Blitzcrank","title":"the Great Steam Golem"},"Brand":{"id":63,"key":"Brand","name":"Brand","title":"the Burning Vengeance"},"Braum":{"id":201,"key":"Braum","name":"Braum","title":"the Heart of the Freljord"},"Caitlyn":{"id":51,"key":"Caitlyn","name":"Caitlyn","title":"the Sheriff of Piltover"},"Camille":{"id":164,"key":"Camille","name":"Camille","title":"the Steel Shadow"},"Cassiopeia":{"id":69,"key":"Cassiopeia","name":"Cassiopeia","title":"the Serpent's Embrace"},"Chogath":{"id":31,"key":"Chogath","name":"Cho'Gath","title":"the Terror of the Void"},"Corki":{"id":42,"key":"Corki","name":"Corki","title":"the Daring Bombardier"},"Darius":{"id":122,"key":"Darius","name":"Darius","title":"the Hand of Noxus"},"Diana":{"id":131,"key":"Diana","name":"Diana","title":"Scorn of the Moon"},"Draven":{"id":119,"key":"Draven","name":"Draven","title":"the Glorious Executioner"},"DrMundo":{"id":36,"key":"DrMundo","name":"Dr. Mundo","title":"the Madman of Zaun"},"Ekko":{"id":245,"key":"Ekko","name":"Ekko","title":"the Boy Who Shattered Time"},"Elise":{"id":60,"key":"Elise","name":"Elise","title":"the Spider Queen"},"Evelynn":{"id":28,"key":"Evelynn","name":"Evelynn","title":"the Widowmaker"},"Ezreal":{"id":81,"key":"Ezreal","name":"Ezreal","title":"the Prodigal Explorer"},"Fiddlesticks":{"id":9,"key":"Fiddlesticks","name":"Fiddlesticks","title":"the Harbinger of Doom"},"Fiora":{"id":114,"key":"Fiora","name":"Fiora","title":"the Grand Duelist"},"Fizz":{"id":105,"key":"Fizz","name":"Fizz","title":"the Tidal Trickster"},"Galio":{"id":3,"key":"Galio","name":"Galio","title":"the Colossus"},"Gangplank":{"id":41,"key":"Gangplank","name":"Gangplank","title":"the Saltwater Scourge"},"Garen":{"id":86,"key":"Garen","name":"Garen","title":"The Might of Demacia"},"Gnar":{"id":150,"key":"Gnar","name":"Gnar","title":"the Missing Link"},"Gragas":{"id":79,"key":"Gragas","name":"Gragas","title":"the Rabble Rouser"},"Graves":{"id":104,"key":"Graves","name":"Graves","title":"the Outlaw"},"Hecarim":{"id":120,"key":"Hecarim","name":"Hecarim","title":"the Shadow of War"},"Heimerdinger":{"id":74,"key":"Heimerdinger","name":"Heimerdinger","title":"the Revered Inventor"},"Illaoi":{"id":420,"key":"Illaoi","name":"Illaoi","title":"the Kraken Priestess"},"Irelia":{"id":39,"key":"Irelia","name":"Irelia","title":"the Will of the Blades"},"Ivern":{"id":427,"key":"Ivern","name":"Ivern","title":"the Green Father"},"Janna":{"id":40,"key":"Janna","name":"Janna","title":"the Storm's Fury"},"JarvanIV":{"id":59,"key":"JarvanIV","name":"Jarvan IV","title":"the Exemplar of Demacia"},"Jax":{"id":24,"key":"Jax","name":"Jax","title":"Grandmaster at Arms"},"Jayce":{"id":126,"key":"Jayce","name":"Jayce","title":"the Defender of Tomorrow"},"Jhin":{"id":202,"key":"Jhin","name":"Jhin","title":"the Virtuoso"},"Jinx":{"id":222,"key":"Jinx","name":"Jinx","title":"the Loose Cannon"},"Kalista":{"id":429,"key":"Kalista","name":"Kalista","title":"the Spear of Vengeance"},"Karma":{"id":43,"key":"Karma","name":"Karma","title":"the Enlightened One"},"Karthus":{"id":30,"key":"Karthus","name":"Karthus","title":"the Deathsinger"},"Kassadin":{"id":38,"key":"Kassadin","name":"Kassadin","title":"the Void Walker"},"Katarina":{"id":55,"key":"Katarina","name":"Katarina","title":"the Sinister Blade"},"Kayle":{"id":10,"key":"Kayle","name":"Kayle","title":"The Judicator"},"Kennen":{"id":85,"key":"Kennen","name":"Kennen","title":"the Heart of the Tempest"},"Khazix":{"id":121,"key":"Khazix","name":"Kha'Zix","title":"the Voidreaver"},"Kindred":{"id":203,"key":"Kindred","name":"Kindred","title":"The Eternal Hunters"},"Kled":{"id":240,"key":"Kled","name":"Kled","title":"the Cantankerous Cavalier"},"KogMaw":{"id":96,"key":"KogMaw","name":"Kog'Maw","title":"the Mouth of the Abyss"},"Leblanc":{"id":7,"key":"Leblanc","name":"LeBlanc","title":"the Deceiver"},"LeeSin":{"id":64,"key":"LeeSin","name":"Lee Sin","title":"the Blind Monk"},"Leona":{"id":89,"key":"Leona","name":"Leona","title":"the Radiant Dawn"},"Lissandra":{"id":127,"key":"Lissandra","name":"Lissandra","title":"the Ice Witch"},"Lucian":{"id":236,"key":"Lucian","name":"Lucian","title":"the Purifier"},"Lulu":{"id":117,"key":"Lulu","name":"Lulu","title":"the Fae Sorceress"},"Lux":{"id":99,"key":"Lux","name":"Lux","title":"the Lady of Luminosity"},"Malphite":{"id":54,"key":"Malphite","name":"Malphite","title":"Shard of the Monolith"},"Malzahar":{"id":90,"key":"Malzahar","name":"Malzahar","title":"the Prophet of the Void"},"Maokai":{"id":57,"key":"Maokai","name":"Maokai","title":"the Twisted Treant"},"MasterYi":{"id":11,"key":"MasterYi","name":"Master Yi","title":"the Wuju Bladesman"},"MissFortune":{"id":21,"key":"MissFortune","name":"Miss Fortune","title":"the Bounty Hunter"},"MonkeyKing":{"id":62,"key":"MonkeyKing","name":"Wukong","title":"the Monkey King"},"Mordekaiser":{"id":82,"key":"Mordekaiser","name":"Mordekaiser","title":"the Iron Revenant"},"Morgana":{"id":25,"key":"Morgana","name":"Morgana","title":"Fallen Angel"},"Nami":{"id":267,"key":"Nami","name":"Nami","title":"the Tidecaller"},"Nasus":{"id":75,"key":"Nasus","name":"Nasus","title":"the Curator of the Sands"},"Nautilus":{"id":111,"key":"Nautilus","name":"Nautilus","title":"the Titan of the Depths"},"Nidalee":{"id":76,"key":"Nidalee","name":"Nidalee","title":"the Bestial Huntress"},"Nocturne":{"id":56,"key":"Nocturne","name":"Nocturne","title":"the Eternal Nightmare"},"Nunu":{"id":20,"key":"Nunu","name":"Nunu","title":"the Yeti Rider"},"Olaf":{"id":2,"key":"Olaf","name":"Olaf","title":"the Berserker"},"Orianna":{"id":61,"key":"Orianna","name":"Orianna","title":"the Lady of Clockwork"},"Pantheon":{"id":80,"key":"Pantheon","name":"Pantheon","title":"the Artisan of War"},"Poppy":{"id":78,"key":"Poppy","name":"Poppy","title":"Keeper of the Hammer"},"Quinn":{"id":133,"key":"Quinn","name":"Quinn","title":"Demacia's Wings"},"Rakan":{"id":497,"key":"Rakan","name":"Rakan","title":"The Charmer"},"Rammus":{"id":33,"key":"Rammus","name":"Rammus","title":"the Armordillo"},"RekSai":{"id":421,"key":"RekSai","name":"Rek'Sai","title":"the Void Burrower"},"Renekton":{"id":58,"key":"Renekton","name":"Renekton","title":"the Butcher of the Sands"},"Rengar":{"id":107,"key":"Rengar","name":"Rengar","title":"the Pridestalker"},"Riven":{"id":92,"key":"Riven","name":"Riven","title":"the Exile"},"Rumble":{"id":68,"key":"Rumble","name":"Rumble","title":"the Mechanized Menace"},"Ryze":{"id":13,"key":"Ryze","name":"Ryze","title":"the Rune Mage"},"Sejuani":{"id":113,"key":"Sejuani","name":"Sejuani","title":"Fury of the North"},"Shaco":{"id":35,"key":"Shaco","name":"Shaco","title":"the Demon Jester"},"Shen":{"id":98,"key":"Shen","name":"Shen","title":"the Eye of Twilight"},"Shyvana":{"id":102,"key":"Shyvana","name":"Shyvana","title":"the Half-Dragon"},"Singed":{"id":27,"key":"Singed","name":"Singed","title":"the Mad Chemist"},"Sion":{"id":14,"key":"Sion","name":"Sion","title":"The Undead Juggernaut"},"Sivir":{"id":15,"key":"Sivir","name":"Sivir","title":"the Battle Mistress"},"Skarner":{"id":72,"key":"Skarner","name":"Skarner","title":"the Crystal Vanguard"},"Sona":{"id":37,"key":"Sona","name":"Sona","title":"Maven of the Strings"},"Soraka":{"id":16,"key":"Soraka","name":"Soraka","title":"the Starchild"},"Swain":{"id":50,"key":"Swain","name":"Swain","title":"the Master Tactician"},"Syndra":{"id":134,"key":"Syndra","name":"Syndra","title":"the Dark Sovereign"},"TahmKench":{"id":223,"key":"TahmKench","name":"Tahm Kench","title":"the River King"},"Taliyah":{"id":163,"key":"Taliyah","name":"Taliyah","title":"the Stoneweaver"},"Talon":{"id":91,"key":"Talon","name":"Talon","title":"the Blade's Shadow"},"Taric":{"id":44,"key":"Taric","name":"Taric","title":"the Shield of Valoran"},"Teemo":{"id":17,"key":"Teemo","name":"Teemo","title":"the Swift Scout"},"Thresh":{"id":412,"key":"Thresh","name":"Thresh","title":"the Chain Warden"},"Tristana":{"id":18,"key":"Tristana","name":"Tristana","title":"the Yordle Gunner"},"Trundle":{"id":48,"key":"Trundle","name":"Trundle","title":"the Troll King"},"Tryndamere":{"id":23,"key":"Tryndamere","name":"Tryndamere","title":"the Barbarian King"},"TwistedFate":{"id":4,"key":"TwistedFate","name":"Twisted Fate","title":"the Card Master"},"Twitch":{"id":29,"key":"Twitch","name":"Twitch","title":"the Plague Rat"},"Udyr":{"id":77,"key":"Udyr","name":"Udyr","title":"the Spirit Walker"},"Urgot":{"id":6,"key":"Urgot","name":"Urgot","title":"the Headsman's Pride"},"Varus":{"id":110,"key":"Varus","name":"Varus","title":"the Arrow of Retribution"},"Vayne":{"id":67,"key":"Vayne","name":"Vayne","title":"the Night Hunter"},"Veigar":{"id":45,"key":"Veigar","name":"Veigar","title":"the Tiny Master of Evil"},"Velkoz":{"id":161,"key":"Velkoz","name":"Vel'Koz","title":"the Eye of the Void"},"Vi":{"id":254,"key":"Vi","name":"Vi","title":"the Piltover Enforcer"},"Viktor":{"id":112,"key":"Viktor","name":"Viktor","title":"the Machine Herald"},"Vladimir":{"id":8,"key":"Vladimir","name":"Vladimir","title":"the Crimson Reaper"},"Volibear":{"id":106,"key":"Volibear","name":"Volibear","title":"the Thunder's Roar"},"Warwick":{"id":19,"key":"Warwick","name":"Warwick","title":"the Uncaged Wrath of Zaun"},"Xayah":{"id":498,"key":"Xayah","name":"Xayah","title":"the Rebel"},"Xerath":{"id":101,"key":"Xerath","name":"Xerath","title":"the Magus Ascendant"},"XinZhao":{"id":5,"key":"XinZhao","name":"Xin Zhao","title":"the Seneschal of Demacia"},"Yasuo":{"id":157,"key":"Yasuo","name":"Yasuo","title":"the Unforgiven"},"Yorick":{"id":83,"key":"Yorick","name":"Yorick","title":"Shepherd of Souls"},"Zac":{"id":154,"key":"Zac","name":"Zac","title":"the Secret Weapon"},"Zed":{"id":238,"key":"Zed","name":"Zed","title":"the Master of Shadows"},"Ziggs":{"id":115,"key":"Ziggs","name":"Ziggs","title":"the Hexplosives Expert"},"Zilean":{"id":26,"key":"Zilean","name":"Zilean","title":"the Chronokeeper"},"Zyra":{"id":143,"key":"Zyra","name":"Zyra","title":"Rise of the Thorns"}};
--------------------------------------------------------------------------------
/public/js/championgg_tooltip.js:
--------------------------------------------------------------------------------
1 | (function(angular, matchupData) {
2 |
3 | var champggTooltip = angular.module('championggTooltip', []);
4 |
5 |
6 | champggTooltip.filter('to_trusted', ['$sce', function($sce) {
7 | return function(text) {
8 | return $sce.trustAsHtml(text);
9 | };
10 | }]);
11 |
12 |
13 | champggTooltip.factory('ToolTip', ['$window', function($window){
14 | return {
15 | determineDirection: function(position, tipDetails, width){
16 | var ref = position;
17 | var newWidth = 240 || width;
18 | var cssObj = {
19 | "opacity":1,
20 | "top" : ref.bottom - ref.height - tipDetails.height + $window.scrollY + "px",
21 | "left" : ref.right - (newWidth - ((newWidth - ref.width)/2)) + $window.scrollX + "px",
22 | "height" : "auto",
23 | "width" : newWidth + "px"
24 | };
25 | return cssObj;
26 | },
27 | getTemplate: function(tElement, tAttrs){
28 | var beginning = "{{content}}
'+
31 | '";
29 | var obj = {
30 | masteries: ""
34 | };
35 | var end = "
";
37 | return beginning + obj[tAttrs.apiType] + end;
38 | }
39 | };
40 | }]);
41 |
42 |
43 | champggTooltip.directive('toolContainer', ['ToolTip', '$timeout', '$http', function(ToolTip, $timeout, $http){
44 | return {
45 | restrict: "E",
46 | template: ToolTip.getTemplate,
47 | scope:{
48 | position:"=",
49 | apiType: "@",
50 | apiPrimaryId: "@",
51 | apiSecondaryId: "@"
52 | },
53 | link: function(scope, elem, attr){
54 | elem.addClass('tooltip-hover');
55 |
56 | var adjustCss = function(){
57 | scope.tipDetails = elem[0].getBoundingClientRect();
58 | elem.css(ToolTip.determineDirection(scope.position, scope.tipDetails));
59 | };
60 |
61 | $timeout(function(){
62 | adjustCss();
63 | }, 1);
64 |
65 | scope.tooltipContent = false;
66 | scope.$watch('tooltipContent', function(){
67 | $timeout(function(){
68 | adjustCss();
69 | }, 1);
70 | }, true);
71 |
72 | $http.get('/static/'+scope.apiType+'/'+scope.apiPrimaryId).success(function(data, status, headers, config){
73 | scope.tooltipContent = data;
74 | }).error(function(data,status,headers,config){
75 | console.log(data);
76 | });
77 |
78 | }
79 | };
80 | }]);
81 |
82 | champggTooltip.directive('championTip', ['$compile', '$timeout', function($compile, $timeout){
83 | return {
84 | restrict: "A",
85 | scope:{
86 | apiType: "@",
87 | apiPrimaryId: "@",
88 | apiSecondaryId: "@"
89 | },
90 | controller: ['$scope', function($scope){
91 | $scope.positionInfo = {};
92 | }],
93 | link: function(scope, elem, attr){
94 | var elemCopy = elem;
95 | var timed = [];
96 | mouseenterFunction = function(){
97 | timed[timed.length] = $timeout(function(){
98 | scope.positionInfo = this.getBoundingClientRect();
99 | var currentToolTip = "{{tooltipContent.name}}
"+ 31 | ""+
32 | "
"+
33 | "
Loading...
"+
36 | "- -legend\"><% for (var i=0; i
- \"><%if(datasets[i].label){%><%=datasets[i].label%><%}%> <%}%>
- <% for (var i=0; i
- <%if(datasets[i].label){%><%=datasets[i].label%><%}%> <%}%>
- <% for (var i=0; i
- <%if(segments[i].label){%><%=segments[i].label%><%}%> <%}%>
4 |
85 |
86 |
93 | <% include scripts.ejs %>
94 |
95 | <% include footer.ejs %>
96 |
--------------------------------------------------------------------------------
/views/champion/advertisement.ejs:
--------------------------------------------------------------------------------
1 |
5 |
27 |
28 |
6 |
26 |
7 |
8 |
25 |
9 | <% include champion/champion_image_roles.ejs %>
10 |
11 |
12 |
13 | <% include champion/champion_statistics.ejs %>
14 |
15 |
16 |
17 | <% include champion/winrate_playrate_damage_advert_trinket.ejs %>
18 |
19 |
20 |
21 | <% include champion/gamelength_experience_summoners.ejs %>
22 |
23 |
24 |
29 |
66 |
67 |
30 |
31 |
65 |
32 |
33 |
64 |
34 |
45 |
46 |
35 | <% if (championData.skills.highestWinPercent.winPercent) { %>
36 | <% include champion/skill_order.ejs %>
37 | <% } %>
38 |
39 |
40 | <% if (championData.runes.highestWinPercent) { %>
41 | <% include champion/runes.ejs %>
42 | <% } %>
43 |
44 |
47 |
63 |
48 |
57 |
49 | <% if (championData.items.highestWinPercent) { %>
50 | <% include champion/core_build.ejs %>
51 | <% } %>
52 |
53 |
54 | <% include champion/first_items.ejs %>
55 |
56 |
58 | <% if (championData.masteries.mostGames.masteries[0]) { %>
59 | <% include champion/masteries.ejs %>
60 | <% } %>
61 |
62 |
68 | <% include champion/counters_matchups.ejs %>
69 |
70 |
71 |
72 |
83 |
84 |
73 |
82 |
74 |
81 |
75 | <% include champion/advertisement.ejs %>
76 |
77 |
78 | <% include champion/reddit.ejs %>
79 |
80 | Advertising Support
2 |
3 |
23 |
--------------------------------------------------------------------------------
/views/champion/champion_image_roles.ejs:
--------------------------------------------------------------------------------
1 |
4 |
5 |
11 |
12 |
6 |
9 |
10 |
13 |
14 |
20 |
21 |
22 |
15 |
18 |
19 | 
2 | <%= champion.name %>
3 |-
4 |
5 | <% for(var i=0; i
- class="selected-role"<% } %>>
7 |
8 |
9 | <%= champion.roles[i].title %> 10 |
11 | 12 | <%= champion.roles[i].percentPlayed %>% Role Rate 13 | <%= champion.roles[i].games %> Analyzed This Patch 14 |
15 | <% } %>
16 |
17 | <% if (champion.name === 'Viktor'){ %>
18 | <% include viktor_upgrade.ejs %>
19 | <% } %>
20 |
Statistics
2 || Type | 6 |Average | 7 |Role Placement | 8 |Placement Change this patch | 9 |
|---|---|---|---|
| 15 | 16 | <%= championData.general[i].title %> 17 | 18 | | 19 | 20 |<%= championData.general[i].val %><% if(i < 3){ %>%<%}%> | 21 |22 | 23 | <%= championData.general[i].position %> 24 | 25 | / <%= generalRole.totalNumber %> 26 | | 27 |28 | 29 | 30 | <%- Math.abs(championData.general[i].change) %> | 31 |
| Overall Placement | 37 |<%= championData.overallPosition.position %> / <%= generalRole.totalNumber %> | 38 |39 | <%- Math.abs(championData.overallPosition.change) %> | 40 ||
Overall Champion Matrix
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/views/champion/core_build.ejs:
--------------------------------------------------------------------------------
1 | Most Frequent Core Build
2 |
3 | <% for(var k=0; k
4 |
5 | 
6 |
7 | <% if (k!==5){ %>
8 | >
9 | <%}%>
10 | <% } %>
11 |
15 |
16 | 
6 |
7 | <% if (k!==5){ %>
8 | >
9 | <%}%>
10 | <% } %>
11 |
12 | <%= championData.items.mostGames.winPercent %>% Win Rate | <%= championData.items.mostGames.games %> Games
13 |
14 | Highest Win % Core Build
17 |
18 | <% for(var l=0; l
19 |
20 | 
21 |
22 | <% if (l!==5){ %>
23 | >
24 | <%}%>
25 | <% } %>
26 |
30 |
--------------------------------------------------------------------------------
/views/champion/counters_matchups.ejs:
--------------------------------------------------------------------------------
1 | 
21 |
22 | <% if (l!==5){ %>
23 | >
24 | <%}%>
25 | <% } %>
26 |
27 | <%= championData.items.highestWinPercent.winPercent %>% Win Rate | <%= championData.items.highestWinPercent.games %> Games
28 |
29 |
2 |
3 |
81 |
82 |
95 |
96 |
97 |
98 |
--------------------------------------------------------------------------------
/views/champion/first_items.ejs:
--------------------------------------------------------------------------------
1 |
4 |
17 |
18 |
5 | Display matchups with at least
6 |
14 | games.
15 |
16 |
19 |
20 |
39 |
40 | <%if (champion.role === 'DUO_SUPPORT' || champion.role === 'DUO_CARRY') { %>
41 |
42 |
21 |
28 |
29 |
22 |
25 | <%= champion.roleTitle %> Champions that Counter <%= champion.name %>
23 | 24 |
30 |
37 |
38 |
31 |
34 | <%= champion.roleTitle %> Champions that <%= champion.name %> Counters
32 | 33 |
43 |
59 |
60 |
44 |
50 |
51 |
45 |
47 | <%if (champion.role === 'DUO_SUPPORT') { %> ADC <% } else { %> Support <% } %> Champions that Counter <%= champion.name %>
46 |
52 |
58 |
53 |
55 | <%if (champion.role === 'DUO_SUPPORT') { %> ADC <% } else { %> Support <% } %> Champions that <%= champion.name %> Counters
54 |
61 |
77 |
78 | <% } %>
79 |
80 |
62 |
68 |
69 |
63 |
65 | <%if (champion.role === 'DUO_SUPPORT') { %> ADC <% } else { %> Support <% } %> Champions that Synergise poorly with <%= champion.name %>
64 |
70 |
76 |
71 |
73 | <%if (champion.role === 'DUO_SUPPORT') { %> ADC <% } else { %> Support <% } %> Champions that Synergise well with <%= champion.name %>
72 |Most Frequent Starters
2 |
3 | <% for(var k=0; k
4 |
5 | 
6 |
7 | <% } %>
8 |
12 | 
6 |
7 | <% } %>
8 |
9 | <%= championData.firstItems.mostGames.winPercent %>% Win Rate | <%= championData.firstItems.mostGames.games %> Games
10 |
11 | Highest Win % Starters
13 |
14 | <% for(var l=0; l
15 |
16 | 
17 |
18 | <% } %>
19 |
--------------------------------------------------------------------------------
/views/champion/gamelength_experience_summoners.ejs:
--------------------------------------------------------------------------------
1 | 
17 |
18 | <% } %>
19 |
20 | <%= championData.firstItems.highestWinPercent.winPercent %>% Win Rate | <%= championData.firstItems.highestWinPercent.games %> Games
21 |
22 | Win Rate % by Game Length
2 |
3 |
4 |
5 |
6 | 7 | Win Rate % by Games Played 8 | (2014-2015 Ranked Experience) 9 |
10 |
11 |
12 |
13 |
14 |
15 | Playerbase Experience Distribution
16 |
17 |
25 |
26 |
18 |
19 |
20 |
21 | 2015-2016 Ranked Games
22 |
23 |
24 | Most Frequent Summoners
27 |
28 | 
29 |
30 | 
31 |
33 |
34 | 
29 |
30 | 
31 | <%= championData.summoners.mostGames.winPercent %>% Win Rate | <%= championData.summoners.mostGames.games %> Games
32 | Highest Win % Summoners
35 |
36 | 
37 | 
38 |
40 |
--------------------------------------------------------------------------------
/views/champion/masteries.ejs:
--------------------------------------------------------------------------------
1 | 
37 | 
38 | <%= championData.summoners.highestWinPercent.winPercent %>% Win Rate | <%= championData.summoners.highestWinPercent.games %> Games
39 | Most Frequent Masteries
2 |
3 | <% for (var k = 0; k
4 |
35 |
5 |
33 | <% } %>
34 |
6 | <%= championData.masteries.mostGames.masteries[k].tree %> - <%= championData.masteries.mostGames.masteries[k].total %>
7 |
8 | <% for (var z = 1; z<=6; z++){ %>
9 | <% var masteryColumn = championData.masteries.mostGames.masteries[k].data['row'+z]; %>
10 |
11 | <% for(var y = 0; y < masteryColumn.length; y++) { %>
12 | <% if(masteryColumn[y].mastery){ %>
13 | <% if(masteryColumn[y].points){ %>
14 |
21 | <% } else { %>
22 |
24 | <% } %>
25 | <% if(z % 2 == 1 && y == 0){ %>
26 |
27 | <% } %>
28 | <% } %>
29 | <% } %>
30 |
31 | <% } %>
32 |
36 | <%= championData.masteries.mostGames.winPercent %>% Win Rate | <%= championData.masteries.mostGames.games %> Games
37 |
38 |
39 |
40 | Highest Win % Masteries
41 |
42 | <% for (var k = 0; k
43 |
74 |
44 |
72 | <% } %>
73 |
45 | <%= championData.masteries.highestWinPercent.masteries[k].tree %> - <%= championData.masteries.highestWinPercent.masteries[k].total %>
46 |
47 | <% for (var z = 1; z<=6; z++){ %>
48 | <% var masteryColumn = championData.masteries.highestWinPercent.masteries[k].data['row'+z]; %>
49 |
50 | <% for(var y = 0; y < masteryColumn.length; y++) { %>
51 | <% if(masteryColumn[y].mastery){ %>
52 | <% if(masteryColumn[y].points){ %>
53 |
60 | <% } else { %>
61 |
63 | <% } %>
64 | <% if(z % 2 == 1 && y == 0){ %>
65 |
66 | <% } %>
67 | <% } %>
68 | <% } %>
69 |
70 | <% } %>
71 |
75 | <%= championData.masteries.highestWinPercent.winPercent %>% Win Rate | <%= championData.masteries.highestWinPercent.games %> Games
76 |
77 |
--------------------------------------------------------------------------------
/views/champion/reddit.ejs:
--------------------------------------------------------------------------------
1 | Recent <%= champion.name %> Threads on Reddit
2 |
3 |
--------------------------------------------------------------------------------
/views/champion/runes.ejs:
--------------------------------------------------------------------------------
1 |
4 |
24 |
5 |
20 | 6 | 7 | {{thread.data.title}} 8 | 9 |
10 | 11 | View Summary▶▼ 12 | 13 | 14 | {{thread.data.num_comments}} comments. 15 | 16 | 17 | Created on {{thread.data.created * 1000 | date:'d MMMM yyyy'}} 18 | 19 |
21 |
22 |
23 | Most Frequent Runes
2 |
3 | <% for(var i = 0; i < championData.runes.mostGames.runes.length; i++){ %>
4 |
14 |
5 |
12 | <% } %>
13 |
6 | 
<%= championData.runes.mostGames.runes[i].number %>x <%= championData.runes.mostGames.runes[i].name %>
7 | <%= championData.runes.mostGames.runes[i].description %>
8 |
9 | 
<%= championData.runes.mostGames.runes[i].number %>x <%= championData.runes.mostGames.runes[i].name %>
7 | <%= championData.runes.mostGames.runes[i].description %>
8 |
10 |
11 |
15 | <%= championData.runes.mostGames.winPercent %>% Win Rate | <%= championData.runes.mostGames.games %> Games
16 |
17 |
18 |
19 | Highest Win % Runes
20 |
21 | <% for(var i = 0; i < championData.runes.highestWinPercent.runes.length; i++){ %>
22 |
32 |
23 |
30 | <% } %>
31 |
24 | 
<%= championData.runes.highestWinPercent.runes[i].number %>x <%= championData.runes.highestWinPercent.runes[i].name %>
25 | <%= championData.runes.highestWinPercent.runes[i].description %>
26 |
27 | 
<%= championData.runes.highestWinPercent.runes[i].number %>x <%= championData.runes.highestWinPercent.runes[i].name %>
25 | <%= championData.runes.highestWinPercent.runes[i].description %>
26 |
28 |
29 |
33 | <%= championData.runes.highestWinPercent.winPercent %>% Win Rate | <%= championData.runes.highestWinPercent.games %> Games
34 |
--------------------------------------------------------------------------------
/views/champion/skill_order.ejs:
--------------------------------------------------------------------------------
1 | Most Frequent Skill Order
2 |
3 |
30 |
4 |
5 |
13 | <% for (var i = 0 ; i < 4; i++){ %>
14 |
6 | <% for (var d = 0; d < 18; d++){ %>
7 |
12 |
8 | <%= d + 1 %>
9 |
10 | <% } %>
11 |
15 | 
16 |
28 | <% } %>
29 | 
16 |
17 | <% var skillGames = championData.skills.mostGames.order %>
18 | <% for (var b = 0 ; b < skillGames.length; b++){ %>
19 |
27 |
20 | <%= skillGames[b][0] === ''+(i+1) ? championData.skills.skillInfo[i].key : "" %>
21 | <% if(skillGames[b].length === 3 && skillGames[b][0] === ''+(i+1)){ %>
22 | <%= championData.skills.skillInfo[skillGames[b][2]-1].key %>
23 | <% } %>
24 |
25 | <% } %>
26 |
31 | <%= championData.skills.mostGames.winPercent %>% Win Rate | <%= championData.skills.mostGames.games %> Games
32 |
33 |
34 |
35 | Highest Win % Skill Order
36 |
37 |
64 |
38 |
39 |
47 | <% for (var i = 0 ; i < 4; i++){ %>
48 |
40 | <% for (var d = 0; d < 18; d++){ %>
41 |
46 |
42 | <%= d + 1 %>
43 |
44 | <% } %>
45 |
49 |
50 |
62 | <% } %>
63 |
50 |
51 | <% var skillGames = championData.skills.highestWinPercent.order %>
52 | <% for (var b = 0 ; b < skillGames.length; b++){ %>
53 |
61 |
54 | <%= skillGames[b][0] === ''+(i+1) ? championData.skills.skillInfo[i].key : "" %>
55 | <% if(skillGames[b].length === 3 && skillGames[b][0] === ''+(i+1)){ %>
56 | <%= championData.skills.skillInfo[skillGames[b][2]-1].key %>
57 | <% } %>
58 |
59 | <% } %>
60 |
65 | <%= championData.skills.highestWinPercent.winPercent %>% Win Rate | <%= championData.skills.highestWinPercent.games %> Games
66 |
--------------------------------------------------------------------------------
/views/champion/viktor_upgrade.ejs:
--------------------------------------------------------------------------------
1 |
2 |
5 |
15 | Most Frequent Upgrades
3 | <% var viktor = championData.unique.mostGames; %> 4 | <% for(var i = 0; i
6 | 
7 | <%= championData.skills.skillInfo[viktor.order[i]-1].key %>
8 | 
9 |
10 | <% if (i!==2){ %> > <%}%>
11 |
12 | <% } %>
13 | 
7 | <%= championData.skills.skillInfo[viktor.order[i]-1].key %>
8 | 
9 | <%= viktor.winPercent %>% Win Rate | <%= viktor.games %> Games
14 |
16 |
20 |
--------------------------------------------------------------------------------
/views/champion/winrate_playrate_damage_advert_trinket.ejs:
--------------------------------------------------------------------------------
1 | Highest Win % Upgrades
17 | 18 | <% var viktor = championData.unique.highestWinPercent; %> 19 | <% for(var i = 0; i
21 |
22 | <%= championData.skills.skillInfo[viktor.order[i]-1].key %>
23 |
24 |
25 | <% if (i!==2){ %> > <%}%>
26 |
27 | <% } %>
28 |
22 | <%= championData.skills.skillInfo[viktor.order[i]-1].key %>
23 |
24 | <%= viktor.winPercent %>% Win Rate | <%= viktor.games %> Games
29 | Win Rate % By Patch
2 |
3 |
4 |
5 |
6 | Play Rate % By Patch
7 |
8 |
9 |
10 |
11 |
12 |
13 |
19 |
20 |
14 |
17 |
18 | Damage Composition
21 |
22 |
23 |
24 |
25 |
26 | -
27 |
- Physical 28 |
- Magic 29 |
- True 30 |
33 |
36 |
47 |
--------------------------------------------------------------------------------
/views/error.ejs:
--------------------------------------------------------------------------------
1 | <% include header.ejs %>
2 |
3 | Trinket Stats
34 | <% var trinkets = championData.trinkets; %> 35 | <% for(var i = 0; i
37 | 
38 |
44 | <% } %>
45 |
46 | 
38 |
39 | <%= trinkets[i].winPercent %>%
40 | Win Rate
41 | <%= trinkets[i].games %>
42 | Games
43 |
4 |
7 | Teemo, we have a problem...
5 |<%= message %>
6 |
8 | Think something on the site is broken? Please send me a message... (on reddit) /u/joeldo
9 |
10 | <% include scripts.ejs %>
11 |
12 | <% include footer.ejs %>
13 |
--------------------------------------------------------------------------------
/views/faq.ejs:
--------------------------------------------------------------------------------
1 | <% include header.ejs %>
2 |
3 | Frequently Asked Questions
4 | 5 |
6 |
78 |
79 |
80 | <% include scripts.ejs %>
81 |
82 |
83 |
84 |
85 | <% include footer.ejs %>
86 |
--------------------------------------------------------------------------------
/views/footer.ejs:
--------------------------------------------------------------------------------
1 |
4 |
5 |
15 |
21 |
22 |
29 |
30 |
31 |
47 |
48 |
7 |
77 |
8 |
40 | What stats do you use?
9 |Champion.gg uses game data from Platinum to Challenger from NA, EUW, EUNE and Korea for the current patch, available through Riot's API 10 | 11 |
What advantage does Champion.gg have over any other statistic sites?
12 |Most other LoL statistic websites are lacking in three areas. First, data doesn't necessarily reflect a champion's true performance if their play in certain roles isn't taken into account - this is something Champion.gg is very well equipped for; any champion can be selected in their played role to get tailored statistics.
13 |14 | Second, many statistical websites present their data over the past month/week/day. This gives an inaccurate view of the champion on the current patch. This is because the sample size can cover more than the current patch or be too small (in the case of a day). Champion.gg bases all data off the current patch apart from the player experience section - which uses the past 2 patches. 15 |
16 |17 | Third, many statistic websites don't show the win rates when a champion is (potentially) played at their best - Champion.gg provides win rates for the best builds, masteries, runes, summoners and skill order. 18 |
19 | 20 |How is the Overall Placement/Performance Ranking determined?
21 |22 | Thanks for asking! The overall performance ranking takes more than win rate into account! Depending on the particular role, different attributes (such as Win Rate, Play Rate, Ban Rate, Kills, Deaths, CS, Damage Dealt/Taken etc.) are weighted at different levels to provide an overview of how the champion performs as a whole. For example, an ADC champion has a higher weighting for 'Damage Dealt' than that of a support champion. 23 |
24 | 25 |How is the Counters Statistical Rating determined?
26 |27 | The statistical rating of counters is determined in a similar way as the overall performance ranking, but it also takes into account how well a champion normally performs, and the effect the particular matchup has on this performance. It also takes into account who has a stronger performance in the matchup. 28 |
29 | 30 |How are the win rates/play rates of full builds calculated?
31 |32 | Because the number of games where a full build is successfully completed is very low, it is hard to accurately determine the overall win rate of a given build. This is because completed builds typically have extremely high win rates (players that are ahead have more items completed). 33 |
34 |35 | Therefore, Champion.gg places a similar weighting for partially completed builds that follow the same build path as the full build. This helps provide a better overview of the build as a whole as it takes into account all stages of the build. In order to further stabilize the win rate, it is normalized against the win rate of the champions role. 36 |
37 | 38 | 39 |
41 |
76 | How do you determine what role a champion plays in?
42 |43 | Champion.gg uses Riot's API which provides the lane and role of a particular champion. This is based on the areas a particular champion spends the majority of the early game/laning phase. 44 |
45 | 46 |How frequently is data updated?
47 |48 | Data is updated as soon as possible whenever a new patch is released (usually within 3 days). Towards the end of a patch, data is updated less frequently--Champion.gg has over 300gb of champion data, so processing can take around 15 hours. 49 |
50 | 51 |Why does x champion have such a high/low win rate?
52 |53 | Champions such as Urgot are seen very very rarely in Platinum+ games. Consequently, there isn't always a large enough sample size to determine whether the statistics are a true reflection of the champion's performance. If small sample size isn't an issue, chances are Riot is having balancing issues. 54 |
55 | 56 |How can I support Champion.gg?
57 |58 | Champion.gg is and always will be free to use - it does, however, cost to process, download, and host gigabytes of data each day. There are a number of ways you can help out! You can share Champion.gg with your friends/groups, you can white list Champion.gg through your adblocker, or for those who don't like advertisements, you can consider donating. 59 |
60 | 61 |Is Champion.gg open source?
62 |63 | I have the web development/design side of Champion.gg on GitHub - You can take a look for yourself! The data aggregation/processing side of things is in a private repo until I clean it up. 64 |
65 | 66 |What programming language(s) did you use?
67 |68 | Champion.gg is a full JavaScript endeavour, utilising Node.js/Express on the back end with MongoDB serving the data. The front end uses Angular.js as its primary framework. Data aggregation/analysis was performed with MongoDB's aggregation framework / Node.js. 69 |
70 | 71 |How can I contact you?
72 |73 | Send me a message on Reddit at /u/joeldo, through the Champion.gg Facebook page or GitHub 74 |
75 |
53 |
54 |
55 |