Podium Prophets
Bejelentkezés

Ingyenes F1 adatwidgetek

Ágyazz be F1-adatokat a blogodba

Tegyél interaktív F1-adatvizualizációkat a futamelemzéseidbe, edzésösszefoglalóidba vagy stratégiai bontásaidba. Ingyen használható, csak a forrásjelölést kell meghagyni.

Csapattempó-grafikon

Vízszintes oszlopdiagram, amely a csapatok relatív tempókülönbségeit mutatja. Tökéletes edzésértékelésekhez és versenytempó-összehasonlításokhoz.

Team Pace — Australian Grand Prix FP2

McLaren
Leader
REF
Red Bull
+0.425s
Mercedes
+0.607s
Alpine
+1.113s
Audi
+1.312s
RB
+1.551s
Haas
+1.744s
Ferrari
+2.688s
Aston Martin
+3.174s
Williams
+3.894s
Cadillac
+5.197s
Australian Grand Prix FP2 | Adatok: Podium Prophets

Embed Code

<iframe src="https://podiumprophets.com/embed/team-pace/2026/1/fp2" width="100%" height="450" style="border:none;border-radius:12px" loading="lazy" sandbox="allow-scripts allow-popups" title="F1 csapattempó"></iframe>

Hosszú etap sávdiagram

SVG vizualizáció, amely etaponként mutatja a köridőket gumikeverék szerint színezve. Ez a Podium Prophets egyik egyedi nézete, és az egyik leghasznosabb widget a hosszú etapok elemzéséhez.

Long Run Pace — Australian Grand Prix FP2

HardMediumSoftInterWet
1:21.81:24.01:26.21:28.41:30.6LECLEC L1 (undefined): 1:21.5LEC L2 (undefined): 1:21.8LEC L3 (undefined): 1:22.2HAMHAM L1 (undefined): 1:20.6HAM L2 (undefined): 1:20.9HAM L3 (undefined): 1:20.9HAM L4 (undefined): 1:21.4HAM L5 (undefined): 1:21.5HAM L6 (undefined): 1:24.0HAM L7 (undefined): 1:24.4HAM L8 (undefined): 1:24.4HAM L9 (undefined): 1:24.5HAM L10 (undefined): 1:24.8GASGAS L1 (undefined): 1:22.4GAS L2 (undefined): 1:22.5GAS L3 (undefined): 1:22.8GAS L4 (undefined): 1:23.4GAS L5 (undefined): 1:25.0ALBALB L1 (undefined): 1:21.8ALB L2 (undefined): 1:22.0ALB L3 (undefined): 1:22.9ALB L4 (undefined): 1:23.2ALB L5 (undefined): 1:23.6ALB L6 (undefined): 1:24.5ALB L7 (undefined): 1:25.1NORNOR L1 (undefined): 1:20.8NOR L2 (undefined): 1:21.0NOR L3 (undefined): 1:23.0NOR L4 (undefined): 1:23.4NOR L5 (undefined): 1:23.6NOR L6 (undefined): 1:24.9NOR L7 (undefined): 1:25.3NOR L8 (undefined): 1:28.1RUSRUS L1 (undefined): 1:23.1RUS L2 (undefined): 1:23.2RUS L3 (undefined): 1:23.3RUS L4 (undefined): 1:23.5RUS L5 (undefined): 1:23.5RUS L6 (undefined): 1:23.5RUS L7 (undefined): 1:23.8RUS L8 (undefined): 1:23.8RUS L9 (undefined): 1:24.3RUS L10 (undefined): 1:24.4RUS L11 (undefined): 1:24.4OCOOCO L1 (undefined): 1:22.6OCO L2 (undefined): 1:23.2OCO L3 (undefined): 1:24.2OCO L4 (undefined): 1:25.1ANTANT L1 (undefined): 1:23.7ANT L2 (undefined): 1:23.7ANT L3 (undefined): 1:23.8ANT L4 (undefined): 1:24.0ANT L5 (undefined): 1:24.0ANT L6 (undefined): 1:24.1ANT L7 (undefined): 1:24.1ANT L8 (undefined): 1:24.2ANT L9 (undefined): 1:24.4ANT L10 (undefined): 1:24.6ANT L11 (undefined): 1:24.7ANT L12 (undefined): 1:24.9ANT L13 (undefined): 1:28.7HADHAD L1 (undefined): 1:21.6HAD L2 (undefined): 1:21.7HAD L3 (undefined): 1:22.2HAD L4 (undefined): 1:24.0HAD L5 (undefined): 1:24.3HAD L6 (undefined): 1:24.4HAD L7 (undefined): 1:24.6HAD L8 (undefined): 1:24.7HAD L9 (undefined): 1:25.2HAD L10 (undefined): 1:25.9PIAPIA L1 (undefined): 1:20.6PIA L2 (undefined): 1:20.8PIA L3 (undefined): 1:21.1PIA L4 (undefined): 1:21.7PIA L5 (undefined): 1:24.6PIA L6 (undefined): 1:24.6PIA L7 (undefined): 1:24.9PIA L8 (undefined): 1:24.9PIA L9 (undefined): 1:25.2HULHUL L1 (undefined): 1:21.4HUL L2 (undefined): 1:21.4HUL L3 (undefined): 1:21.9HUL L4 (undefined): 1:21.8HUL L5 (undefined): 1:22.1HUL L6 (undefined): 1:22.2HUL L7 (undefined): 1:23.3HUL L8 (undefined): 1:24.7HUL L9 (undefined): 1:24.8HUL L10 (undefined): 1:25.2HUL L11 (undefined): 1:25.3HUL L12 (undefined): 1:25.4HUL L13 (undefined): 1:25.5HUL L14 (undefined): 1:26.5HUL L15 (undefined): 1:26.7COLCOL L1 (undefined): 1:23.1COL L2 (undefined): 1:23.2COL L3 (undefined): 1:23.6COL L4 (undefined): 1:24.0COL L5 (undefined): 1:25.5COL L6 (undefined): 1:25.6COL L7 (undefined): 1:25.8COL L8 (undefined): 1:25.9COL L9 (undefined): 1:25.9COL L10 (undefined): 1:26.1LAWLAW L1 (undefined): 1:22.0LAW L2 (undefined): 1:22.0LAW L3 (undefined): 1:22.6LAW L4 (undefined): 1:25.4LAW L5 (undefined): 1:25.5LAW L6 (undefined): 1:25.6LAW L7 (undefined): 1:25.7LAW L8 (undefined): 1:25.8LAW L9 (undefined): 1:25.8LAW L10 (undefined): 1:26.0LAW L11 (undefined): 1:26.0LAW L12 (undefined): 1:26.1LAW L13 (undefined): 1:26.5LINLIN L1 (undefined): 1:20.9LIN L2 (undefined): 1:21.1LIN L3 (undefined): 1:21.8LIN L4 (undefined): 1:25.5LIN L5 (undefined): 1:25.6LIN L6 (undefined): 1:25.7LIN L7 (undefined): 1:25.7LIN L8 (undefined): 1:26.0LIN L9 (undefined): 1:26.1LIN L10 (undefined): 1:26.1LIN L11 (undefined): 1:26.1LIN L12 (undefined): 1:26.2LIN L13 (undefined): 1:26.8STRSTR L1 (undefined): 1:25.8STR L2 (undefined): 1:25.9STR L3 (undefined): 1:27.2BORBOR L1 (undefined): 1:25.4BOR L2 (undefined): 1:25.9BOR L3 (undefined): 1:25.9BOR L4 (undefined): 1:26.3BOR L5 (undefined): 1:28.3BEABEA L1 (undefined): 1:22.6BEA L2 (undefined): 1:22.8BEA L3 (undefined): 1:23.7BEA L4 (undefined): 1:23.9BEA L5 (undefined): 1:25.9BEA L6 (undefined): 1:25.9BEA L7 (undefined): 1:25.9BEA L8 (undefined): 1:26.0BEA L9 (undefined): 1:26.0BEA L10 (undefined): 1:26.1BEA L11 (undefined): 1:26.4BEA L12 (undefined): 1:26.5BEA L13 (undefined): 1:26.6BEA L14 (undefined): 1:26.7BEA L15 (undefined): 1:28.0BOTBOT L1 (undefined): 1:27.5BOT L2 (undefined): 1:27.7BOT L3 (undefined): 1:27.9BOT L4 (undefined): 1:28.1BOT L5 (undefined): 1:28.3BOT L6 (undefined): 1:28.7BOT L7 (undefined): 1:29.2BOT L8 (undefined): 1:29.2BOT L9 (undefined): 1:30.2BOT L10 (undefined): 1:30.6Lap Time (s)
Australian Grand Prix FP2 | Adatok: Podium Prophets

Embed Code

<iframe src="https://podiumprophets.com/embed/long-run/2026/1/fp2" width="100%" height="400" style="border:none;border-radius:12px" loading="lazy" sandbox="allow-scripts allow-popups" title="F1 hosszú etap tempó"></iframe>

Interaktív elemzés

Teljes sessionelemző widgetek

Ugyanazok az elemzőeszközök, amelyeket a felhasználók az alkalmazásban is látnak — szűrhetően pilótára, csapatra és keverékre. Lebegj rá a részletes köradatokért. Recharts hajtja.

Versenytempó szórásdiagram

Szórásdiagram minden köridővel, gumikeverék szerint színezve. Válaszd ki a pilótákat és csapatokat, akiket össze akarsz hasonlítani. Rámutatva részletes körinfót kapsz, köztük szektori időket, gumiéletkort és pályaállapotot.

Scroll to load preview

Embed Code

<iframe src="https://podiumprophets.com/embed/race-pace/2026/2/race" width="100%" height="600" style="border:none;border-radius:12px" loading="lazy" sandbox="allow-scripts allow-popups" title="F1 versenytempó elemzés"></iframe>

Hosszú etap elemzés

