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

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

В этой статье

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

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

Вам нужно создать диаграмму Ганта, чтобы визуализировать хронологию project. Вы можете попросить Копилот Чат на GitHub.com сгенерировать код Mermaid для диаграммы Ганта с конкретными деталями о фазах project и их длительности. Затем вы можете использовать этот код в любом файле 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 предоставит вам код Русалки для создания блок-схемы. Вы можете скопировать код данных, которые предоставляет variables.copilot.copilot_chat_short %}, и вставить его в любую точку 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
```

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

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

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

  •         [Документация по Русалке](https://mermaid-js.github.io/mermaid/#/)

  •         [GitHub Документация Copilot Chat](/copilot/how-tos/use-chat)