Skip to content
A network visualization of the 2019 League of Legends summer splits for North America and Korea
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
data
img
jquery.fancybox-1.3.4
plugins
README.md
filterUtil.js
gexfParseUtil.js
lck-graph-util.js
lck_teammate_net.html
lcs-graph-util.js
lcs_teammate_net.html
rendererUtil.js
sigma.min.js
style.css
util.js

README.md

League of Legends Visualization

To run, open the html files. Some browsers don't play well, though, when the files are run locally. I used Microsoft Edge to run it locally, and that worked, however, you may not have access to Microsoft Edge.

Therefore, the networks can also be found at a link. These run fine as they are on the server.

Right now, the project contains a network for champions that play together. There are two networks, one for North America (LCS) and Korea (LCK). When a node is clicked, the champions the clicked node played with circle around it, and the other champions are pushed away. If "drag enabled" is clicked, the user can move nodes around without the circle forming. Either way, when a node is clicked, the champions to which the clicked node is connected stay pictured, and the other champions go to gray. We can also filter based on degree.

Size indicates how many other unique champions the current champions played with. Darker links means the champion was played with another a lot. The colors around the nodes also indicate how many other unique champions the current champions played with. Also, the labels for each node only appear if you zoom in far enough.

start x-clip

lol-vis

You can’t perform that action at this time.