{"id":2079,"date":"2026-07-08T06:34:46","date_gmt":"2026-07-08T06:34:46","guid":{"rendered":"https:\/\/www.vpascode.com\/pt\/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\/pt\/docs\/vpascode-docs\/mermaid-js-requirement-diagram-syntax-traceability-guide\/","title":{"rendered":"Sintaxe do Diagrama de Requisitos do Mermaid.js e Guia de Rastreabilidade"},"content":{"rendered":"

Um Diagrama de Requisitos \u00e9 uma ferramenta especializada de visualiza\u00e7\u00e3o em engenharia usada por arquitetos de sistemas, gerentes de produtos e engenheiros de software para mapear especifica\u00e7\u00f5es t\u00e9cnicas, restri\u00e7\u00f5es do sistema e testes de verifica\u00e7\u00e3o. Constru\u00eddo com base na norma SysML (Linguagem de Modelagem de Sistemas), o motor nativorequirementDiagram<\/code>permite vincular requisitos de design abstratos diretamente a componentes f\u00edsicos do sistema e casos de teste usando declara\u00e7\u00f5es baseadas em texto.<\/p>\n

Compreendendo os Elementos do Diagrama de Requisitos<\/h2>\n

Um Diagrama de Requisitos consiste principalmente em dois blocos estruturais distintos:Blocos de Requisitos<\/strong> (que especificam as regras) eBlocos de Elementos<\/strong> (que modelam o c\u00f3digo, hardware ou scripts de teste). Em seguida, s\u00e3o tra\u00e7adas rela\u00e7\u00f5es entre esses blocos para criar uma matriz de rastreabilidade clara.<\/p>\n

Estrutura B\u00e1sica da Sintaxe<\/h2>\n

Todo diagrama come\u00e7a com orequirementDiagram<\/code>cabe\u00e7alho de declara\u00e7\u00e3o. Em seguida, definem-se blocos de requisitos com propriedades aninhadas, blocos de elementos e linhas de relacionamento direcionais.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdite o Mermaid no 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: \"O sistema deve processar pagamentos de forma segura.\"\r\n    risk: alto\r\n    verifymethod: teste\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>
\nEdite o Mermaid no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
A Taxonomia Completa dos Tipos de Requisitos<\/h2>\n
Nem todos os requisitos de engenharia s\u00e3o iguais. O motor fornece seis palavras-chave distintas de blocos para classificar suas especifica\u00e7\u00f5es visual e semanticamente. Cada tipo altera a etiqueta do cabe\u00e7alho exibida dentro da caixa do diagrama renderizado:<\/p>\n