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.

Csapattempó — Ausztrál Nagydíj FP2

McLaren
Éllovas
ALAP
Mercedes
+0.166s
Williams
+0.316s
Red Bull
+0.961s
Audi
+1.714s
Alpine
+2.152s
RB
+2.237s
Haas
+2.520s
Cadillac
+4.947s
Ferrari
+5.136s
Ausztrál Nagydíj FP2 | Adatok: Podium Prophets

Beágyazókód

<iframe src="https://podiumprophets.com/embed/team-pace/2026/1/fp2?lang=hu" 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.

Hosszú etap tempó — Ausztrál Nagydíj FP2

KeményKözepesLágyÁtmenetiEső
1:23.51:25.31:27.11:28.81:30.6NORNOR 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.4ANTANT 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:24.0HAD L2 (undefined): 1:24.3HAD L3 (undefined): 1:24.4HAD L4 (undefined): 1:24.6HAD L5 (undefined): 1:24.7HAD L6 (undefined): 1:25.2HAD L7 (undefined): 1:25.9HULHUL L1 (undefined): 1:24.7HUL L2 (undefined): 1:24.8HUL L3 (undefined): 1:25.2HUL L4 (undefined): 1:25.3HUL L5 (undefined): 1:25.4HUL L6 (undefined): 1:25.5HUL L7 (undefined): 1:26.5HUL L8 (undefined): 1:26.7LAWLAW L1 (undefined): 1:25.4LAW L2 (undefined): 1:25.5LAW L3 (undefined): 1:25.6LAW L4 (undefined): 1:25.7LAW L5 (undefined): 1:25.8LAW L6 (undefined): 1:25.8LAW L7 (undefined): 1:26.0LAW L8 (undefined): 1:26.0LAW L9 (undefined): 1:26.1LAW L10 (undefined): 1:26.5COLCOL L1 (undefined): 1:25.5COL L2 (undefined): 1:25.6COL L3 (undefined): 1:25.8COL L4 (undefined): 1:25.9COL L5 (undefined): 1:25.9COL L6 (undefined): 1:26.1LINLIN L1 (undefined): 1:25.5LIN L2 (undefined): 1:25.6LIN L3 (undefined): 1:25.7LIN L4 (undefined): 1:25.7LIN L5 (undefined): 1:26.0LIN L6 (undefined): 1:26.1LIN L7 (undefined): 1:26.1LIN L8 (undefined): 1:26.1LIN L9 (undefined): 1:26.2LIN L10 (undefined): 1:26.8BEABEA L1 (undefined): 1:25.9BEA L2 (undefined): 1:25.9BEA L3 (undefined): 1:25.9BEA L4 (undefined): 1:26.0BEA L5 (undefined): 1:26.0BEA L6 (undefined): 1:26.1BEA L7 (undefined): 1:26.4BEA L8 (undefined): 1:26.5BEA L9 (undefined): 1:26.6BEA L10 (undefined): 1:26.7BEA L11 (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.6Köridő (mp)
Ausztrál Nagydíj FP2 | Adatok: Podium Prophets

Beágyazókód

<iframe src="https://podiumprophets.com/embed/long-run/2026/1/fp2?lang=hu" 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 versenyszakasz-elemző 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. Mutass 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.

Görgess az előnézet betöltéséhez

Beágyazókód

<iframe src="https://podiumprophets.com/embed/race-pace/2026/2/race?lang=hu" 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.

Görgess az előnézet betöltéséhez

Beágyazókód

<iframe src="https://podiumprophets.com/embed/long-run-analysis/2026/1/fp2?lang=hu" 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.

Görgess az előnézet betöltéséhez

Beágyazókód

<iframe src="https://podiumprophets.com/embed/team-pace-analysis/2026/1/fp2?lang=hu" 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 versenyszakaszt, és elkészítjük a beágyazókódot az adott F1-es alkalomhoz.

Forrás

Beállítások

Kimenet

BeállításkódS0
Beágyazókód
<iframe src="https://podiumprophets.com/embed/team-pace/2026/1/fp2?preset=S0&lang=hu" width="100%" height="450" style="border:none;border-radius:12px" loading="lazy" sandbox="allow-scripts allow-popups" title="F1 Csapattempó-grafikon"></iframe>Megnyitás új lapon →

Élő előnézet

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