The purpose of this repo is to use p5.js to create new an interesting visualisations for the UFC fighters.
This is a blank canvas for ideas and interesting visualisations.
The first idea I came up with was a UFC quadrant stat for each fighter (although I'm pretty sure it already exists).
.
This is a visualisation that shows the Offense game vs Defense game for any fighter. The stats from straight from UFC (which can be scraped). And the % values for the Striking Accuaracy, Defence, Takedown Accuracy, Defense are plotted on the quadrant. THe screenshot shows a working prototype for Khabib Nurmagomedov, and can be extended to other fighters too.
Using Flask, I can now scrape UFC fighter data and get real stats, and make an interactive web app, as well as adding other visualisations in the future.