An interactive timeline visualizes key match events from the Champions League quarter-final second leg between Bayern Munich and Real Madrid, showing goals, halftime, and the final result. The Vue application renders event cards on a central time axis, using custom JavaScript classes to handle event rendering and player image display. It draws on local PNG resources for team logos and player photos, respectively. The implementation leverages core DOM APIs for dynamic element creation, CSS Grid for layout, and audio playback for goal sounds.