ダイアグラムの作成

GitHub Copilot Chat は、データをより深く理解し、分析情報を伝えるためのダイアグラムを作成するのに役立ちます。

この記事で

ギットハブ コパイロット チャット GitHub.comでは、人魚図を作成してデータを視覚化し、分析情報を理解して伝達しやすくすることができます。 データまたはコードに基づいて図を生成するように コパイロットチャット に依頼すると、それらの図を作成するために必要なコードが提供されます。

サンプル シナリオ

プロジェクトのタイムラインを視覚化するガント チャートを作成する必要があるとします。 コパイロットチャットのGitHub.comに、プロジェクトフェーズとその期間に関する具体的な詳細を含むガントチャートの人魚コードを生成するように依頼できます。 その後、このコードを、問題、ディスカッション、 GitHubの pull request など、人魚構文をサポートする任意の Markdown ファイルで使用できます。

プロンプトの例

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.

応答の例

メモ

次の応答は例です。 コパイロットチャット の応答は非決定的であるため、ここで示したものとは異なる応答が返される可能性があります。

Copilot は、フローチャートを作成するための人魚コードを提供します。 提供 コパイロットチャット コードをコピーし、問題やディスカッションなど、Markdown をサポートする GitHub 上の任意の場所に貼り付けることができます。

図を正しくレンダリングするには、コード ブロックの前と後に```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 コードによって次のダイアグラムが生成されます。

レンダリングされた人魚ガント チャートのスクリーンショット。

詳細については、次を参照してください。