다이어그램 만들기

깃허브 코파일럿 채팅 on GitHub.com 을 사용하면 인어 다이어그램을 만들어 데이터를 시각화하여 인사이트를 더 쉽게 이해하고 전달할 수 있습니다. 데이터 또는 코드를 기반으로 다이어그램을 생성하도록 요청할 공동 파일럿 채팅 수 있으며, 이러한 다이어그램을 만드는 데 필요한 코드를 제공합니다.

예제 시나리오

Gantt 차트를 만들어 project 타임라인을 시각화하려고 합니다. 프로젝트 단계 및 해당 기간에 대한 특정 세부 정보와 함께 Gantt 차트에 대한 인어 코드를 생성하도록 요청할 공동 파일럿 채팅GitHub.com 수 있습니다. 그런 다음 이 코드를 GitHub의 이슈, 토론 또는 풀 리퀘스트와 같이 Mermaid 구문을 지원하는 모든 Markdown 파일에서 사용할 수 있습니다.

예제 프롬프트

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.

응답 예제

Copilot 는 순서도를 만드는 인어 코드를 제공합니다. 제공된 코드를 공동 파일럿 채팅 복사하여 Markdown을 지원하는 위치(예: 문제 또는 토론)에 GitHub 붙여넣을 수 있습니다.

다이어그램을 올바르게 렌더링하려면 코드 블록 앞에 ```mermaid과 뒤에 ```을 포함하여 올바른 Mermaid 구문을 사용해야 합니다.

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

이 Mermaid 코드는 다음과 같은 다이어그램을 생성하게 됩니다.

추가 읽기

• Mermaid 설명서
• GitHub Copilot 채팅 설명서