Extensión del navegador para que la interfaz de chat oficial de DeepSeek admita gráficos de representación en línea

Introducción general

DeepSeek Diagrams Extension es una extensión de Chrome diseñada para ayudar a los usuarios a representar diagramas en línea en el sitio web de DeepSeek. Basada en la biblioteca Mermaid.js, la extensión convierte diagramas descritos en texto directamente en diagramas visuales, mejorando la experiencia del usuario en el sitio web de DeepSeek. Con esta extensión, los usuarios pueden crear y ver fácilmente diagramas de flujo, diagramas de secuencia, diagramas de Gantt y otros tipos de gráficos, lo que facilita enormemente la visualización y el análisis de datos.

Lista de funciones

• Representación gráficaAdmite la representación en línea de muchos tipos de gráficos en sitios DeepSeek, incluidos diagramas de flujo, diagramas de secuencia, diagramas de Gantt, etc.
• Integración de Mermaid.js: Basado en la librería Mermaid.js , soporte para crear gráficos usando la sintaxis Mermaid .
• Instalación rápidaUn proceso de instalación sencillo que permite a los usuarios empezar a trabajar rápidamente.
• Vista previa en tiempo realVista previa de los resultados de los gráficos en tiempo real en el sitio web de DeepSeek.
• alta compatibilidadCompatible con la última versión de Chrome para garantizar un funcionamiento estable.

Utilizar la ayuda

Proceso de instalación

1. Visite https://github.com/yan5xu/deepseek-diagrams-extension/releases

2. Descargue el último paquete zip

3. Abra la página de gestión de extensiones de Chrome y escriba chrome://extensions/ en la barra de direcciones).

4. Activa el "Modo Desarrollador" en la esquina superior derecha.

5. Haga clic en "Cargar extensiones extraídas" y seleccione la carpeta . /dist del proyecto. (Arrastre el zip descargado a la carpeta y funcionará).

Utilización

1. Una vez finalizada la instalación, visite el sitio web de DeepSeek.
2. Cuando sea necesario representar gráficos, utilice la sintaxis Mermaid para escribir las descripciones de los gráficos. Ejemplo:

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

3. Una vez completada la descripción del gráfico, haga clic en el botón "Renderizar gráfico" y el gráfico se generará automáticamente y se incrustará en la página.
4. Los usuarios pueden previsualizar los resultados de los gráficos en tiempo real ajustando la sintaxis de la Sirena hasta que estén satisfechos.

Funciones principales

• Creación de organigramasIntroduzca la descripción de sintaxis Mermaid del diagrama de flujo en el cuadro de texto del sitio web de DeepSeek y haga clic en el botón "Render Diagram" para generar el diagrama de flujo.
• Creación de diagramas de secuenciaIntroduzca también la descripción sintáctica Mermaid del diagrama de secuencia en el cuadro de texto y haga clic en el botón "Render Diagram" para generar el diagrama de secuencia.
• Creación de un diagrama de GanttIntroduzca la descripción en sintaxis Mermaid del diagrama de Gantt y haga clic en el botón "Render Chart" para generar el diagrama de Gantt.

Ejemplo detallado de funcionamiento

1. Ejemplo de diagrama de flujo::

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

Después de introducir el código anterior, haga clic en el botón "Render Diagram" para generar el diagrama de flujo.

2. Ejemplo de diagrama de secuencia::

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

Después de introducir el código anterior, haga clic en el botón "Render Chart" para generar el gráfico secuencial.

3. Ejemplo de diagrama de Gantt::

   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

Después de introducir el código anterior, haga clic en el botón "Render Chart" para generar un diagrama de Gantt.

Con los pasos anteriores, los usuarios pueden crear y representar fácilmente varios gráficos en el sitio web de DeepSeek para mejorar la visualización de datos.