Aller au contenu

Analytics / BI

Analyse de corrélation

Disponible

Exploration de la relation entre deux métriques via un nuage de points (scatter), avec sélecteurs d'axes X et Y, dimension de couleur et plage de dates. Cartes de score de corrélation, filtres avancés et table des points aberrants. Pour repérer les liens entre indicateurs.

Analyse de corrélation (données mock)

Pearson r

0.74

R²

0.55

Points aberrants

2

Observations

10

  • Jan: 42
  • Fév: 58
  • Mar: 51
  • Avr: 67
  • Mai: 74
  • Juin: 82

Points aberrants (±2σ)

2
Entreprises hors plage normale
EntrepriseDép. pub (k€)Conv. (%)σ
Dassault Systèmes3 9005.8+2.4σ
Société Générale3 2001.1−2.1σ
Voir le code (Svelte) 
<div class="cs-shell">
  <div class="cs-toolbar">
    <Select
      label="Axe X"
      value="adspend"
      options={[{"value":"adspend","label":"Dépenses pub (k€)"},{"value":"revenue","label":"Revenu (k€)"},{"value":"sessions","label":"Sessions web"}]}
    />
    <Select
      label="Axe Y"
      value="convrate"
      options={[{"value":"convrate","label":"Taux conv. (%)"},{"value":"retention","label":"Rétention (%)"},{"value":"cac","label":"CAC (€)"}]}
    />
    <Combobox
      label="Couleur"
      value="sector"
      placeholder="Choisir…"
      options={[{"value":"sector","label":"Secteur"},{"value":"region","label":"Région"},{"value":"tier","label":"Segment"}]}
    />
    <DatePicker label="Plage" value="2026-01-01" max="2026-06-30" />
  </div>
  <div class="cs-scorecards">
    <Card variant="outlined">
      <KpiCard
        label="Pearson r"
        value={0.74}
        format="decimal"
        delta={0.06}
        deltaFormat="absolute"
        tone="category1"
      />
    </Card>
    <Card variant="outlined">
      <KpiCard
        label="R²"
        value={0.55}
        format="decimal"
        delta={0.04}
        deltaFormat="absolute"
        tone="category2"
      />
    </Card>
    <Card variant="outlined">
      <KpiCard
        label="Points aberrants"
        value={2}
        format="integer"
        delta={-1}
        deltaFormat="absolute"
        tone="category3"
      />
    </Card>
    <Card variant="outlined">
      <KpiCard label="Observations" value={10} format="integer" tone="category3" />
    </Card>
  </div>
  <AreaChart
    title="Évolution corrélation (6 mois)"
    data={[{"x":"Jan","y":42},{"x":"Fév","y":58},{"x":"Mar","y":51},{"x":"Avr","y":67},{"x":"Mai","y":74},{"x":"Juin","y":82}]}
    xKey="x"
    yKey="y"
    tone="category1"
    height={200}
  />
  <div class="cs-outliers">
    <div class="cs-outliers-header">
      <h3 class="cs-outliers-title">Points aberrants (±2σ)</h3>
      <Badge tone="warning">2</Badge>
    </div>
    <Table
      caption="Entreprises hors plage normale"
      columns={[{"key":"label","label":"Entreprise","sortable":true},{"key":"x","label":"Dép. pub (k€)","sortable":true,"align":"end"},{"key":"y","label":"Conv. (%)","sortable":true,"align":"end"},{"key":"ecart","label":"σ","sortable":true,"align":"end"}]}
      rows={[{"id":"1","label":"Dassault Systèmes","x":"3 900","y":"5.8","ecart":"+2.4σ"},{"id":"2","label":"Société Générale","x":"3 200","y":"1.1","ecart":"−2.1σ"}]}
      size="sm"
    />
  </div>
</div>

Composants DS utilisés