Skip to content

Timelines et graphique large ​

timeline ​

timeline transforme une liste numérotée en étapes horizontales. Sans cols-N, toutes les étapes restent sur une ligne et partagent la largeur.

md
<!-- _class: content timeline cards with-title small color-6 -->

# Notre démarche

1. **Préparer**
   Rassembler les données.
2. **Tester**
   Comparer les approches.
3. **Mesurer**
   Examiner les résultats.
4. **Adapter**
   Corriger la méthode.
  • Le texte en gras au début de l’élément sert de libellé, au-dessus de sa description.
  • Le numéro affiché (01, 02…) vient d’un compteur CSS : le chiffre écrit dans le Markdown n’est pas une étiquette libre.
  • cols-2 à cols-6 fixe le nombre d’étapes par ligne ; les suivantes passent à la ligne.
md
<!-- _class: content timeline cols-3 cards with-title small color-6 -->

# Avec trois colonnes

1. **Préparer**
   Rassembler les données.
2. **Tester**
   Comparer les approches.
3. **Mesurer**
   Examiner les résultats.
4. **Adapter**
   Corriger la méthode.

timeline-vertical ​

Les étapes sont disposées dans une seule colonne. N’ajoutez pas cols-N, qui n’a pas de sens ici. Si les étapes ne tiennent plus, répartissez-les sur plusieurs slides.

md
<!-- _class: content timeline-vertical with-title small -->

# Les jalons

1. **Lancement**
   Constitution de l’équipe.
2. **Pilote**
   Premier site équipé.
3. **Généralisation**
   Déploiement progressif.

chart-wide — commentaires au-dessus d’un visuel ​

chart-wide attend deux groupes > puis une image seule ou un tableau Markdown sur toute la largeur. Un titre et une légende peuvent compléter.

md
<!-- _class: content chart-wide with-title with-legend cards small -->

# Résultats

> ## Observation
>
> Un premier commentaire.

<!-- -->

> ## Interprétation
>
> Un second commentaire.

![](visuel.png)

Image illustrative, sans données.

L’image peut être remplacée par un tableau, sans changer la composition :

md
<!-- _class: content chart-wide with-title cards small color-4 -->

# Synthèse

> ## Ce qui marche
>
> Les points forts constatés.

<!-- -->

> ## Ce qui reste à faire
>
> Les chantiers ouverts.

| Domaine | Constat | Action |
|---|---|---|
| Outils | À simplifier | Atelier utilisateurs |
| Process | Clair | Documenter |
| Formation | Partielle | Compléter |

Le thème place, il ne calcule pas

Le thème positionne un visuel existant. Il ne dessine pas de graphique et ne fournit pas de moteur Mermaid : exportez votre graphique en image.

Documentation du langage DWA Core v1, de l’extension VS Code, du CLI et du portail des thèmes.