Создание схем

GitHub Copilot Chat поможет вам создавать диаграммы для лучшего понимания данных и передачи инсайтов.

В этой статье

GitHub Copilot Chat on GitHub.com может помочь вам создать диаграммы русалок для визуализации данных, что облегчает понимание и передачу инсайтов. Вы можете попросить Copilot Chat сгенерировать диаграммы на основе ваших данных или кода, и он предоставит вам необходимый код для создания этих схем.

Пример сценария

Вам нужно создать диаграмму Ганта, чтобы визуализировать хронологию project. Вы можете попросить Copilot ChatGitHub.com создать код Русалки для диаграммы Ганта с конкретными деталями о этапах проекта и их продолжительности. Затем вы можете использовать этот код в любом файле Markdown, поддерживающем синтаксис Mermaid, например, в проблемах, обсуждениях или pull requests на GitHub.

Пример запроса

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 Chat являются недетерминированными, поэтому вы можете получить другой ответ, показанный здесь.

Copilot предоставит вам код Русалки для создания блок-схемы. Вы можете скопировать предоставленный код Copilot Chat и вставить его в любое место GitHub , где поддерживается Markdown, например, по проблеме или обсуждению.

Убедитесь, что вы включили правильный синтаксис 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
```

Этот код русалки создаст следующую схему:

Скриншот отрисованной диаграммы Русалки Гант.

Дополнительные материалы