Hero win/pick rates - lollipop

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.

Back to Home