โ† Retour aux demos

Combo Chart Revenue / CPM

Combine barres (volume de revenue, axe gauche) et ligne (prix unitaire CPM, axe droit) sur le meme axe temporel. C'est le seul cas ou le double axe Y est autorise dans le referentiel SmileWanted โ€” les deux metriques ont une relation causale directe (revenue = impressions x CPM) et cette combinaison est un standard universel en AdTech (PubMatic, Adomik, Trade Desk PubDesk l'utilisent).

Ideal pour : Executive Summary, revue hebdomadaire avec la Direction

Faire

  • Barres = volumes (Revenue) sur axe gauche
  • Ligne = prix unitaire (CPM) sur axe droit
  • Couleurs distinctes fixes : bleu #1565C0 (revenue), orange #E65100 (CPM)
  • Les deux axes clairement labelises avec unite
  • Axe Y gauche commence a 0 (regles bar charts)
  • Tooltip synchronise affichant les deux valeurs

Ne pas faire

  • Utiliser le dual-axis pour d'autres combinaisons de metriques
  • Melanger deux metriques sans relation logique
  • Omettre les unites sur les axes
  • Utiliser les memes couleurs pour les barres et la ligne

Quand utiliser

  • SI vous montrez revenue + CPM sur une periode temporelle โ†’ combo chart dual-axis
  • SI vous montrez revenue + impressions (meme unite) โ†’ stacked bar chart, pas de dual-axis
  • SI vous montrez CPM + fill rate (unites differentes, pas de relation causale directe) โ†’ 2 graphiques separes

Source des decisions

Decision Q5 du STRATEGY.md โ€” arbitrage de la contradiction DR1 (dual-axis interdit en absolu) vs DR3 (pattern central AdTech). Le compromis : autorise uniquement pour Revenue/CPM, avec 4 conditions strictes.

Palette

Revenue #1565C0
CPM #E65100
preview.smilewanted.com ยท main 435d639 ยท changelog