GitHub Copilot Gespräch auf GitHub.com kann Ihnen dabei helfen, Mermaid-Diagramme zu erstellen, um Daten zu visualisieren, wodurch Erkenntnisse leichter verstanden und vermittelt werden können. Sie können Copilot-Chat bitten, anhand Ihrer Daten oder Ihres Codes Diagramme zu generieren, und Sie erhalten den dafür erforderlichen Code, um diese Diagramme zu erstellen.
Beispielszenario
Sie möchten ein Gantt-Diagramm erstellen, um den Zeitplan eines Projekts zu visualisieren. Sie können Copilot-Chat auf GitHub.com bitten, den Mermaid-Code für das Gantt-Diagramm mit konkreten Details zu den Projektphasen und ihrer Dauer zu erstellen. Sie können diesen Code dann in jeder Markdown-Datei verwenden, die die Mermaid-Syntax unterstützt, z. B. in Issues, Diskussionen oder Pull Requests auf GitHub.
Beispielaufforderung
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.
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.
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.
Beispielantwort
Hinweis
Die folgende Antwort ist ein Beispiel. Da die Copilot-Chat-Antworten nicht deterministisch sind, erhältst du möglicherweise eine andere Antwort als die hier beschriebene.
Copilot stellt Ihnen den Mermaid-Code zum Erstellen des Flussdiagramms bereit. Sie können den von Copilot-Chat bereitgestellten Code kopieren und ihn überall auf GitHub einfügen, wo Markdown unterstützt wird, z. B. in einem Issue oder einer Diskussion.
Stellen Sie sicher, dass Sie die richtige Mermaid-Syntax vor ```mermaid und ``` nach dem Codeblock einfügen, um das Diagramm ordnungsgemäß zu rendern.
```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
```
Dieser Mermaid-Code würde das folgende Diagramm generieren:
