{"meta":{"title":"Erstellen von Diagrammen","intro":"GitHub Copilot Chat kann dir helfen, Diagramme zu erstellen, um deine Daten besser zu verstehen und Erkenntnisse zu vermitteln.","product":"GitHub Copilot","breadcrumbs":[{"href":"/de/copilot","title":"GitHub Copilot"},{"href":"/de/copilot/tutorials","title":"Anleitungen"},{"href":"/de/copilot/tutorials/copilot-cookbook","title":"GitHub Copilot Kochbuch"},{"href":"/de/copilot/tutorials/copilot-cookbook/communicate-effectively","title":"Effektives Kommunizieren"},{"href":"/de/copilot/tutorials/copilot-cookbook/communicate-effectively/creating-diagrams","title":"Erstellen von Diagrammen"}],"documentType":"article"},"body":"# Erstellen von Diagrammen\n\nGitHub Copilot Chat kann dir helfen, Diagramme zu erstellen, um deine Daten besser zu verstehen und Erkenntnisse zu vermitteln.\n\nGitHub 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.\n\n## Beispielszenario\n\nSie 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.\n\n## Beispielaufforderung\n\n```copilot copy prompt\nCreate 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.\n```\n\n## Beispielantwort\n\n> \\[!NOTE] 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.\n\nCopilot 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.\n\nStellen Sie sicher, dass Sie die richtige Mermaid-Syntax vor ` ```mermaid ` und ` ``` ` nach dem Codeblock einfügen, um das Diagramm ordnungsgemäß zu rendern.\n\n````text\n```mermaid\ngantt\n    title Project Timeline: Aug 2025 - Jan 2026\n    dateFormat  YYYY-MM-DD\n    axisFormat  %b %d\n\n    section Phase 1\n    Phase 1           :a1, 2025-08-01, 42d\n\n    section Phase 2\n    Phase 2           :a2, 2025-09-07, 42d\n\n    section Phase 3\n    Phase 3           :a3, 2025-10-13, 42d\n\n    section Phase 4\n    Phase 4           :a4, 2025-11-18, 42d\n\n    section Phase 5\n    Phase 5           :a5, 2025-12-24, 42d\n```\n````\n\nDieser Mermaid-Code würde das folgende Diagramm generieren:\n\n![Screenshot eines gerenderten Mermaid Gantt-Diagramms.](/assets/images/help/copilot/mermaid-gantt-chart-example.png)\n\n## Weiterführende Lektüre\n\n* [Mermaid-Dokumentation](https://mermaid-js.github.io/mermaid/#/)\n* [GitHub Copilot Chat-Dokumentation](/de/copilot/how-tos/use-chat)"}