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 Round: | reset

Punches by Boxer | reset Jab vs. Power punches | reset Floyd Mayweather vs. Manny Pacquiao 47–0 (26 KO) W-L

(KO) 57–5–2 (38 KO) 5'8" Ht. 5'6" 147 Wt. 147 38 Age 36 72" Reach 67" Orthodox Stance Southpaw 363 Rds.

fought 407 Mayweather

Landed vs. Missed | reset Pacquiao

Landed vs. Missed | reset