Créer des diagrammes avec Mermaid JS

Présentation

Datadog Notebooks prend en charge Mermaid JS dans n’importe quelle cellule Markdown. Mermaid est un outil basé sur JavaScript pour créer des diagrammes et des organigrammes en Markdown. Pour en savoir plus sur Mermaid, consultez la documentation officielle ou utilisez l’éditeur en direct de Mermaid.

Implémentation

Pour créer un nouveau diagramme dans votre notebook :

  1. Ajoutez une nouvelle cellule de texte.
  2. Sélectionnez Code Block dans l’éditeur Markdown.
  3. Sélectionnez Mermaid-JS.

Le site Datadog propose également un modèle Build Diagrams with Mermaid JS (en anglais), que vous pouvez utiliser pour bien débuter et voir des exemples de diagrammes.

Utilisez la syntaxe mermaid pour créer des organigrammes, des diagrammes de séquence, des parcours utilisateurs, des diagrammes de Gantt, etc.

Exemple

Créer un organigramme simple avec une orientation descendante :

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->E;
```

Copiez lʼexemple de syntaxe d’organigramme dans le bloc de code mermaid. Lorsque vous cliquez sur Done, la cellule remplit le diagramme.

PREVIEWING: rtrieu/product-analytics-ui-changes