Dota 2 is a complex game with a vast roster of heroes to choose from.
The key to success in Dota 2 is not just about mastering a single hero,
but also about understanding the strengths and weaknesses of each hero
and how they fit into different team compositions. In order to gain an
advantage in Dota 2, advance in ranks, and eventually reach the immortal
rank, it is important to determine which heroes are being played at
every rank and what their win rates are.
To achieve this, a graph was plotted that shows the win rates and pick
rates for every single hero in the game. This information can help
determine which hero to pick at which rank and who has the best overall
win rate in each rank. The graph is in the form of a horizontal lollipop
graph, which makes it easy to visualize the data. The win rate is
calculated as the ratio of the number of times a hero has been picked to
the number of times they have won. The pick rate is the number of times
the hero has been pick at that rank.
To make the graph more interactive, a selector was added that allows the
user to choose a hero. The hero choosing menu is designed to be similar
to the one in Dota, making it easy for users to find the hero they want.
The graph also includes animations to make it more engaging, images on
the axis to make it more visually appealing, and a tooltip that shows
raw numbers.
Marks - The marks on the graph are the lines and circles. I chose a
lollipop graph, which has a line and a circle, to show the difference in
win rates of each hero. The line acts like a bar to show the distance
from the y-axis, while the circle allows users to hover over the point
and see the raw win percentage and show the position.
Channels - The
channel mainly refers to the position of the circle. The line just
connects the point to the axis to create the look of distance from the
y-axis, but ultimately the position of the circle is the channel that
tells us the value of the data.
Design Considerations - The
design includes a menu that allows users to select which heroes they
want to view statistics for, including win rates. Tooltips were added to
display the exact win rate value, rather than just an estimation based
on the graph. Images for each rank were also added to improve visual
appeal and make it easier to identify the represented rank.