Creating diagrams

GitHub Copilot Chat can help you create diagrams to better understand your data and communicate insights.

이 기사에서

깃허브 코파일럿 채팅 on GitHub.com can help you create Mermaid diagrams to visualize data, making it easier to understand and communicate insights. You can ask 공동 파일럿 채팅 to generate diagrams based on your data or code, and it will provide you with the necessary code to create those diagrams.

Example scenario

You want to create a Gantt chart to visualize the timeline of a project. You can ask 공동 파일럿 채팅 on GitHub.com to generate the Mermaid code for the Gantt chart, with specific details about the project phases and their durations. You can then use this code in any Markdown file that supports Mermaid syntax, such as issues, discussions, or pull requests on GitHub.

Example prompt

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.

Example response

참고

다음 응답이 예제입니다. 공동 파일럿 채팅 응답은 비결정적이므로 여기에 표시된 응답과 다른 응답을 얻을 수 있습니다.

Copilot will provide you with the Mermaid code to create the flowchart. You can copy the code 공동 파일럿 채팅 provides and paste it anywhere on GitHub that supports Markdown, such as an issue or discussion.

Ensure you include the correct Mermaid syntax of ```mermaid before and ``` after the code block to render the diagram correctly.

```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
```

This Mermaid code would generate the following diagram:

Screenshot of a rendered Mermaid Gantt chart.

Further reading