Heatmap Temporelle (Partenaire x Heure)
Matrice partenaire x heure pour identifier les patterns de latence, fill rate ou performance. Chaque cellule encode une valeur par sa couleur (gradient vert โ rouge). Le composant visualMap d'ECharts est obligatoire โ sans lui, la heatmap s'affiche sans colorisation (piege LLM connu).
Ideal pour : Dashboard Ops โ identifier quels DSP sont lents, a quelle heure, et detecter les patterns recurrents (maintenance planifiee, pics de charge)
Faire
- Toujours inclure le composant visualMap (echec silencieux sans)
- Gradient semantique : vert (bon) โ rouge (mauvais)
- Tooltip avec valeur + seuil de reference (ex: 200ms OpenRTB)
- Double encodage : couleur + tooltip textuel (WCAG)
- Axes labelises (noms partenaires lisibles, heures espacees)
Ne pas faire
- Heatmap sans visualMap (canvas vide ou gris uniforme)
- Plus de 12-15 partenaires en Y (illisible โ filtrer Top N)
- Gradient arc-en-ciel (rainbow) โ utiliser une echelle perceptuelle
- Cellules trop petites sans tooltip (valeur non lisible)
Quand utiliser
- SI donnees P95 par partenaire ET par heure disponibles โ heatmap
- SI donnees non disponibles en granularite horaire โ tableau avec code couleur par cellule (fallback Q7)
- SI besoin de suivre un seul partenaire dans le temps โ line chart P50/P95/P99
Piege ECharts
Le composant visualMap est obligatoire pour que la colorisation fonctionne. Sans lui, ECharts affiche la heatmap en gris uniforme sans aucune erreur console. C'est le piege LLM #1 sur les heatmaps โ toujours fournir un template avec visualMap en contexte.
Seuils
Le seuil de 200ms correspond a la recommandation OpenRTB pour la latence P95 des DSP. Ce seuil est a confirmer avec l'equipe Ops SmileWanted (Known Unknown KU-B3 du STRATEGY.md).