← BACK · ENGINEERING

NFL Play History

October 2022 · Flutter · Dart · Rive · Lead front-end developer/animator for version 2 of the visualizer · Jul 2022 – Oct 2022

NFL Play History was my second freelance project for Simplebet. Again the only front-end programmer, I recreated the designer's animations in Flutter and wired them up to a live match data feed.

It builds on the concept behind the NFL Visualizer, with simplified visuals — different arrows represent different play types, letting users read what happened in a match in near-live conditions.

Each animation ties to a back-end event carrying the data needed to draw the arrows at the right position and length on the field, which took a fair amount of math to get right on both the animation and the positioning side.

NFL Play History media