F1 Widgets

How to Use

1. Start the Proxy Server

      # Set your API token

      export F1_API_TOKEN="your_api_key_here"

      # Start the server

      node server.js

2. Add Widget to Your Page

      <!-- Add container -->

      <div id="f1-standings"></div>

      <!-- Include the widget script -->

      <script src="https://f1.apidata.tech/f1-widgets.js"></script>

      <!-- Initialize and render -->

      <script>

        await F1Widgets.init({ proxyUrl: 'https://f1.apidata.tech/api' });

        F1Widgets.renderDriverStandings('f1-standings');

      </script>

Available Widgets

renderDriverStandings

Driver championship standings with photos, flags, and points.

      F1Widgets.renderDriverStandings('container-id');

      F1Widgets.renderDriverStandings('container-id', { limit: 10 });

      F1Widgets.renderDriverStandings('container-id', { seasonId: 26877 }); // 2024 season

renderConstructorStandings

Constructor championship standings with team logos and colors.

      F1Widgets.renderConstructorStandings('container-id');

      F1Widgets.renderConstructorStandings('container-id', { seasonId: 26877 });

renderCalendar

Race kalender met circuits, uitslagen en uitklapbare top 3.

      F1Widgets.renderCalendar('container-id');

      F1Widgets.renderCalendar('container-id', { seasonId: 26877 });

      F1Widgets.renderCalendar('container-id', { compact: true }); // 3 races: vorige, volgende, +1

renderCountdown

Live countdown to the next race with session schedule.

      F1Widgets.renderCountdown('container-id');

      F1Widgets.renderCountdown('container-id', { seasonId: 26877 });

renderRaceWeekend

Race weekend schedule with session times. Requires stageId.

      F1Widgets.renderRaceWeekend('container-id', { stageId: 77480033 }); // Monaco GP 2024

      F1Widgets.renderRaceWeekend('container-id', { stageId: 77480033, seasonId: 26877 });

renderRaceResults

Sessie resultaten met tabs voor VT1-3, Kwalificatie, Sprint en Race.

      F1Widgets.renderRaceResults('container-id');

      F1Widgets.renderRaceResults('container-id', { seasonId: 26877 });

      F1Widgets.renderRaceResults('container-id', { stageId: 77480033 }); // Specifieke GP

      F1Widgets.renderRaceResults('container-id', { session: 'Qualification 3' }); // Specifieke sessie

renderStandings

Compact klassement met Coureurs/Teams tabs. Toont altijd het huidige seizoen.

      F1Widgets.renderStandings('container-id');

      F1Widgets.renderStandings('container-id', { limit: 5 }); // Top 5

      F1Widgets.renderStandings('container-id', { limit: 10 }); // Top 10

renderDriverCards

Individual driver cards with stats.

      F1Widgets.renderDriverCards('container-id');

      F1Widgets.renderDriverCards('container-id', { limit: 6 });

      F1Widgets.renderDriverCards('container-id', { limit: 10, seasonId: 26877 });

renderTeamCards

Team cards with logos and standings.

      F1Widgets.renderTeamCards('container-id');

      F1Widgets.renderTeamCards('container-id', { seasonId: 26877 });

renderCircuit

Circuit information with stats. Requires venueId.

      F1Widgets.renderCircuit('container-id', { venueId: 343586 }); // Silverstone

      F1Widgets.renderCircuit('container-id', { venueId: 343587 }); // Monaco

renderLiveRace

Live race posities tijdens een race. Ververst automatisch. Toont banden, pitstops en gaps.

      F1Widgets.renderLiveRace('container-id');

      F1Widgets.renderLiveRace('container-id', { refreshInterval: 5000 }); // Refresh elke 5 sec

      F1Widgets.renderLiveRace('container-id', { demo: true }); // Demo mode

ID Lookup

Zoek hier de IDs op die je nodig hebt voor de widgets.

Season IDs

2026 (huidig)	26733
2025	25273
2024	26877
2023	26876
2022	26875
2021	26874

Race Page (Combined)

Coureurs Overzicht (Klikbaar)

Teams Overzicht (Klikbaar)

Driver Cards

Team Cards