{"id":2081,"date":"2026-07-08T06:34:46","date_gmt":"2026-07-08T06:34:46","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/docs\/uncategorized\/mermaid-js-requirement-diagram-syntax-traceability-guide\/"},"modified":"2026-07-08T06:34:46","modified_gmt":"2026-07-08T06:34:46","slug":"mermaid-js-requirement-diagram-syntax-traceability-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/mermaid-js-requirement-diagram-syntax-traceability-guide\/","title":{"rendered":"Sintaxis del diagrama de requisitos de Mermaid.js y gu\u00eda de trazabilidad"},"content":{"rendered":"

Un diagrama de requisitos es una herramienta especializada de visualizaci\u00f3n ingenieril utilizada por arquitectos de sistemas, gerentes de productos y ingenieros de software para representar especificaciones t\u00e9cnicas, restricciones del sistema y pruebas de verificaci\u00f3n. Construido sobre la norma SysML (Lenguaje de modelado de sistemas), el motor nativorequirementDiagram<\/code>permite vincular directamente los requisitos de dise\u00f1o abstractos a componentes f\u00edsicos del sistema y casos de prueba mediante declaraciones basadas en texto.<\/p>\n

Comprensi\u00f3n de los elementos del diagrama de requisitos<\/h2>\n

Un diagrama de requisitos consta principalmente de dos bloques estructurales distintos:Bloques de requisitos<\/strong> (que especifican las reglas) yBloques de elementos<\/strong> (que modelan el c\u00f3digo, el hardware o los scripts de prueba). A continuaci\u00f3n, se dibujan relaciones entre estos bloques para crear una matriz de trazabilidad clara.<\/p>\n

Estructura b\u00e1sica de sintaxis<\/h2>\n

Cada diagrama comienza con el encabezadorequirementDiagram<\/code>de declaraci\u00f3n. A continuaci\u00f3n se definen bloques de requisitos con propiedades anidadas, bloques de elementos y l\u00edneas de relaci\u00f3n direccionales.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar Mermaid en VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
requirementDiagram\r\n  requirement test_req {\r\n    id: 1\r\n    text: \"El sistema debe procesar pagos de forma segura.\"\r\n    risk: alto\r\n    verifymethod: prueba\r\n  }<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar Mermaid en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
La taxonom\u00eda completa de tipos de requisitos<\/h2>\n
No todos los requisitos de ingenier\u00eda son iguales. El motor proporciona seis palabras clave distintas para clasificar sus especificaciones visual y sem\u00e1nticamente. Cada tipo modifica la etiqueta del encabezado que se muestra dentro de la caja del diagrama renderizado:<\/p>\n