Crear diagramas con Mermaid JS

Información general

Los notebooks de Datadog son compatibles con Mermaid JS en celdas de Markdown. Mermaid es una herramienta basada en JavaScript que sirve para crear gráficos y diagramas de flujo en Markdown. Puedes obtener más información sobre Mermaid en la documentación oficial o utilizando el editor dinámico Mermaid.

Configuración

Para crear un nuevo diagrama en tu notebook:

  1. Añade una nueva celda de texto.
  2. Selecciona Code Block (Bloque de código) dentro del editor de Markdown.
  3. Selecciona Mermaid-JS.

En la página de Datadog, también hay una plantilla para crear diagramas con Mermaid JS que puedes utilizar para empezar y ver ejemplos.

Utiliza la sintaxis Mermaid para crear diagramas de flujo, diagramas de secuencias, recorridos de los usuarios o gráficos de Gantt, entre otros.

Ejemplo

Crea un diagrama de flujo básico con una orientación de arriba a abajo:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->E;
```

Copia la sintaxis del diagrama de flujo en el bloque de código Mermaid. Cuando hagas clic en Done (Listo), la celda rellenará el diagrama.

PREVIEWING: rtrieu/product-analytics-ui-changes