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:

• Punch report
• Scorecard
• Full Punch report (which is also the data source for this dashboard)
• Pacquiao's shoulder injury

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.

---