generar_diagrama_desde_mermaid
Convert Mermaid syntax into a self-contained interactive HTML5/SVG diagram with drag-and-drop nodes, zoom, minimap, and layer filters—fully air-gapped with no external dependencies.
Instructions
Compila cualquier especificación textual en sintaxis Mermaid (flowchart, graph, erDiagram, classDiagram) en una aplicación web interactiva de un solo archivo (Single-File Bundle: HTML5 + SVG + Vanilla JS).
Características:
100% Air-Gapped (cero CDNs, cero npm, funciona sin conexión a internet).
Conectores dinámicos SVG con cálculo perimétrico trigonométrico exacto (atan2).
Arrastrar y soltar (drag and drop) de nodos con redibujado en tiempo real.
Paneo libre, zoom, minimapa y filtros por capas/subgrafos.
Modal de inspección de detalles de cada nodo.
Args: mermaid_code: Código Mermaid DSL (ej: 'graph LR subgraph A... end'). output_path: Ruta absoluta donde se guardará el archivo .html generado. titulo: Título visual que aparecerá en la barra superior del diagrama.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| titulo | No | Diagrama Interactivo | |
| output_path | Yes | ||
| mermaid_code | Yes |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| result | Yes |