The Mermaid Chart extension provides advanced and powerful
diagramming and visualization to GitHub Copilot Chat.

Ask @mermaid-chart to visualize parts of your code base. Then, continue to
iterate using the Mermaid Chart editor.
You can also use the Mermaid Chart extension for general questions about Mermaid, or to modify existing Mermaid diagrams.

Installation

• Install the extension
  If you are using a Copilot Business/Enterprise subscription, you may need to
  ask an admin of your organization to install the extension.
• Use @mermaid-chart when in the Copilot chat window. The first time you use it, you may be asked to authorize the extension.

Using the extension

Inside the Copilot window, start your prompts with @mermaid-chart.

Then, try the following example prompts:

General Mermaid queries:

• What diagram types do you support?
• Can you explain what UK, FK, and PK mean in ER diagrams?
• How can I change the theme of a diagram?
• What's the syntax for a diamond node in a flowchart?
• How can I use US-style MM/DD/YYYY dates in a Gantt chart?

Generating diagrams, e.g. (using VS Code's chat context):

• Can you make a flowchart for my GitHub Action #file?
• Make an class diagram for the class in the #selection.
• Visualize this database schema from an SQL #file.
• Can you make me a mindmap of the current open file?
• Create a pie chart from this .csv #file.