GitHub Copilot Chat 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:
