$ cd ./projects/helldashboard/
← cd ../ (retour aux projets)

$ cat helldashboard.md

Helldashboard

Dashboard temps réel de la guerre galactique d'Helldivers 2, thématisé « Ministère de la Paix ». Carte SVG Voronoi, métriques agrégées, refresh 60s.

date: 08/04/2026

#dataviz #gaming #temps-réel

stack: React · TypeScript · Vite · Tailwind · d3-delaunay

> code
$ cat README.md

Projet front pur, fait pour le plaisir et pour explorer la dataviz réactive sur un dataset vivant.

Données

  • Trois sources API, API communautaire, helldivers2.dev, endpoint raw /WarSeason/801/Status.
  • Hook useWarData unique, fusionne les sources pour exposer un état cohérent au reste de l’app.
  • Refresh automatique, toutes les 60s.

Carte galactique

  • Carte interactive générée via d3-delaunay (algorithme Voronoi sur les positions des planètes).
  • Code couleur par faction, popup de détail avec biome et progression de libération.

Esthétique militaire

  • Polices, Orbitron + Share Tech Mono.
  • Code couleur par faction, Super Terre cyan, Terminides verts, Automates rouges, Illuminés violets.
  • Barre de statut façon HUD.

Front buildé et fonctionnel (CI lint + build), pas encore déployé : il tourne en local.

A pure front-end project, built for fun and to explore reactive dataviz on a living dataset.

Data

  • Three API sources, community API, helldivers2.dev, raw endpoint /WarSeason/801/Status.
  • Single useWarData hook, merges the sources to expose a consistent state to the rest of the app.
  • Automatic refresh, every 60s.

Galactic map

  • Interactive map generated via d3-delaunay (Voronoi algorithm over planet positions).
  • Color coding by faction, detail popup with biome and liberation progress.

Military aesthetic

  • Fonts, Orbitron + Share Tech Mono.
  • Color coding by faction, Super Earth cyan, Terminids green, Automatons red, Illuminate purple.
  • Status bar HUD-style.

Front-end built and functional (CI lint + build), not deployed yet: it runs locally.