Hallo zusammen!
Ich baue eine kleine Website, die Rennergebnisse für Ausdauer-Wintersportarten visualisiert – XC-Skifahren, Biathlon und Skimo. Vorhersagen vor dem Rennen, Analysen nach dem Rennen, verschiedene Diagrammtypen.
Hier sind zwei Beispiele von den Olympischen Spielen 2026 in Tesero – geografische Blasenkarten für den 20-km-Skiathlon der Männer und den 15-km-Skiathlon der Frauen.
Jede Blase repräsentiert ein teilnehmendes Land. Die Blasengröße spiegelt die Anzahl der Athleten wider, während die Farbintensität die durchschnittliche Platzierung im Ziel anzeigt: leuchtend für Top-Performer, ausgewaschen für niedrigere Ränge.
Werkzeuge: React, Recharts, benutzerdefiniertes SVG mit erzwungener Simulation (TypeScript) für das Blasenkartenlayout
Datenquelle: Offizielle FIS-SKI-Ergebnisse
Visualisierung: Endurance-Analytics.com
Offenlegung: Ich bin ein Backend-Entwickler. Um diese Visualisierung zu erstellen, habe ich beim Design mit meiner Frau zusammengearbeitet und KI-Agenten für die Frontend-Implementierung eingesetzt.
Von Few_Classroom_5697
1 Kommentar
**Tools:** React, Recharts, custom SVG with force-directed simulation (TypeScript) for the bubble map layout
**Data source:** [FIS-SKI official results](https://www.fis-ski.com/DB/general/results.html?sectorcode=CC&raceid=49723)
**Visualization:** [endurance-analytics.com](https://endurance-analytics.com/en/skiing/2025-26/olympics/ski2526og-milano2026/ski2526og_sm_sk_20#analytics)
I’m new to Reddit, and as far as I understand, I need to repost this information in the comments