Dobozdiagram minden pilóta minden etapjára. Vágással nagyíthatsz, szűrhetsz keverék szerint, összevonhatod a pilótánkénti etapokat, és külön ki-be kapcsolhatod őket. A tooltip részletes képet ad a degradációról, a konzisztenciáról és a kilógó körökről.

A teljes képernyős módhoz add hozzá az iframe-hez az allow="fullscreen" attribútumot az iframe-hez a teljes képernyős gombhoz.

Scroll to load preview

Embed Code

<iframe src="https://podiumprophets.com/embed/long-run-analysis/2026/1/fp2" width="100%" height="600" style="border:none;border-radius:12px" loading="lazy" sandbox="allow-scripts allow-popups" allow="fullscreen" title="F1 hosszú etap elemzés"></iframe>

Csapattempó-hierarchia

Oszlopdiagram, amely megmutatja a csapatok tempókülönbségét az éllovashoz képest. Szűrhetsz keverékre, kapcsolhatsz üzemanyag-korrekciót, és pilótánkénti bontást is látsz körszámokkal.

Scroll to load preview

Embed Code

<iframe src="https://podiumprophets.com/embed/team-pace-analysis/2026/1/fp2" width="100%" height="550" style="border:none;border-radius:12px" loading="lazy" sandbox="allow-scripts allow-popups" title="F1 csapattempó elemzés"></iframe>

Beágyazókód generálása

Válassz widgettípust, szezont, futamot és sessiont, és elkészítjük a beágyazókódot az adott F1-es alkalomhoz.

Source

Configuration

Output

PresetS0
Embed Code
<iframe src="https://podiumprophets.com/embed/team-pace/2026/1/fp2?preset=S0" width="100%" height="450" style="border:none;border-radius:12px" loading="lazy" sandbox="allow-scripts allow-popups" title="F1 Team Pace Chart"></iframe>Open in new tab →

Live Preview

Hogyan add hozzá a widgetet a blogodhoz

Nem kell hozzá fejlesztőnek lenned. Másold ki a fenti kódot, aztán kövesd a saját platformodhoz tartozó lépéseket.

WordPress

  1. 1A bejegyzésszerkesztőben kattints a + gombra egy új blokk hozzáadásához
  2. 2Keresd meg az Egyéni HTML blokkot, majd válaszd ki
  3. 3Illeszd be a kódot, majd publikálj

Saját hosztolt WordPressen és a WordPress.com Business vagy magasabb csomagjaiban működik.

Ghost

  1. 1A szerkesztőben kattints a + ikonra, vagy írd be: /html
  2. 2Válaszd a HTML kártyát
  3. 3Illeszd be a kódot, majd publikálj

Squarespace

  1. 1Adj hozzá egy Kód blokkot az oldaladhoz
  2. 2Illeszd be a beágyazókódot a szerkesztőbe
  3. 3Kapcsold ki a Display Source opciót, majd mentsd el

Wix

  1. 1Kattints az Add Elements menüre, majd válaszd az Embed Code, aztán az Embed HTML lehetőséget
  2. 2Válts Code módra, és illeszd be a beágyazókódot
  3. 3Állítsd a méretét megfelelőre, majd publikálj

Substack & Medium A Substack és a Medium nem támogatja az egyéni HTML beágyazásokat. Ez platformkorlát, nem csak ezekre a widgetekre igaz. Ha ott publikálsz, linkelheted közvetlenül a widget URL-jét, vagy betehetsz egy képernyőképet, amely az interaktív verzióra mutat.

Hugo, Jekyll, Astro, Next.js Hugo, Jekyll, Astro és Next.js esetén az iframe-et közvetlenül beillesztheted a markdownba vagy a sablonba. A kód szabványos HTML, ezért mindenhol működik, ahol a nyers HTML renderelődik.

Biztonság és sandbox

Minden beágyazókód alapból ezt tartalmazza: sandbox="allow-scripts allow-popups" Ez egy szigorú sandbox. Engedi a grafikonok interakcióját és azt, hogy a forráslink új fülön nyíljon meg, minden mást viszont tilt.

Engedélyezett

  • JavaScript a grafikonok kirajzolásához és működéséhez
  • postMessage a dinamikus magasságjelentéshez
  • A forráslink új fülön nyílik meg

Tiltott

  • Nincs hozzáférés az oldalad cookie-jaihoz, localStorage-jához vagy DOM-jához
  • Nincs átirányítás vagy navigáció a szülőoldalon
  • Nincs űrlapbeküldés vagy letöltés
  • Nincs same-origin hozzáférés az oldaladhoz

A beágyazás semmit nem tud kiolvasni vagy módosítani az oldaladon. Elkülönített környezetben rendereli az F1-adatokat. Ezt te is ellenőrizheted a sandbox attribútum megvizsgálásával a kódban. Csak az allow-scripts és az allow-popups engedélyezett, vagyis pontosan a minimum, ami az interaktív grafikonokhoz és a forráslinkhez kell.

Felhasználási feltételek