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 sur GitHub.com peut vous aider à créer des diagrammes Mermaid pour visualiser des données, ce qui facilite la compréhension et la communication d’insights. Vous pouvez demander à Tchat Copilot de générer des diagrammes à partir de vos données ou de votre code, et il vous fournira 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 project. Vous pouvez demander à Tchat Copilot sur GitHub.com de générer le code Mermaid pour le diagramme de Gantt, avec des détails spécifiques sur les phases de projet et leurs durées. Vous pouvez ensuite utiliser ce code dans n’importe quel fichier Markdown qui prend 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 Tchat 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 Tchat Copilot fournit et le coller n’importe où sur GitHub qui prend en charge Markdown, comme un problème 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é.

Pour approfondir

  •         [Mermaid documentation](https://mermaid-js.github.io/mermaid/#/)
  • Documentation de GitHub Copilot Chat