Skip to main content

Création de diagrammes

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

GitHub Copilot Chat peut vous aider à créer des diagrammes en forme de sirène pour visualiser les données, ce qui facilite la compréhension et la communication des informations. Vous pouvez demander à Copilot Chat 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 projet. Vous pouvez demander à Copilot Chat de générer le code Mermaid pour le diagramme de Gantt, avec des détails spécifiques sur les phases du projet et leur durée. Vous pouvez ensuite utiliser ce code dans n'importe quel fichier Markdown prenant en charge la syntaxe Mermaid, tel que les tickets, les discussions ou les demandes de tirage sur GitHub.

Exemples d’invite

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 Copilot Chat 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 nécessaire pour créer l'organigramme. Vous pouvez copier le code Copilot Chat fourni et le coller n'importe où sur GitHub qui prend en charge Markdown, comme un ticket ou une discussion.

Veillez à inclure la syntaxe correcte de ```mermaid avant et ``` après le bloc de code 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 d’Exécution génère le diagramme suivant :

Capture d'écran d'un diagramme de Gantt Mermaid rendu.

Pour aller plus loin