Création de diagrammes

GitHub Copilot Chat peut vous aider à créer des diagrammes pour mieux comprendre vos données et communiquer des insights.

Dans cet article

GitHub Copilot Chat on GitHub.com peut vous aider à créer des diagrammes Mermaid pour visualiser les données, ce qui facilite leur compréhension et la communication des informations clés. Vous pouvez demander Discussion avec Copilot à générer des diagrammes basés sur vos données ou votre code, et vous fournirez le code nécessaire pour créer ces diagrammes.

Exemple de scénario

Vous souhaitez créer un diagramme de Gantt pour visualiser la chronologie d’un projet. Vous pouvez demander à Discussion avec Copilot sur GitHub.com de générer le code Mermaid du diagramme de Gantt, en précisant les phases du projet et leurs durées. Vous pouvez ensuite utiliser ce code dans n’importe quel fichier Markdown prenant en charge la syntaxe Mermaid, comme les tickets, les discussions ou les pull requests sur GitHub.

Exemple d’invite

Copilot prompt
Create a Mermaid Gantt diagram that covers the period August 1st 2025 until January 31st, 2025. Include 5 phases, each taking 6 weeks, and overlapping equally.

Exemple de réponse

Remarque

La réponse suivante est un exemple. Les réponses Discussion avec Copilot ne sont pas déterministes, vous pouvez donc obtenir une réponse différente de celle affichée ici.

Copilot vous fournira le code Mermaid pour créer l’organigramme. Vous pouvez copier le code fourni par Discussion avec Copilot et le coller n’importe où sur GitHub qui prend en charge le Markdown, par exemple dans un ticket ou une discussion.

Veillez à inclure la syntaxe Mermaid correcte de ```mermaid avant le bloc de code et ``` après pour afficher correctement le diagramme.

```mermaid
gantt
    title Project Timeline: Aug 2025 - Jan 2026
    dateFormat  YYYY-MM-DD
    axisFormat  %b %d

    section Phase 1
    Phase 1           :a1, 2025-08-01, 42d

    section Phase 2
    Phase 2           :a2, 2025-09-07, 42d

    section Phase 3
    Phase 3           :a3, 2025-10-13, 42d

    section Phase 4
    Phase 4           :a4, 2025-11-18, 42d

    section Phase 5
    Phase 5           :a5, 2025-12-24, 42d
```

Ce code Mermaid produirait le diagramme suivant :

Capture d’écran d’un graphique Mermaid Gantt affiché.

Lectures complémentaires