About Visualizing F1 Positions

Visualizing F1 Positions graphs individual driver data as their position changes with time.

Data

All of the data, including the drivers' names, teams, race information, and data points are all pulled from OpenF1. This application is solely dependent on the OpenF1 API. Any issues with an API request will lead to an error displayed on the website.

Developer Dependencies

Visualizing F1 Positions is a React.js project and uses these packages

axios

Axios is used to fetch data from the OpenF1 API

react-google-charts

The graph rendering is handled by react-google-charts

react-icons

All icons used are provided by react-icons

Fonts

Formula1-Bold

by Marc Rouault (Wieden Kennedy)

Inter

by Google Fonts (Google Fonts)

Colors

Team colors are pulled from the OpenF1 API

Website Theme

#FF232B
#ba1319
#52E252
#FF8000
#010000

Team Colors

#3671C6
#6692FF
#FF8000
#0093CC
#229971
#E80020
#B6BABD
#64C4FF
#52E252
#27F4D2

Images

Car images from motorsport. Driver images pulled from OpenF1 API (Formula 1)

Redbull 2024 F1 CarMcLaren 2024 F1 CarFerrari 2024 F1 CarMercedes 2024 F1 CarAston Martin 2024 F1 CarHaas 2024 F1 CarVisa Cash App Red Bull 2024 F1 CarAlpine 2024 F1 CarWilliams 2024 F1 CarKick Sauber 2024 F1 Car

Website Developed & Designed by Ansh Chauhan