Расширение для браузера, позволяющее официальному чат-интерфейсу DeepSeek поддерживать встроенные графики рендеринга

Общее введение

DeepSeek Diagrams Extension - это расширение для Chrome, предназначенное для визуализации диаграмм в режиме онлайн на сайте DeepSeek. Основанное на библиотеке Mermaid.js, расширение преобразует диаграммы с текстовым описанием непосредственно в визуальные диаграммы, улучшая пользовательский опыт на сайте DeepSeek. С помощью этого расширения пользователи могут легко создавать и просматривать блок-схемы, диаграммы последовательности, диаграммы Ганта и другие типы диаграмм, что значительно облегчает визуализацию и анализ данных.

Список функций

• Графический рендеринг: Поддержка встроенного рендеринга многих типов диаграмм на сайтах DeepSeek, включая блок-схемы, диаграммы последовательности, диаграммы Ганта и т.д.
• Интеграция с Mermaid.jsОснован на библиотеке Mermaid.js, поддерживает создание графиков с использованием синтаксиса Mermaid.
• Быстрая установка: Простой процесс установки, позволяющий пользователям быстро приступить к работе.
• Предварительный просмотр в режиме реального времени: Предварительный просмотр результатов графиков в режиме реального времени на сайте DeepSeek.
• высокая совместимостьСовместимость с последней версией Chrome обеспечивает стабильную работу.

Использование помощи

Процесс установки

1. перейдите на сайт https://github.com/yan5xu/deepseek-diagrams-extension/releases

2. Загрузите последнюю версию zip-пакета

3. откройте страницу управления расширениями Chrome и введите chrome://extensions/ в адресной строке).

4. Включите "Режим разработчика" в правом верхнем углу.

5. нажмите "Загрузить извлеченные расширения" и выберите папку проекта . /dist. (Перетащите скачанный zip-файл в эту папку, и он будет работать).

Использование

1. После завершения установки посетите веб-сайт DeepSeek.
2. Если необходимо отобразить графики, используйте синтаксис Mermaid для написания описаний графиков. Пример:

   sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
Bob-->>Alice: I am good thanks!

3. После того как описание графика будет завершено, нажмите кнопку "Render Chart", и график будет автоматически сгенерирован и встроен в страницу.
4. Пользователи могут просматривать результаты графиков в режиме реального времени, настраивая синтаксис Mermaid до тех пор, пока они не будут удовлетворены.

Основные функции

• Создание блок-схем: Введите синтаксическое описание блок-схемы Mermaid в текстовое поле на сайте DeepSeek и нажмите кнопку "Render Diagram", чтобы сгенерировать блок-схему.
• Создание диаграмм последовательностей: Также введите синтаксическое описание Mermaid диаграммы последовательности в текстовое поле и нажмите кнопку "Render Diagram", чтобы сгенерировать диаграмму последовательности.
• Создание диаграммы Ганта: Введите описание диаграммы Ганта на синтаксисе Mermaid и нажмите кнопку "Render Chart", чтобы создать диаграмму Ганта.

Подробный пример работы

1. Пример блок-схемы::

   graph TD
A[Start] --> B{Is it?}
B -->|Yes| C[OK]
B -->|No| D[Not OK]

После ввода приведенного выше кода нажмите кнопку "Render Diagram", чтобы сгенерировать блок-схему.

2. Пример диаграммы последовательностей::

   sequenceDiagram
participant Alice
participant Bob
Alice->>Bob: Hello Bob, how are you?
Bob-->>Alice: I am good thanks!

После ввода приведенного выше кода нажмите кнопку "Render Chart", чтобы сгенерировать график последовательности.

3. Пример диаграммы Ганта::

   gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid
section A section
Completed task            :done,    des1, 2014-01-06,2014-01-08
Active task               :active,  des2, 2014-01-09, 3d
Future task               :         des3, after des2, 5d

После ввода приведенного выше кода нажмите кнопку "Render Chart", чтобы сгенерировать диаграмму Ганта.

С помощью описанных выше шагов пользователи могут легко создавать и отображать различные диаграммы на сайте DeepSeek для улучшения визуализации данных.