collab/mermaid/demos/requirements.htmlblame
View source
6dd74de1<!doctype html>
6dd74de2<html lang="en">
6dd74de3 <head>
6dd74de4 <meta charset="utf-8" />
6dd74de5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6dd74de6 <title>Requirements Mermaid Quick Test Page</title>
6dd74de7 <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
6dd74de8 <style>
6dd74de9 div.mermaid {
6dd74de10 /* font-family: 'trebuchet ms', verdana, arial; */
6dd74de11 font-family: 'Courier New', Courier, monospace !important;
6dd74de12 }
6dd74de13 </style>
6dd74de14 </head>
6dd74de15
6dd74de16 <body>
6dd74de17 <h1>Requirement diagram demos</h1>
6dd74de18 <pre class="mermaid">
6dd74de19 requirementDiagram
6dd74de20 accTitle: Requirements demo in black and white
6dd74de21 accDescr: A series of requirement boxes showing relationships among them. Has meaningless task names
6dd74de22
6dd74de23 requirement test_req {
6dd74de24 id: 1
6dd74de25 text: the test text.
6dd74de26 risk: high
6dd74de27 verifymethod: test
6dd74de28 }
6dd74de29
6dd74de30 functionalRequirement test_req2 {
6dd74de31 id: 1.1
6dd74de32 text: the second test text.
6dd74de33 risk: low
6dd74de34 verifymethod: inspection
6dd74de35 }
6dd74de36
6dd74de37 performanceRequirement test_req3 {
6dd74de38 id: 1.2
6dd74de39 text: the third test text.
6dd74de40 risk: medium
6dd74de41 verifymethod: demonstration
6dd74de42 }
6dd74de43
6dd74de44 interfaceRequirement test_req4 {
6dd74de45 id: 1.2.1
6dd74de46 text: the fourth test text.
6dd74de47 risk: medium
6dd74de48 verifymethod: analysis
6dd74de49 }
6dd74de50
6dd74de51 physicalRequirement test_req5 {
6dd74de52 id: 1.2.2
6dd74de53 text: the fifth test text.
6dd74de54 risk: medium
6dd74de55 verifymethod: analysis
6dd74de56 }
6dd74de57
6dd74de58 designConstraint test_req6 {
6dd74de59 id: 1.2.3
6dd74de60 text: the sixth test text.
6dd74de61 risk: medium
6dd74de62 verifymethod: analysis
6dd74de63 }
6dd74de64
6dd74de65 element test_entity {
6dd74de66 type: simulation
6dd74de67 }
6dd74de68
6dd74de69 element test_entity2 {
6dd74de70 type: word doc
6dd74de71 docRef: reqs/test_entity
6dd74de72 }
6dd74de73
6dd74de74 element test_entity3 {
6dd74de75 type: "test suite"
6dd74de76 docRef: github.com/all_the_tests
6dd74de77 }
6dd74de78
6dd74de79
6dd74de80 test_entity - satisfies -> test_req2
6dd74de81 test_req - traces -> test_req2
6dd74de82 test_req - contains -> test_req3
6dd74de83 test_req3 - contains -> test_req4
6dd74de84 test_req4 - derives -> test_req5
6dd74de85 test_req5 - refines -> test_req6
6dd74de86 test_entity3 - verifies -> test_req5
6dd74de87 test_req <- copies - test_entity2
6dd74de88 </pre
6dd74de89 >
6dd74de90 <hr />
6dd74de91
6dd74de92 <pre class="mermaid">
6dd74de93 requirementDiagram
6dd74de94
6dd74de95 requirement An Example {
6dd74de96 id: 1
6dd74de97 text: the test text.
6dd74de98 risk: high
6dd74de99 verifymethod: test
6dd74de100 }
6dd74de101
6dd74de102 functionalRequirement Random Name {
6dd74de103 id: 1.1
6dd74de104 text: the second test text.
6dd74de105 risk: low
6dd74de106 verifymethod: inspection
6dd74de107 }
6dd74de108
6dd74de109 performanceRequirement Something Else {
6dd74de110 id: 1.2
6dd74de111 text: the third test text.
6dd74de112 risk: medium
6dd74de113 verifymethod: demonstration
6dd74de114 }
6dd74de115
6dd74de116 interfaceRequirement test_req4 {
6dd74de117 id: 1.2.1
6dd74de118 text: the fourth test text.
6dd74de119 risk: medium
6dd74de120 verifymethod: analysis
6dd74de121 }
6dd74de122
6dd74de123 physicalRequirement test_req5 {
6dd74de124 id: 1.2.2
6dd74de125 text: the fifth test text.
6dd74de126 risk: medium
6dd74de127 verifymethod: analysis
6dd74de128 }
6dd74de129
6dd74de130 designConstraint test_req6 {
6dd74de131 id: 1.2.3
6dd74de132 text: really long text to test overflow. really long text to test overflow. really long text to test overflow.
6dd74de133 risk: medium
6dd74de134 verifymethod: analysis
6dd74de135 }
6dd74de136
6dd74de137 element test_entity {
6dd74de138 type: simulation
6dd74de139 }
6dd74de140
6dd74de141 element test_entity2 {
6dd74de142 type: word doc
6dd74de143 docRef: reqs/test_entity
6dd74de144 }
6dd74de145
6dd74de146 element test_entity3 {
6dd74de147 type: "test suite"
6dd74de148 docRef: github.com/all_the_tests
6dd74de149 }
6dd74de150
6dd74de151
6dd74de152 test_entity - satisfies -> Random Name
6dd74de153 An Example - traces -> Random Name
6dd74de154 An Example - contains -> Something Else
6dd74de155 Something Else - contains -> test_req4
6dd74de156 test_req4 - derives -> test_req5
6dd74de157 test_req5 - refines -> test_req6
6dd74de158 test_entity3 - verifies -> test_req5
6dd74de159 An Example <- copies - test_entity2
6dd74de160 </pre>
6dd74de161
6dd74de162 <script type="module">
6dd74de163 import mermaid from './mermaid.esm.mjs';
6dd74de164 mermaid.initialize({
6dd74de165 theme: 'neutral',
6dd74de166 // themeCSS: '.node rect { fill: red; }',
6dd74de167 logLevel: 3,
6dd74de168 securityLevel: 'loose',
6dd74de169 flowchart: { curve: 'basis' },
6dd74de170 gantt: { axisFormat: '%m/%d/%Y' },
6dd74de171 sequence: { actorMargin: 50 },
6dd74de172 // sequenceDiagram: { actorMargin: 300 } // deprecated
6dd74de173 });
6dd74de174 </script>
6dd74de175 </body>
6dd74de176</html>