# Treemap Plume : 11 recettes pour vos cartes proportionnelles

> Un niveau à la fois, couleurs selon la marge, seuils, tri, lecture animée, carte boursière, Top N, Voronoï, petits multiples et logos : les besoins courants pas à pas.

- Language: French
- Web page: https://plumevisuals.com/fr/tutoriels/treemap-plume-cas-pratiques
- Published: 2026-10-21
- Visual: Treemap Plume, technical reference: https://plumevisuals.com/ai/visuals/treemap.md
- If an option name in this tutorial differs from the technical reference, the reference is right (it is generated from the visual's code).

Chaque recette part des données de la [prise en main](/fr/tutoriels/treemap-plume-prise-en-main) (table `Ventes`, mesure `CA`, `Région` et `Catégorie` dans **Catégorie (groupes)**). Les recettes marquées ★ utilisent une fonction premium : elle fonctionne tout de suite, avec un filigrane « Aperçu premium » jusqu'à la saisie d'une clé.

## Comment afficher un seul niveau à la fois, comme le treemap de Power BI ?

Avec beaucoup de niveaux (région, ville, catégorie), tout afficher d'un coup donne des tuiles minuscules. On peut préférer descendre niveau par niveau.

1. Glissez `Région`, `Ville` et `Catégorie` dans **Catégorie (groupes)**.
2. **Format › Disposition › Algorithme › Niveaux affichés à la fois (0 = tous)** : *1*.
3. Double-cliquez sur une région : ses villes remplissent le visuel. Double-cliquez sur une ville : ses catégories.
4. Pour remonter : le fil d'Ariane, le bouton **↑**, ou la touche **Retour arrière**.

**Résultat :** un niveau à la fois, comme l'exploration de Power BI, avec un fil d'Ariane en plus. *2* affiche deux niveaux à la fois (régions et villes) ; *0* toute la hiérarchie.

## Comment colorer les tuiles selon le taux de marge ?

La taille dit « combien », la couleur dit « à quel point c'est rentable ».

1. Créez la mesure du taux de marge : `Taux de marge = DIVIDE ( SUM ( Ventes[Marge] ), [CA] )` (format pourcentage).
2. Glissez-la dans **Couleur (mesure)**.
3. La **Coloration** passe d'elle-même à *Dégradé selon une mesure* tant que vous ne l'avez pas changée ; sinon, choisissez-la dans **Format › Couleurs des données › Coloration**.
4. Facultatif : **Valeur du début (vide = minimum)** et **Valeur de la fin (vide = maximum)** pour fixer l'échelle (par exemple `0,2` et `0,6`), de sorte que les couleurs ne changent pas quand on filtre.
5. Les couleurs du dégradé viennent du style ; **Format › Style › Couleurs personnalisées** permet de choisir début, milieu et fin.

**Résultat :** une légende en dégradé en haut du visuel ; les tuiles les plus rentables prennent la couleur de fin. L'infobulle donne aussi le taux.

## Comment montrer l'écart à un objectif, au-dessus et au-dessous ★

1. Créez une mesure d'écart, par exemple `Écart objectif % = DIVIDE ( [CA] - [Objectif], [Objectif] )`, et glissez-la dans **Couleur (mesure)**.
2. **Coloration** : *Divergent autour d'un milieu ★* ; **Valeur du milieu** : `0`.
3. Les tuiles au-dessus de l'objectif prennent un côté du dégradé divergent du style, celles au-dessous l'autre côté, celles proches de 0 la couleur du milieu.

## Comment classer les tuiles en trois paliers ★

1. Glissez la mesure à classer dans **Couleur (mesure)** (par exemple le panier moyen).
2. **Coloration** : *Seuils (3 couleurs) ★*.
3. **Seuil bas** : `150` ; **Seuil haut** : `200`. Couleurs : **Sous le seuil bas**, **Entre les seuils**, **Au-dessus du seuil haut**.

**Résultat :** une légende à trois paliers (sous 150, de 150 à 200, au-dessus de 200), et chaque tuile dans la couleur de son palier.

## Comment trier par nom, ou dans l'ordre des mois ?

1. **Format › Disposition › Algorithme › Ordre des tuiles** : *Nom (A → Z)* pour l'ordre alphabétique (naturel : « Article 2 » avant « Article 10 »).
2. Pour un ordre métier (mois, priorités) : triez la colonne par une autre dans le modèle (**Outils de colonne › Trier par colonne**), puis choisissez *Ordre des données (tri de Power BI)*.

La première tuile est toujours en haut à gauche ; avec *Carrée (squarified)*, les suivantes se rangent par rangées.

## Comment animer le treemap d'une année à l'autre ★

1. Glissez une colonne `Année` (ou une date) dans **Axe de lecture ★**. Une barre de lecture apparaît sous le treemap, avec l'année en grand.
2. Cliquez sur **▶** : les tuiles grossissent, rétrécissent et glissent d'une année à l'autre.
3. **Format › Disposition › Disposition stable pendant la lecture** (activé par défaut) garde chaque tuile à sa place : rien ne saute, on suit une catégorie des yeux.
4. **Format › Lecture ★** : durée d'une image, boucle, lecture automatique à l'ouverture, image affichée à l'ouverture (*La première* pour un rapport qui démarre en 2023).

**Résultat :** une animation fluide ; la touche **Espace** lance ou arrête la lecture quand la barre a le focus, les flèches passent d'une année à l'autre. « Réduire les animations » (**Format › Style › Animations**) fait des sauts sans transition.

## Comment faire une carte boursière : hausse en vert, baisse en rouge ★

1. Glissez la valeur actuelle dans **Valeurs** (par exemple `CA 2025`) et la valeur de comparaison dans **Comparaison** (par exemple `CA 2024` : `CALCULATE ( [CA], Ventes[Année] = "2024" )`).
2. **Coloration** : *Carte boursière : variation (champ Comparaison) ★*.
3. La plage de couleurs se règle seule : avec **Plage de variation automatique** (activée), la couleur la plus vive correspond à une variation ronde atteinte par 90 % des tuiles. Pour la fixer, désactivez-la et réglez **Variation de la couleur la plus vive (%)** : `3` pour des cours de bourse, `15` pour un chiffre d'affaires annuel.
4. Si une baisse est une bonne nouvelle (coûts, retards), activez **Une baisse est favorable**.

**Résultat :** chaque tuile affiche « ▲ +12 % » ou « ▼ −5 % » sous sa valeur (**Format › Étiquettes de données › Variation ▲▼ (champ Comparaison)**), la couleur va du défavorable au favorable en passant par le gris, et l'infobulle donne la valeur de comparaison.

## Comment colorer une carte boursière avec une autre mesure ★

La taille des tuiles suit une mesure (le CA, une capitalisation) et la couleur une variation que vous calculez déjà, par exemple la croissance du CA.

1. Gardez `CA 2025` dans **Valeurs** et videz le champ **Comparaison ★**.
2. Glissez la mesure de variation dans **Couleur (mesure)**, par exemple `Évolution = DIVIDE ( [CA 2025] - [CA 2024], [CA 2024] )` au format pourcentage.
3. **Format › Couleurs des données › Coloration** : *Carte boursière : variation (champ Comparaison) ★*, puis **Variation lue dans** : *Champ Couleur (variation déjà calculée)* (le choix *Automatique* le fait aussi quand le champ Comparaison est vide).

**Résultat :** la surface suit le CA, la couleur suit l'évolution, avec une légende ±x %. Une mesure au format pourcentage ou comprise entre -1,5 et 1,5 est lue comme une fraction (0,034 = 3,4 %) ; une mesure en points (3,4) est lue comme 3,4 %.

## Comment garder les 10 plus gros produits de chaque région ★

1. Glissez `Région` puis `Produit` dans **Catégorie (groupes)**.
2. **Format › Disposition › Top N et « Autres »** : activez **Top N + « Autres » ★**, **Nombre de tuiles gardées par groupe** : `10`.
3. Facultatif : **Libellé de « Autres »** (« Autres produits »).

**Résultat :** dans chaque région, les 10 plus gros produits et une tuile hachurée « Autres » qui additionne le reste. Un clic sur « Autres » sélectionne tous les produits regroupés ; l'infobulle les nomme.

## Comment dessiner le treemap dans la carte de France ★

1. **Format › Disposition › Méthode de pavage** : *Voronoï (cellules) ★*.
2. **Forme du Voronoï** : *France métropolitaine* (★), ou une forme gratuite (*Cercle*, *Hexagone*, *Cœur*…).
3. Avec deux niveaux, une légende nomme les groupes (les cellules d'un même groupe ont la même couleur et une bordure plus épaisse).

**Résultat :** des cellules polygonales dont la surface reste proportionnelle aux valeurs (à 1 % près). Au-delà de 1 200 cellules, le visuel revient au pavage carré et le signale en mode édition.

## Comment comparer plusieurs magasins côte à côte ★

1. Glissez `Magasin` (ou `Canal`) dans **Petits multiples ★**.
2. **Format › Petits multiples › Surfaces comparables entre panneaux** (activé par défaut) : la surface de chaque panneau est proportionnelle à son total.
3. **Colonnes (0 = automatique)** pour imposer la grille.

## Comment mettre un logo dans chaque tuile ★

1. Ajoutez une colonne texte contenant l'image en base64 (`data:image/png;base64,…`) : en Power Query, `Binary.ToText ( [Content], BinaryEncoding.Base64 )` sur un dossier d'images, puis le préfixe.
2. Glissez cette colonne dans **Image ★** (Power BI la résume en *Premier*).
3. **Format › Images ★** : *Entière (logo)* ou *Remplir la tuile (photo)*, taille, opacité, image ronde.

Les adresses web (`https://…`) ne sont jamais chargées (règle de Microsoft pour les visuels certifiés) : un message l'explique en mode édition. Power BI coupe un texte de colonne vers 32 766 caractères : pour une image plus lourde, découpez-la en morceaux de 30 000 caractères en Power Query (une ligne par morceau, avec son numéro), puis recollez-les avec une mesure glissée dans **Image ★** :

```dax
Logo = CONCATENATEX ( Images, Images[Morceau], "", Images[Index du morceau], ASC )   -- recolle les morceaux dans l'ordre
```