Data Visuals

dc.js - Mayweather vs. Pacquiao dashboard

A fight of the century that did not live up to its hype. Overwhelming majority of viewers exclaimed that boxing is dead as Mayweather emerged victorious over Pacquiao. Mayweather's 'boring' defensive style did not please the crowd, but earned him another win. Below is the fight broken down to every punch. One important and deciding insight is that Mayweather landed 148 pucnhes out of 435 whereas Manny only landed 81 out of 429. Floyd is one win away from reaching Rocky Marciano's untouched record of 49-0. Unfortunately, I was not able to find info about miles ran and hugs given. The modern computing power would not be enough to manage the data of this size anyway (yes, Mayeather did it a lot). Here is a list of fight related information:

I used the javascript charting library dc.js for data visualization, crossfilter for data manipulation, and D3 Tooltip for dc.js chart customization. The data source was provided by reddit user WillieLee.

Punches thrown per Round
Punches by Boxer
Jab vs. Power punches
Floyd Mayweather vs. Manny Pacquiao
47–0 (26 KO) W-L
57–5–2 (38 KO)
5'8" Ht. 5'6"
147 Wt. 147
38 Age 36
72" Reach 67"
Orthodox Stance Southpaw
363 Rds.
Landed vs. Missed
Landed vs. Missed
Punches Landed by Round | Mayweather landed more punches in 10 out of 12 Rounds