Visualizations

A place for visualizations I find interesting. Each entry includes the graph, the reason for looking at the data, and some context.

01

Unit chart + horizontal bar chart · D3.js

Overwatch skin support

So I play Overwatch from time to time. It's a common topic of discussion in the community that some heroes receive way more skins than others. I figured this would be a great topic to explore through a visualization. So I built this to share with the community and have an easier way to approach the question.

The chart counts skins by their original acquisition method. You can filter those categories, change the ordering, switch to a direct comparison, and inspect an individual hero for specifics.

Reviewed 22 September 2026

Selected distribution
Counts are maintained manually from the reviewed dataset. Use Categories to change the scope; select a hero in Comparison view to inspect its distribution.

02

Force-directed network · D3.js

Deck constellation

This comes from a tournament tracker I made and use for Magic: The Gathering games with friends. It connects players to the decks they bring, which is an easy and kind of fun way to see which decks players usually gravitate toward.

This version uses invented players and tournament histories, but real deck names from the Pauper format. A thicker line means that player brought the deck more often.

Illustrative tournament history
Player Deck Repeat appearances
Hover or focus a node or connection to trace it; select it to keep the highlight in place. Nodes can also be dragged.