Creating diagrams

GitHub Copilot Chat can help you create mermaid diagrams to visualize data, making it easier to understand and communicate insights. You can ask Copilot 对话助手 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 Copilot 对话助手 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

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 Copilot 对话助手 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:

Further reading

• Mermaid documentation
• GitHub Copilot Chat documentation