| 6dd74de | | | 1 | <!doctype html> |
| 6dd74de | | | 2 | <html lang="en"> |
| 6dd74de | | | 3 | <head> |
| 6dd74de | | | 4 | <meta charset="utf-8" /> |
| 6dd74de | | | 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 6dd74de | | | 6 | <title>Mermaid Quick Flowchart Test Page</title> |
| 6dd74de | | | 7 | <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" /> |
| 6dd74de | | | 8 | <style> |
| 6dd74de | | | 9 | div.mermaid { |
| 6dd74de | | | 10 | /* font-family: 'trebuchet ms', verdana, arial; */ |
| 6dd74de | | | 11 | font-family: 'Courier New', Courier, monospace !important; |
| 6dd74de | | | 12 | } |
| 6dd74de | | | 13 | </style> |
| 6dd74de | | | 14 | </head> |
| 6dd74de | | | 15 | <body> |
| 6dd74de | | | 16 | <h1>Comparison "graph vs. flowchart"</h1> |
| 6dd74de | | | 17 | <h2>Sample 1</h2> |
| 6dd74de | | | 18 | <h3>graph</h3> |
| 6dd74de | | | 19 | <pre class="mermaid"> |
| 6dd74de | | | 20 | --- |
| 6dd74de | | | 21 | title: This is a complicated flow |
| 6dd74de | | | 22 | --- |
| 6dd74de | | | 23 | graph LR |
| 6dd74de | | | 24 | accTitle: This is a complicated flow |
| 6dd74de | | | 25 | accDescr: This is the description for the complicated flow. |
| 6dd74de | | | 26 | |
| 6dd74de | | | 27 | sid-B3655226-6C29-4D00-B685-3D5C734DC7E1[" |
| 6dd74de | | | 28 | |
| 6dd74de | | | 29 | 提交申请 |
| 6dd74de | | | 30 | 熊大 |
| 6dd74de | | | 31 | "]; |
| 6dd74de | | | 32 | class sid-B3655226-6C29-4D00-B685-3D5C734DC7E1 node-executed; |
| 6dd74de | | | 33 | sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A[" |
| 6dd74de | | | 34 | 负责人审批 |
| 6dd74de | | | 35 | 强子 |
| 6dd74de | | | 36 | "]; |
| 6dd74de | | | 37 | class sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A node-executed; |
| 6dd74de | | | 38 | sid-E27C0367-E6D6-497F-9736-3CDC21FDE221[" |
| 6dd74de | | | 39 | DBA审批 |
| 6dd74de | | | 40 | 强子 |
| 6dd74de | | | 41 | "]; |
| 6dd74de | | | 42 | class sid-E27C0367-E6D6-497F-9736-3CDC21FDE221 node-executed; |
| 6dd74de | | | 43 | sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD[" |
| 6dd74de | | | 44 | SA审批 |
| 6dd74de | | | 45 | 阿美 |
| 6dd74de | | | 46 | "]; |
| 6dd74de | | | 47 | class sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD node-executed; |
| 6dd74de | | | 48 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7[" |
| 6dd74de | | | 49 | 主管审批 |
| 6dd74de | | | 50 | 光头强 |
| 6dd74de | | | 51 | "]; |
| 6dd74de | | | 52 | class sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7 node-executed; |
| 6dd74de | | | 53 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89[" |
| 6dd74de | | | 54 | DBA确认 |
| 6dd74de | | | 55 | 强子 |
| 6dd74de | | | 56 | "]; |
| 6dd74de | | | 57 | class sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89 node-executed; |
| 6dd74de | | | 58 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937[" |
| 6dd74de | | | 59 | SA确认 |
| 6dd74de | | | 60 | 阿美 |
| 6dd74de | | | 61 | "]; |
| 6dd74de | | | 62 | class sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937 node-executed; |
| 6dd74de | | | 63 | sid-4FC27B48-A6F9-460A-A675-021F5854FE22[" |
| 6dd74de | | | 64 | 结束 |
| 6dd74de | | | 65 | "]; |
| 6dd74de | | | 66 | class sid-4FC27B48-A6F9-460A-A675-021F5854FE22 node-executed; |
| 6dd74de | | | 67 | sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E[" |
| 6dd74de | | | 68 | SA执行1 |
| 6dd74de | | | 69 | 强子 |
| 6dd74de | | | 70 | "]; |
| 6dd74de | | | 71 | class sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E node-executed; |
| 6dd74de | | | 72 | sid-6C2120F3-D940-4958-A067-0903DCE879C4[" |
| 6dd74de | | | 73 | SA执行2 |
| 6dd74de | | | 74 | 强子 |
| 6dd74de | | | 75 | "]; |
| 6dd74de | | | 76 | class sid-6C2120F3-D940-4958-A067-0903DCE879C4 node-executed; |
| 6dd74de | | | 77 | sid-9180E2A0-5C4B-435F-B42F-0D152470A338[" |
| 6dd74de | | | 78 | DBA执行1 |
| 6dd74de | | | 79 | 强子 |
| 6dd74de | | | 80 | "]; |
| 6dd74de | | | 81 | class sid-9180E2A0-5C4B-435F-B42F-0D152470A338 node-executed; |
| 6dd74de | | | 82 | sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD[" |
| 6dd74de | | | 83 | DBA执行3 |
| 6dd74de | | | 84 | 强子 |
| 6dd74de | | | 85 | "]; |
| 6dd74de | | | 86 | class sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD node-executed; |
| 6dd74de | | | 87 | sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756[" |
| 6dd74de | | | 88 | DBA执行2 |
| 6dd74de | | | 89 | 强子 |
| 6dd74de | | | 90 | "]; |
| 6dd74de | | | 91 | class sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756 node-executed; |
| 6dd74de | | | 92 | sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93[" |
| 6dd74de | | | 93 | DBA执行4 |
| 6dd74de | | | 94 | 强子 |
| 6dd74de | | | 95 | "]; |
| 6dd74de | | | 96 | class sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93 node-executed; |
| 6dd74de | | | 97 | sid-1897B30A-9C5C-4D5B-B80B-76A038785070[" |
| 6dd74de | | | 98 | 负责人确认 |
| 6dd74de | | | 99 | 梁静茹 |
| 6dd74de | | | 100 | "]; |
| 6dd74de | | | 101 | class sid-1897B30A-9C5C-4D5B-B80B-76A038785070 node-executed; |
| 6dd74de | | | 102 | sid-B3655226-6C29-4D00-B685-3D5C734DC7E1-->sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7; |
| 6dd74de | | | 103 | sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A-->sid-1897B30A-9C5C-4D5B-B80B-76A038785070; |
| 6dd74de | | | 104 | sid-E27C0367-E6D6-497F-9736-3CDC21FDE221-->sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89; |
| 6dd74de | | | 105 | sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD-->sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937; |
| 6dd74de | | | 106 | sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E-->sid-6C2120F3-D940-4958-A067-0903DCE879C4; |
| 6dd74de | | | 107 | sid-9180E2A0-5C4B-435F-B42F-0D152470A338-->sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756; |
| 6dd74de | | | 108 | sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD-->sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93; |
| 6dd74de | | | 109 | sid-6C2120F3-D940-4958-A067-0903DCE879C4-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 110 | sid-1897B30A-9C5C-4D5B-B80B-76A038785070-->sid-4FC27B48-A6F9-460A-A675-021F5854FE22; |
| 6dd74de | | | 111 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937-->sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E; |
| 6dd74de | | | 112 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89-->sid-9180E2A0-5C4B-435F-B42F-0D152470A338; |
| 6dd74de | | | 113 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89-->sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD; |
| 6dd74de | | | 114 | sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 115 | sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 116 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD; |
| 6dd74de | | | 117 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-E27C0367-E6D6-497F-9736-3CDC21FDE221; |
| 6dd74de | | | 118 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937-->sid-6C2120F3-D940-4958-A067-0903DCE879C4; |
| 6dd74de | | | 119 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 120 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-4FC27B48-A6F9-460A-A675-021F5854FE22; |
| 6dd74de | | | 121 | </pre> |
| 6dd74de | | | 122 | <hr /> |
| 6dd74de | | | 123 | |
| 6dd74de | | | 124 | <h3>flowchart</h3> |
| 6dd74de | | | 125 | <pre class="mermaid"> |
| 6dd74de | | | 126 | --- |
| 6dd74de | | | 127 | title: This is another complicated flow |
| 6dd74de | | | 128 | config: |
| 6dd74de | | | 129 | theme: base |
| 6dd74de | | | 130 | flowchart: |
| 6dd74de | | | 131 | curve: cardinal |
| 6dd74de | | | 132 | --- |
| 6dd74de | | | 133 | flowchart LR |
| 6dd74de | | | 134 | sid-B3655226-6C29-4D00-B685-3D5C734DC7E1[" |
| 6dd74de | | | 135 | |
| 6dd74de | | | 136 | 提交申请 |
| 6dd74de | | | 137 | 熊大 |
| 6dd74de | | | 138 | "]; |
| 6dd74de | | | 139 | class sid-B3655226-6C29-4D00-B685-3D5C734DC7E1 node-executed; |
| 6dd74de | | | 140 | sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A[" |
| 6dd74de | | | 141 | 负责人审批 |
| 6dd74de | | | 142 | 强子 |
| 6dd74de | | | 143 | "]; |
| 6dd74de | | | 144 | class sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A node-executed; |
| 6dd74de | | | 145 | sid-E27C0367-E6D6-497F-9736-3CDC21FDE221[" |
| 6dd74de | | | 146 | DBA审批 |
| 6dd74de | | | 147 | 强子 |
| 6dd74de | | | 148 | "]; |
| 6dd74de | | | 149 | class sid-E27C0367-E6D6-497F-9736-3CDC21FDE221 node-executed; |
| 6dd74de | | | 150 | sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD[" |
| 6dd74de | | | 151 | SA审批 |
| 6dd74de | | | 152 | 阿美 |
| 6dd74de | | | 153 | "]; |
| 6dd74de | | | 154 | class sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD node-executed; |
| 6dd74de | | | 155 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7[" |
| 6dd74de | | | 156 | 主管审批 |
| 6dd74de | | | 157 | 光头强 |
| 6dd74de | | | 158 | "]; |
| 6dd74de | | | 159 | class sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7 node-executed; |
| 6dd74de | | | 160 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89[" |
| 6dd74de | | | 161 | DBA确认 |
| 6dd74de | | | 162 | 强子 |
| 6dd74de | | | 163 | "]; |
| 6dd74de | | | 164 | class sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89 node-executed; |
| 6dd74de | | | 165 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937[" |
| 6dd74de | | | 166 | SA确认 |
| 6dd74de | | | 167 | 阿美 |
| 6dd74de | | | 168 | "]; |
| 6dd74de | | | 169 | class sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937 node-executed; |
| 6dd74de | | | 170 | sid-4FC27B48-A6F9-460A-A675-021F5854FE22[" |
| 6dd74de | | | 171 | 结束 |
| 6dd74de | | | 172 | "]; |
| 6dd74de | | | 173 | class sid-4FC27B48-A6F9-460A-A675-021F5854FE22 node-executed; |
| 6dd74de | | | 174 | sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E[" |
| 6dd74de | | | 175 | SA执行1 |
| 6dd74de | | | 176 | 强子 |
| 6dd74de | | | 177 | "]; |
| 6dd74de | | | 178 | class sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E node-executed; |
| 6dd74de | | | 179 | sid-6C2120F3-D940-4958-A067-0903DCE879C4[" |
| 6dd74de | | | 180 | SA执行2 |
| 6dd74de | | | 181 | 强子 |
| 6dd74de | | | 182 | "]; |
| 6dd74de | | | 183 | class sid-6C2120F3-D940-4958-A067-0903DCE879C4 node-executed; |
| 6dd74de | | | 184 | sid-9180E2A0-5C4B-435F-B42F-0D152470A338[" |
| 6dd74de | | | 185 | DBA执行1 |
| 6dd74de | | | 186 | 强子 |
| 6dd74de | | | 187 | "]; |
| 6dd74de | | | 188 | class sid-9180E2A0-5C4B-435F-B42F-0D152470A338 node-executed; |
| 6dd74de | | | 189 | sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD[" |
| 6dd74de | | | 190 | DBA执行3 |
| 6dd74de | | | 191 | 强子 |
| 6dd74de | | | 192 | "]; |
| 6dd74de | | | 193 | class sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD node-executed; |
| 6dd74de | | | 194 | sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756[" |
| 6dd74de | | | 195 | DBA执行2 |
| 6dd74de | | | 196 | 强子 |
| 6dd74de | | | 197 | "]; |
| 6dd74de | | | 198 | class sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756 node-executed; |
| 6dd74de | | | 199 | sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93[" |
| 6dd74de | | | 200 | DBA执行4 |
| 6dd74de | | | 201 | 强子 |
| 6dd74de | | | 202 | "]; |
| 6dd74de | | | 203 | class sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93 node-executed; |
| 6dd74de | | | 204 | sid-1897B30A-9C5C-4D5B-B80B-76A038785070[" |
| 6dd74de | | | 205 | 负责人确认 |
| 6dd74de | | | 206 | 梁静茹 |
| 6dd74de | | | 207 | "]; |
| 6dd74de | | | 208 | class sid-1897B30A-9C5C-4D5B-B80B-76A038785070 node-executed; |
| 6dd74de | | | 209 | sid-B3655226-6C29-4D00-B685-3D5C734DC7E1-->sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7; |
| 6dd74de | | | 210 | sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A-->sid-1897B30A-9C5C-4D5B-B80B-76A038785070; |
| 6dd74de | | | 211 | sid-E27C0367-E6D6-497F-9736-3CDC21FDE221-->sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89; |
| 6dd74de | | | 212 | sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD-->sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937; |
| 6dd74de | | | 213 | sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E-->sid-6C2120F3-D940-4958-A067-0903DCE879C4; |
| 6dd74de | | | 214 | sid-9180E2A0-5C4B-435F-B42F-0D152470A338-->sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756; |
| 6dd74de | | | 215 | sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD-->sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93; |
| 6dd74de | | | 216 | sid-6C2120F3-D940-4958-A067-0903DCE879C4-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 217 | sid-1897B30A-9C5C-4D5B-B80B-76A038785070-->sid-4FC27B48-A6F9-460A-A675-021F5854FE22; |
| 6dd74de | | | 218 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937-->sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E; |
| 6dd74de | | | 219 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89-->sid-9180E2A0-5C4B-435F-B42F-0D152470A338; |
| 6dd74de | | | 220 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89-->sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD; |
| 6dd74de | | | 221 | sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 222 | sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 223 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD; |
| 6dd74de | | | 224 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-E27C0367-E6D6-497F-9736-3CDC21FDE221; |
| 6dd74de | | | 225 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937-->sid-6C2120F3-D940-4958-A067-0903DCE879C4; |
| 6dd74de | | | 226 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 227 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-4FC27B48-A6F9-460A-A675-021F5854FE22; |
| 6dd74de | | | 228 | </pre> |
| 6dd74de | | | 229 | <hr /> |
| 6dd74de | | | 230 | |
| 6dd74de | | | 231 | <h2>Sample 2</h2> |
| 6dd74de | | | 232 | <h3>graph</h3> |
| 6dd74de | | | 233 | <pre class="mermaid"> |
| 6dd74de | | | 234 | --- |
| 6dd74de | | | 235 | title: What to buy |
| 6dd74de | | | 236 | --- |
| 6dd74de | | | 237 | graph TD |
| 6dd74de | | | 238 | accTitle: What to buy |
| 6dd74de | | | 239 | accDescr: Options of what to buy with Christmas money |
| 6dd74de | | | 240 | A[Christmas] -->|Get money| B(Go shopping) |
| 6dd74de | | | 241 | B --> C{Let me thinksssssx<br/>sssssssssssssssssssuuu<br />tttsssssssssssssssssssssss} |
| 6dd74de | | | 242 | C -->|One| D[Laptop] |
| 6dd74de | | | 243 | C -->|Two| E[iPhone] |
| 6dd74de | | | 244 | C -->|Three| F[Car] |
| 6dd74de | | | 245 | </pre> |
| 6dd74de | | | 246 | <hr /> |
| 6dd74de | | | 247 | |
| 6dd74de | | | 248 | <h3>flowchart</h3> |
| 6dd74de | | | 249 | <pre class="mermaid"> |
| 6dd74de | | | 250 | flowchart TD |
| 6dd74de | | | 251 | accTitle: What to buy |
| 6dd74de | | | 252 | accDescr: Options of what to buy with Christmas money |
| 6dd74de | | | 253 | A[Christmas] -->|Get money| B(Go shopping) |
| 6dd74de | | | 254 | B --> C{Let me thinksssssx<br/>sssssssssssssssssssuuu<br />tttsssssssssssssssssssssss} |
| 6dd74de | | | 255 | C -->|One| D[Laptop] |
| 6dd74de | | | 256 | C -->|Two| E[iPhone] |
| 6dd74de | | | 257 | C -->|Three| F[Car] |
| 6dd74de | | | 258 | </pre> |
| 6dd74de | | | 259 | <hr /> |
| 6dd74de | | | 260 | |
| 6dd74de | | | 261 | <h2>Sample 3</h2> |
| 6dd74de | | | 262 | <h3>graph</h3> |
| 6dd74de | | | 263 | <pre class="mermaid"> |
| 6dd74de | | | 264 | graph TD |
| 6dd74de | | | 265 | A[/Christmas\] |
| 6dd74de | | | 266 | A -->|Get money| B[\Go shopping/] |
| 6dd74de | | | 267 | B --> C{Let me thinksssss<br/>ssssssssssssssssssssss<br/>sssssssssssssssssssssssssss} |
| 6dd74de | | | 268 | C -->|One| D[/Laptop/] |
| 6dd74de | | | 269 | C -->|Two| E[\iPhone\] |
| 6dd74de | | | 270 | C -->|Three| F[Car] |
| 6dd74de | | | 271 | </pre> |
| 6dd74de | | | 272 | <hr /> |
| 6dd74de | | | 273 | |
| 6dd74de | | | 274 | <h3>flowchart</h3> |
| 6dd74de | | | 275 | <pre class="mermaid"> |
| 6dd74de | | | 276 | flowchart TD |
| 6dd74de | | | 277 | A[/Christmas\] |
| 6dd74de | | | 278 | A -->|Get money| B[\Go shopping/] |
| 6dd74de | | | 279 | B --> C{Let me thinksssss<br/>ssssssssssssssssssssss<br/>sssssssssssssssssssssssssss} |
| 6dd74de | | | 280 | C -->|One| D[/Laptop/] |
| 6dd74de | | | 281 | C -->|Two| E[\iPhone\] |
| 6dd74de | | | 282 | C -->|Three| F[Car] |
| 6dd74de | | | 283 | </pre> |
| 6dd74de | | | 284 | <hr /> |
| 6dd74de | | | 285 | |
| 6dd74de | | | 286 | <h2>Sample 4</h2> |
| 6dd74de | | | 287 | <h3>graph</h3> |
| 6dd74de | | | 288 | <pre class="mermaid"> |
| 6dd74de | | | 289 | graph LR |
| 6dd74de | | | 290 | 47(SAM.CommonFA.FMESummary)-->48(SAM.CommonFA.CommonFAFinanceBudget) |
| 6dd74de | | | 291 | 37(SAM.CommonFA.BudgetSubserviceLineVolume)-->48(SAM.CommonFA.CommonFAFinanceBudget) |
| 6dd74de | | | 292 | 35(SAM.CommonFA.PopulationFME)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 293 | 41(SAM.CommonFA.MetricCost)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 294 | 44(SAM.CommonFA.MetricOutliers)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 295 | 46(SAM.CommonFA.MetricOpportunity)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 296 | 40(SAM.CommonFA.OPVisits)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 297 | 38(SAM.CommonFA.CommonFAFinanceRefund)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 298 | 43(SAM.CommonFA.CommonFAFinancePicuDays)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 299 | 42(SAM.CommonFA.CommonFAFinanceNurseryDays)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 300 | 45(SAM.CommonFA.MetricPreOpportunity)-->46(SAM.CommonFA.MetricOpportunity) |
| 6dd74de | | | 301 | 35(SAM.CommonFA.PopulationFME)-->45(SAM.CommonFA.MetricPreOpportunity) |
| 6dd74de | | | 302 | 41(SAM.CommonFA.MetricCost)-->45(SAM.CommonFA.MetricPreOpportunity) |
| 6dd74de | | | 303 | 41(SAM.CommonFA.MetricCost)-->44(SAM.CommonFA.MetricOutliers) |
| 6dd74de | | | 304 | 39(SAM.CommonFA.ChargeDetails)-->43(SAM.CommonFA.CommonFAFinancePicuDays) |
| 6dd74de | | | 305 | 39(SAM.CommonFA.ChargeDetails)-->42(SAM.CommonFA.CommonFAFinanceNurseryDays) |
| 6dd74de | | | 306 | 39(SAM.CommonFA.ChargeDetails)-->41(SAM.CommonFA.MetricCost) |
| 6dd74de | | | 307 | 39(SAM.CommonFA.ChargeDetails)-->40(SAM.CommonFA.OPVisits) |
| 6dd74de | | | 308 | 35(SAM.CommonFA.PopulationFME)-->39(SAM.CommonFA.ChargeDetails) |
| 6dd74de | | | 309 | 36(SAM.CommonFA.PremetricCost)-->39(SAM.CommonFA.ChargeDetails) |
| 6dd74de | | | 310 | </pre> |
| 6dd74de | | | 311 | <hr /> |
| 6dd74de | | | 312 | |
| 6dd74de | | | 313 | <h3>flowchart</h3> |
| 6dd74de | | | 314 | <pre class="mermaid"> |
| 6dd74de | | | 315 | flowchart LR |
| 6dd74de | | | 316 | 47(SAM.CommonFA.FMESummary)-->48(SAM.CommonFA.CommonFAFinanceBudget) |
| 6dd74de | | | 317 | 37(SAM.CommonFA.BudgetSubserviceLineVolume)-->48(SAM.CommonFA.CommonFAFinanceBudget) |
| 6dd74de | | | 318 | 35(SAM.CommonFA.PopulationFME)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 319 | 41(SAM.CommonFA.MetricCost)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 320 | 44(SAM.CommonFA.MetricOutliers)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 321 | 46(SAM.CommonFA.MetricOpportunity)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 322 | 40(SAM.CommonFA.OPVisits)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 323 | 38(SAM.CommonFA.CommonFAFinanceRefund)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 324 | 43(SAM.CommonFA.CommonFAFinancePicuDays)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 325 | 42(SAM.CommonFA.CommonFAFinanceNurseryDays)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 326 | 45(SAM.CommonFA.MetricPreOpportunity)-->46(SAM.CommonFA.MetricOpportunity) |
| 6dd74de | | | 327 | 35(SAM.CommonFA.PopulationFME)-->45(SAM.CommonFA.MetricPreOpportunity) |
| 6dd74de | | | 328 | 41(SAM.CommonFA.MetricCost)-->45(SAM.CommonFA.MetricPreOpportunity) |
| 6dd74de | | | 329 | 41(SAM.CommonFA.MetricCost)-->44(SAM.CommonFA.MetricOutliers) |
| 6dd74de | | | 330 | 39(SAM.CommonFA.ChargeDetails)-->43(SAM.CommonFA.CommonFAFinancePicuDays) |
| 6dd74de | | | 331 | 39(SAM.CommonFA.ChargeDetails)-->42(SAM.CommonFA.CommonFAFinanceNurseryDays) |
| 6dd74de | | | 332 | 39(SAM.CommonFA.ChargeDetails)-->41(SAM.CommonFA.MetricCost) |
| 6dd74de | | | 333 | 39(SAM.CommonFA.ChargeDetails)-->40(SAM.CommonFA.OPVisits) |
| 6dd74de | | | 334 | 35(SAM.CommonFA.PopulationFME)-->39(SAM.CommonFA.ChargeDetails) |
| 6dd74de | | | 335 | 36(SAM.CommonFA.PremetricCost)-->39(SAM.CommonFA.ChargeDetails) |
| 6dd74de | | | 336 | </pre> |
| 6dd74de | | | 337 | <hr /> |
| 6dd74de | | | 338 | |
| 6dd74de | | | 339 | <h2>Sample 5</h2> |
| 6dd74de | | | 340 | <h3>graph</h3> |
| 6dd74de | | | 341 | <pre class="mermaid"> |
| 6dd74de | | | 342 | graph TD |
| 6dd74de | | | 343 | 9e122290_1ec3_e711_8c5a_005056ad0002("fa:fa-creative-commons My System | Test Environment") |
| 6dd74de | | | 344 | 82072290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Business Logic Server:Service 1") |
| 6dd74de | | | 345 | db052290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Business Logic Server:Service 2") |
| 6dd74de | | | 346 | 4e112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Report Server:Service 1") |
| 6dd74de | | | 347 | 30122290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Report Server:Service 2") |
| 6dd74de | | | 348 | 5e112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Dedicated Test Business Logic Server:Service 1") |
| 6dd74de | | | 349 | c1112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Dedicated Test Business Logic Server:Service 2") |
| 6dd74de | | | 350 | b7042290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[SupportDb]") |
| 6dd74de | | | 351 | 8f102290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[DevelopmentDb]") |
| 6dd74de | | | 352 | 0e102290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[TestDb]") |
| 6dd74de | | | 353 | 07132290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[SharedReportingDb]") |
| 6dd74de | | | 354 | c7072290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Shared Business Logic Server") |
| 6dd74de | | | 355 | ca122290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Shared Report Server") |
| 6dd74de | | | 356 | 68102290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Dedicated Test Business Logic Server") |
| 6dd74de | | | 357 | f4112290_1ec3_e711_8c5a_005056ad0002("fa:fa-database [DBServer\SharedDbInstance]") |
| 6dd74de | | | 358 | d6072290_1ec3_e711_8c5a_005056ad0002("fa:fa-server DBServer") |
| 6dd74de | | | 359 | 71082290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:MSSQLSERVER") |
| 6dd74de | | | 360 | c0102290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:SQLAgent") |
| 6dd74de | | | 361 | 9a072290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:SQLBrowser") |
| 6dd74de | | | 362 | 1d0a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost1") |
| 6dd74de | | | 363 | 200a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost2") |
| 6dd74de | | | 364 | 1c0a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost3") |
| 6dd74de | | | 365 | 9e122290_1ec3_e711_8c5a_005056ad0002-->82072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 366 | 9e122290_1ec3_e711_8c5a_005056ad0002-->db052290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 367 | 9e122290_1ec3_e711_8c5a_005056ad0002-->4e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 368 | 9e122290_1ec3_e711_8c5a_005056ad0002-->30122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 369 | 9e122290_1ec3_e711_8c5a_005056ad0002-->5e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 370 | 9e122290_1ec3_e711_8c5a_005056ad0002-->c1112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 371 | 82072290_1ec3_e711_8c5a_005056ad0002-->b7042290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 372 | 82072290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 373 | 82072290_1ec3_e711_8c5a_005056ad0002-->0e102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 374 | 82072290_1ec3_e711_8c5a_005056ad0002-->c7072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 375 | db052290_1ec3_e711_8c5a_005056ad0002-->c7072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 376 | db052290_1ec3_e711_8c5a_005056ad0002-->82072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 377 | 4e112290_1ec3_e711_8c5a_005056ad0002-->b7042290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 378 | 4e112290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 379 | 4e112290_1ec3_e711_8c5a_005056ad0002-->0e102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 380 | 4e112290_1ec3_e711_8c5a_005056ad0002-->07132290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 381 | 4e112290_1ec3_e711_8c5a_005056ad0002-->ca122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 382 | 30122290_1ec3_e711_8c5a_005056ad0002-->ca122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 383 | 30122290_1ec3_e711_8c5a_005056ad0002-->4e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 384 | 5e112290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 385 | 5e112290_1ec3_e711_8c5a_005056ad0002-->68102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 386 | c1112290_1ec3_e711_8c5a_005056ad0002-->68102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 387 | c1112290_1ec3_e711_8c5a_005056ad0002-->5e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 388 | b7042290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 389 | 8f102290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 390 | 0e102290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 391 | 07132290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 392 | c7072290_1ec3_e711_8c5a_005056ad0002-->1d0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 393 | ca122290_1ec3_e711_8c5a_005056ad0002-->200a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 394 | 68102290_1ec3_e711_8c5a_005056ad0002-->1c0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 395 | f4112290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 396 | f4112290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 397 | f4112290_1ec3_e711_8c5a_005056ad0002-->c0102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 398 | f4112290_1ec3_e711_8c5a_005056ad0002-->9a072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 399 | d6072290_1ec3_e711_8c5a_005056ad0002-->1c0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 400 | 71082290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 401 | c0102290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 402 | c0102290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 403 | 9a072290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 404 | 9a072290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 405 | </pre> |
| 6dd74de | | | 406 | <hr /> |
| 6dd74de | | | 407 | |
| 6dd74de | | | 408 | <h3>flowchart</h3> |
| 6dd74de | | | 409 | <pre class="mermaid"> |
| 6dd74de | | | 410 | flowchart TD |
| 6dd74de | | | 411 | 9e122290_1ec3_e711_8c5a_005056ad0002("fa:fa-creative-commons My System | Test Environment") |
| 6dd74de | | | 412 | 82072290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Business Logic Server:Service 1") |
| 6dd74de | | | 413 | db052290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Business Logic Server:Service 2") |
| 6dd74de | | | 414 | 4e112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Report Server:Service 1") |
| 6dd74de | | | 415 | 30122290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Report Server:Service 2") |
| 6dd74de | | | 416 | 5e112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Dedicated Test Business Logic Server:Service 1") |
| 6dd74de | | | 417 | c1112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Dedicated Test Business Logic Server:Service 2") |
| 6dd74de | | | 418 | b7042290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[SupportDb]") |
| 6dd74de | | | 419 | 8f102290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[DevelopmentDb]") |
| 6dd74de | | | 420 | 0e102290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[TestDb]") |
| 6dd74de | | | 421 | 07132290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[SharedReportingDb]") |
| 6dd74de | | | 422 | c7072290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Shared Business Logic Server") |
| 6dd74de | | | 423 | ca122290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Shared Report Server") |
| 6dd74de | | | 424 | 68102290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Dedicated Test Business Logic Server") |
| 6dd74de | | | 425 | f4112290_1ec3_e711_8c5a_005056ad0002("fa:fa-database [DBServer\SharedDbInstance]") |
| 6dd74de | | | 426 | d6072290_1ec3_e711_8c5a_005056ad0002("fa:fa-server DBServer") |
| 6dd74de | | | 427 | 71082290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:MSSQLSERVER") |
| 6dd74de | | | 428 | c0102290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:SQLAgent") |
| 6dd74de | | | 429 | 9a072290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:SQLBrowser") |
| 6dd74de | | | 430 | 1d0a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost1") |
| 6dd74de | | | 431 | 200a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost2") |
| 6dd74de | | | 432 | 1c0a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost3") |
| 6dd74de | | | 433 | 9e122290_1ec3_e711_8c5a_005056ad0002-->82072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 434 | 9e122290_1ec3_e711_8c5a_005056ad0002-->db052290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 435 | 9e122290_1ec3_e711_8c5a_005056ad0002-->4e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 436 | 9e122290_1ec3_e711_8c5a_005056ad0002-->30122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 437 | 9e122290_1ec3_e711_8c5a_005056ad0002-->5e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 438 | 9e122290_1ec3_e711_8c5a_005056ad0002-->c1112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 439 | 82072290_1ec3_e711_8c5a_005056ad0002-->b7042290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 440 | 82072290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 441 | 82072290_1ec3_e711_8c5a_005056ad0002-->0e102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 442 | 82072290_1ec3_e711_8c5a_005056ad0002-->c7072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 443 | db052290_1ec3_e711_8c5a_005056ad0002-->c7072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 444 | db052290_1ec3_e711_8c5a_005056ad0002-->82072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 445 | 4e112290_1ec3_e711_8c5a_005056ad0002-->b7042290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 446 | 4e112290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 447 | 4e112290_1ec3_e711_8c5a_005056ad0002-->0e102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 448 | 4e112290_1ec3_e711_8c5a_005056ad0002-->07132290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 449 | 4e112290_1ec3_e711_8c5a_005056ad0002-->ca122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 450 | 30122290_1ec3_e711_8c5a_005056ad0002-->ca122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 451 | 30122290_1ec3_e711_8c5a_005056ad0002-->4e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 452 | 5e112290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 453 | 5e112290_1ec3_e711_8c5a_005056ad0002-->68102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 454 | c1112290_1ec3_e711_8c5a_005056ad0002-->68102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 455 | c1112290_1ec3_e711_8c5a_005056ad0002-->5e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 456 | b7042290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 457 | 8f102290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 458 | 0e102290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 459 | 07132290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 460 | c7072290_1ec3_e711_8c5a_005056ad0002-->1d0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 461 | ca122290_1ec3_e711_8c5a_005056ad0002-->200a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 462 | 68102290_1ec3_e711_8c5a_005056ad0002-->1c0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 463 | f4112290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 464 | f4112290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 465 | f4112290_1ec3_e711_8c5a_005056ad0002-->c0102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 466 | f4112290_1ec3_e711_8c5a_005056ad0002-->9a072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 467 | d6072290_1ec3_e711_8c5a_005056ad0002-->1c0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 468 | 71082290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 469 | c0102290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 470 | c0102290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 471 | 9a072290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 472 | 9a072290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 473 | </pre> |
| 6dd74de | | | 474 | <hr /> |
| 6dd74de | | | 475 | |
| 6dd74de | | | 476 | <h2>Sample 6</h2> |
| 6dd74de | | | 477 | <h3>graph</h3> |
| 6dd74de | | | 478 | <pre class="mermaid"> |
| 6dd74de | | | 479 | graph TB |
| 6dd74de | | | 480 | subgraph One |
| 6dd74de | | | 481 | a1-->a2 |
| 6dd74de | | | 482 | end |
| 6dd74de | | | 483 | </pre> |
| 6dd74de | | | 484 | <hr /> |
| 6dd74de | | | 485 | |
| 6dd74de | | | 486 | <h3>flowchart</h3> |
| 6dd74de | | | 487 | <pre class="mermaid"> |
| 6dd74de | | | 488 | flowchart TB |
| 6dd74de | | | 489 | subgraph One |
| 6dd74de | | | 490 | a1-->a2 |
| 6dd74de | | | 491 | end |
| 6dd74de | | | 492 | </pre> |
| 6dd74de | | | 493 | <hr /> |
| 6dd74de | | | 494 | |
| 6dd74de | | | 495 | <h2>Sample 7</h2> |
| 6dd74de | | | 496 | <h3>graph</h3> |
| 6dd74de | | | 497 | <pre class="mermaid"> |
| 6dd74de | | | 498 | graph TB |
| 6dd74de | | | 499 | A |
| 6dd74de | | | 500 | B |
| 6dd74de | | | 501 | subgraph foo[Foo SubGraph] |
| 6dd74de | | | 502 | C |
| 6dd74de | | | 503 | D |
| 6dd74de | | | 504 | end |
| 6dd74de | | | 505 | subgraph bar[Bar SubGraph] |
| 6dd74de | | | 506 | E |
| 6dd74de | | | 507 | F |
| 6dd74de | | | 508 | end |
| 6dd74de | | | 509 | G |
| 6dd74de | | | 510 | |
| 6dd74de | | | 511 | A-->B |
| 6dd74de | | | 512 | B-->C |
| 6dd74de | | | 513 | C-->D |
| 6dd74de | | | 514 | B-->D |
| 6dd74de | | | 515 | D-->E |
| 6dd74de | | | 516 | E-->A |
| 6dd74de | | | 517 | E-->F |
| 6dd74de | | | 518 | F-->D |
| 6dd74de | | | 519 | F-->G |
| 6dd74de | | | 520 | B-->G |
| 6dd74de | | | 521 | G-->D |
| 6dd74de | | | 522 | |
| 6dd74de | | | 523 | style foo fill:#F99,stroke-width:2px,stroke:#F0F,color:darkred |
| 6dd74de | | | 524 | style bar fill:#999,stroke-width:10px,stroke:#0F0,color:blue |
| 6dd74de | | | 525 | </pre> |
| 6dd74de | | | 526 | <hr /> |
| 6dd74de | | | 527 | |
| 6dd74de | | | 528 | <h3>flowchart</h3> |
| 6dd74de | | | 529 | <pre class="mermaid"> |
| 6dd74de | | | 530 | flowchart TB |
| 6dd74de | | | 531 | A |
| 6dd74de | | | 532 | B |
| 6dd74de | | | 533 | subgraph foo[Foo SubGraph] |
| 6dd74de | | | 534 | C |
| 6dd74de | | | 535 | D |
| 6dd74de | | | 536 | end |
| 6dd74de | | | 537 | subgraph bar[Bar SubGraph] |
| 6dd74de | | | 538 | E |
| 6dd74de | | | 539 | F |
| 6dd74de | | | 540 | end |
| 6dd74de | | | 541 | G |
| 6dd74de | | | 542 | |
| 6dd74de | | | 543 | A-->B |
| 6dd74de | | | 544 | B-->C |
| 6dd74de | | | 545 | C-->D |
| 6dd74de | | | 546 | B-->D |
| 6dd74de | | | 547 | D-->E |
| 6dd74de | | | 548 | E-->A |
| 6dd74de | | | 549 | E-->F |
| 6dd74de | | | 550 | F-->D |
| 6dd74de | | | 551 | F-->G |
| 6dd74de | | | 552 | B-->G |
| 6dd74de | | | 553 | G-->D |
| 6dd74de | | | 554 | |
| 6dd74de | | | 555 | style foo fill:#F99,stroke-width:2px,stroke:#F0F,color:darkred |
| 6dd74de | | | 556 | style bar fill:#999,stroke-width:10px,stroke:#0F0,color:blue |
| 6dd74de | | | 557 | </pre> |
| 6dd74de | | | 558 | <hr /> |
| 6dd74de | | | 559 | |
| 6dd74de | | | 560 | <h2>Sample 8</h2> |
| 6dd74de | | | 561 | <h3>graph</h3> |
| 6dd74de | | | 562 | <pre class="mermaid"> |
| 6dd74de | | | 563 | graph LR |
| 6dd74de | | | 564 | 456ac9b0d15a8b7f1e71073221059886[1051 AAA fa:fa-check] |
| 6dd74de | | | 565 | f7f580e11d00a75814d2ded41fe8e8fe[1141 BBB fa:fa-check] |
| 6dd74de | | | 566 | 81dc9bdb52d04dc20036dbd8313ed055[1234 CCC fa:fa-check] |
| 6dd74de | | | 567 | 456ac9b0d15a8b7f1e71073221059886 -->|Node| f7f580e11d00a75814d2ded41fe8e8fe |
| 6dd74de | | | 568 | f7f580e11d00a75814d2ded41fe8e8fe -->|Node| 81dc9bdb52d04dc20036dbd8313ed055 |
| 6dd74de | | | 569 | click 456ac9b0d15a8b7f1e71073221059886 "/admin/user/view?id=1051" "AAA |
| 6dd74de | | | 570 | 6000" |
| 6dd74de | | | 571 | click f7f580e11d00a75814d2ded41fe8e8fe "/admin/user/view?id=1141" "BBB |
| 6dd74de | | | 572 | 600" |
| 6dd74de | | | 573 | click 81dc9bdb52d04dc20036dbd8313ed055 "/admin/user/view?id=1234" "CCC |
| 6dd74de | | | 574 | 3000" |
| 6dd74de | | | 575 | style 456ac9b0d15a8b7f1e71073221059886 fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 576 | </pre> |
| 6dd74de | | | 577 | <hr /> |
| 6dd74de | | | 578 | |
| 6dd74de | | | 579 | <h3>flowchart</h3> |
| 6dd74de | | | 580 | <pre class="mermaid"> |
| 6dd74de | | | 581 | flowchart LR |
| 6dd74de | | | 582 | 456ac9b0d15a8b7f1e71073221059886[1051 AAA fa:fa-check] |
| 6dd74de | | | 583 | f7f580e11d00a75814d2ded41fe8e8fe[1141 BBB fa:fa-check] |
| 6dd74de | | | 584 | 81dc9bdb52d04dc20036dbd8313ed055[1234 CCC fa:fa-check] |
| 6dd74de | | | 585 | 456ac9b0d15a8b7f1e71073221059886 -->|Node| f7f580e11d00a75814d2ded41fe8e8fe |
| 6dd74de | | | 586 | f7f580e11d00a75814d2ded41fe8e8fe -->|Node| 81dc9bdb52d04dc20036dbd8313ed055 |
| 6dd74de | | | 587 | click 456ac9b0d15a8b7f1e71073221059886 "/admin/user/view?id=1051" "AAA |
| 6dd74de | | | 588 | 6000" |
| 6dd74de | | | 589 | click f7f580e11d00a75814d2ded41fe8e8fe "/admin/user/view?id=1141" "BBB |
| 6dd74de | | | 590 | 600" |
| 6dd74de | | | 591 | click 81dc9bdb52d04dc20036dbd8313ed055 "/admin/user/view?id=1234" "CCC |
| 6dd74de | | | 592 | 3000" |
| 6dd74de | | | 593 | style 456ac9b0d15a8b7f1e71073221059886 fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 594 | </pre> |
| 6dd74de | | | 595 | <hr /> |
| 6dd74de | | | 596 | |
| 6dd74de | | | 597 | <h2>Sample 9</h2> |
| 6dd74de | | | 598 | <h3>graph</h3> |
| 6dd74de | | | 599 | <pre class="mermaid"> |
| 6dd74de | | | 600 | graph TD |
| 6dd74de | | | 601 | A[Christmas] -->|Get money| B(Go shopping) |
| 6dd74de | | | 602 | B --> C{{Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?}} |
| 6dd74de | | | 603 | C -->|One| D[Laptop] |
| 6dd74de | | | 604 | C -->|Two| E[iPhone] |
| 6dd74de | | | 605 | C -->|Three| F[Car] |
| 6dd74de | | | 606 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 607 | click B testClick "click test" |
| 6dd74de | | | 608 | classDef someclass fill:#f96; |
| 6dd74de | | | 609 | class A someclass; |
| 6dd74de | | | 610 | class C someclass; |
| 6dd74de | | | 611 | </pre> |
| 6dd74de | | | 612 | <hr /> |
| 6dd74de | | | 613 | |
| 6dd74de | | | 614 | <h3>flowchart</h3> |
| 6dd74de | | | 615 | <pre class="mermaid"> |
| 6dd74de | | | 616 | flowchart TD |
| 6dd74de | | | 617 | A[Christmas] -->|Get money| B(Go shopping) |
| 6dd74de | | | 618 | B --> C{{Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?}} |
| 6dd74de | | | 619 | C -->|One| D[Laptop] |
| 6dd74de | | | 620 | C -->|Two| E[iPhone] |
| 6dd74de | | | 621 | C -->|Three| F[Car] |
| 6dd74de | | | 622 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 623 | click B testClick "click test" |
| 6dd74de | | | 624 | classDef someclass fill:#f96; |
| 6dd74de | | | 625 | class A someclass; |
| 6dd74de | | | 626 | class C someclass; |
| 6dd74de | | | 627 | </pre> |
| 6dd74de | | | 628 | <hr /> |
| 6dd74de | | | 629 | |
| 6dd74de | | | 630 | <h2>Sample 10</h2> |
| 6dd74de | | | 631 | <h3>graph</h3> |
| 6dd74de | | | 632 | <pre class="mermaid"> |
| 6dd74de | | | 633 | graph TD |
| 6dd74de | | | 634 | A([stadium shape test]) |
| 6dd74de | | | 635 | A -->|Get money| B([Go shopping]) |
| 6dd74de | | | 636 | B --> C([Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?]) |
| 6dd74de | | | 637 | C -->|One| D([Laptop]) |
| 6dd74de | | | 638 | C -->|Two| E([iPhone]) |
| 6dd74de | | | 639 | C -->|Three| F([Car<br/>wroom wroom]) |
| 6dd74de | | | 640 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 641 | click B testClick "click test" |
| 6dd74de | | | 642 | classDef someclass fill:#f96; |
| 6dd74de | | | 643 | class A someclass; |
| 6dd74de | | | 644 | class C someclass; |
| 6dd74de | | | 645 | </pre> |
| 6dd74de | | | 646 | <hr /> |
| 6dd74de | | | 647 | |
| 6dd74de | | | 648 | <h3>flowchart</h3> |
| 6dd74de | | | 649 | <pre class="mermaid"> |
| 6dd74de | | | 650 | flowchart TD |
| 6dd74de | | | 651 | A([stadium shape test]) |
| 6dd74de | | | 652 | A -->|Get money| B([Go shopping]) |
| 6dd74de | | | 653 | B --> C([Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?]) |
| 6dd74de | | | 654 | C -->|One| D([Laptop]) |
| 6dd74de | | | 655 | C -->|Two| E([iPhone]) |
| 6dd74de | | | 656 | C -->|Three| F([Car<br/>wroom wroom]) |
| 6dd74de | | | 657 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 658 | click B testClick "click test" |
| 6dd74de | | | 659 | classDef someclass fill:#f96; |
| 6dd74de | | | 660 | class A someclass; |
| 6dd74de | | | 661 | class C someclass; |
| 6dd74de | | | 662 | </pre> |
| 6dd74de | | | 663 | <hr /> |
| 6dd74de | | | 664 | |
| 6dd74de | | | 665 | <h2>Sample 11</h2> |
| 6dd74de | | | 666 | <h3>graph</h3> |
| 6dd74de | | | 667 | <pre class="mermaid"> |
| 6dd74de | | | 668 | graph LR |
| 6dd74de | | | 669 | A[[subroutine shape test]] |
| 6dd74de | | | 670 | A -->|Get money| B[[Go shopping]] |
| 6dd74de | | | 671 | B --> C[[Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?]] |
| 6dd74de | | | 672 | C -->|One| D[[Laptop]] |
| 6dd74de | | | 673 | C -->|Two| E[[iPhone]] |
| 6dd74de | | | 674 | C -->|Three| F[[Car<br/>wroom wroom]] |
| 6dd74de | | | 675 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 676 | click B testClick "click test" |
| 6dd74de | | | 677 | classDef someclass fill:#f96; |
| 6dd74de | | | 678 | class A someclass; |
| 6dd74de | | | 679 | class C someclass; |
| 6dd74de | | | 680 | </pre> |
| 6dd74de | | | 681 | <hr /> |
| 6dd74de | | | 682 | |
| 6dd74de | | | 683 | <h3>flowchart</h3> |
| 6dd74de | | | 684 | <pre class="mermaid"> |
| 6dd74de | | | 685 | flowchart LR |
| 6dd74de | | | 686 | A[[subroutine shape test]] |
| 6dd74de | | | 687 | A -->|Get money| B[[Go shopping]] |
| 6dd74de | | | 688 | B --> C[[Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?]] |
| 6dd74de | | | 689 | C -->|One| D[[Laptop]] |
| 6dd74de | | | 690 | C -->|Two| E[[iPhone]] |
| 6dd74de | | | 691 | C -->|Three| F[[Car<br/>wroom wroom]] |
| 6dd74de | | | 692 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 693 | click B testClick "click test" |
| 6dd74de | | | 694 | classDef someclass fill:#f96; |
| 6dd74de | | | 695 | class A someclass; |
| 6dd74de | | | 696 | class C someclass; |
| 6dd74de | | | 697 | </pre> |
| 6dd74de | | | 698 | <hr /> |
| 6dd74de | | | 699 | |
| 6dd74de | | | 700 | <h2>Sample 12</h2> |
| 6dd74de | | | 701 | <h3>graph</h3> |
| 6dd74de | | | 702 | <pre class="mermaid"> |
| 6dd74de | | | 703 | graph LR |
| 6dd74de | | | 704 | A[(cylindrical<br />shape<br />test)] |
| 6dd74de | | | 705 | A -->|Get money| B1[(Go shopping 1)] |
| 6dd74de | | | 706 | A -->|Get money| B2[(Go shopping 2)] |
| 6dd74de | | | 707 | A -->|Get money| B3[(Go shopping 3)] |
| 6dd74de | | | 708 | C[(Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?)] |
| 6dd74de | | | 709 | B1 --> C |
| 6dd74de | | | 710 | B2 --> C |
| 6dd74de | | | 711 | B3 --> C |
| 6dd74de | | | 712 | C -->|One| D[(Laptop)] |
| 6dd74de | | | 713 | C -->|Two| E[(iPhone)] |
| 6dd74de | | | 714 | C -->|Three| F[(Car)] |
| 6dd74de | | | 715 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 716 | click B testClick "click test" |
| 6dd74de | | | 717 | classDef someclass fill:#f96; |
| 6dd74de | | | 718 | class A someclass; |
| 6dd74de | | | 719 | </pre> |
| 6dd74de | | | 720 | <hr /> |
| 6dd74de | | | 721 | |
| 6dd74de | | | 722 | <h3>flowchart</h3> |
| 6dd74de | | | 723 | <pre class="mermaid"> |
| 6dd74de | | | 724 | flowchart LR |
| 6dd74de | | | 725 | A[(cylindrical<br />shape<br />test)] |
| 6dd74de | | | 726 | A -->|Get money| B1[(Go shopping 1)] |
| 6dd74de | | | 727 | A -->|Get money| B2[(Go shopping 2)] |
| 6dd74de | | | 728 | A -->|Get money| B3[(Go shopping 3)] |
| 6dd74de | | | 729 | C[(Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?)] |
| 6dd74de | | | 730 | B1 --> C |
| 6dd74de | | | 731 | B2 --> C |
| 6dd74de | | | 732 | B3 --> C |
| 6dd74de | | | 733 | C -->|One| D[(Laptop)] |
| 6dd74de | | | 734 | C -->|Two| E[(iPhone)] |
| 6dd74de | | | 735 | C -->|Three| F[(Car)] |
| 6dd74de | | | 736 | click A "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 737 | click B testClick "click test" |
| 6dd74de | | | 738 | classDef someclass fill:#f96; |
| 6dd74de | | | 739 | class A someclass; |
| 6dd74de | | | 740 | </pre> |
| 6dd74de | | | 741 | <hr /> |
| 6dd74de | | | 742 | |
| 6dd74de | | | 743 | <h2>Sample 13</h2> |
| 6dd74de | | | 744 | <h3>graph</h3> |
| 6dd74de | | | 745 | <pre class="mermaid"> |
| 6dd74de | | | 746 | graph LR |
| 6dd74de | | | 747 | A1[Multi<br>Line] -->|Multi<br>Line| B1(Multi<br>Line) |
| 6dd74de | | | 748 | C1[Multi<br/>Line] -->|Multi<br/>Line| D1(Multi<br/>Line) |
| 6dd74de | | | 749 | E1[Multi<br />Line] -->|Multi<br />Line| F1(Multi<br />Line) |
| 6dd74de | | | 750 | A2[Multi<br>Line] -->|Multi<br>Line| B2(Multi<br>Line) |
| 6dd74de | | | 751 | C2[Multi<br/>Line] -->|Multi<br/>Line| D2(Multi<br/>Line) |
| 6dd74de | | | 752 | E2[Multi<br />Line] -->|Multi<br />Line| F2(Multi<br />Line) |
| 6dd74de | | | 753 | linkStyle 0 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 754 | linkStyle 1 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 755 | linkStyle 2 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 756 | </pre> |
| 6dd74de | | | 757 | <hr /> |
| 6dd74de | | | 758 | |
| 6dd74de | | | 759 | <h3>flowchart</h3> |
| 6dd74de | | | 760 | <pre class="mermaid"> |
| 6dd74de | | | 761 | flowchart LR |
| 6dd74de | | | 762 | A1[Multi<br>Line] -->|Multi<br>Line| B1(Multi<br>Line) |
| 6dd74de | | | 763 | C1[Multi<br/>Line] -->|Multi<br/>Line| D1(Multi<br/>Line) |
| 6dd74de | | | 764 | E1[Multi<br />Line] -->|Multi<br />Line| F1(Multi<br />Line) |
| 6dd74de | | | 765 | A2[Multi<br>Line] -->|Multi<br>Line| B2(Multi<br>Line) |
| 6dd74de | | | 766 | C2[Multi<br/>Line] -->|Multi<br/>Line| D2(Multi<br/>Line) |
| 6dd74de | | | 767 | E2[Multi<br />Line] -->|Multi<br />Line| F2(Multi<br />Line) |
| 6dd74de | | | 768 | linkStyle 0 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 769 | linkStyle 1 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 770 | linkStyle 2 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 771 | </pre> |
| 6dd74de | | | 772 | <hr /> |
| 6dd74de | | | 773 | |
| 6dd74de | | | 774 | <h2>Sample 14</h2> |
| 6dd74de | | | 775 | <h3>graph</h3> |
| 6dd74de | | | 776 | <pre class="mermaid"> |
| 6dd74de | | | 777 | graph LR |
| 6dd74de | | | 778 | A(( )) -->|step 1| B(( )) |
| 6dd74de | | | 779 | B(( )) -->|step 2| C(( )) |
| 6dd74de | | | 780 | C(( )) -->|step 3| D(( )) |
| 6dd74de | | | 781 | linkStyle 1 stroke:greenyellow,stroke-width:2px |
| 6dd74de | | | 782 | style C fill:greenyellow,stroke:green,stroke-width:4px |
| 6dd74de | | | 783 | </pre> |
| 6dd74de | | | 784 | <hr /> |
| 6dd74de | | | 785 | |
| 6dd74de | | | 786 | <h3>flowchart</h3> |
| 6dd74de | | | 787 | <pre class="mermaid"> |
| 6dd74de | | | 788 | flowchart LR |
| 6dd74de | | | 789 | A(( )) -->|step 1| B(( )) |
| 6dd74de | | | 790 | B(( )) -->|step 2| C(( )) |
| 6dd74de | | | 791 | C(( )) -->|step 3| D(( )) |
| 6dd74de | | | 792 | linkStyle 1 stroke:greenyellow,stroke-width:2px |
| 6dd74de | | | 793 | style C fill:greenyellow,stroke:green,stroke-width:4px |
| 6dd74de | | | 794 | </pre> |
| 6dd74de | | | 795 | <hr /> |
| 6dd74de | | | 796 | |
| 6dd74de | | | 797 | <h2>Sample 15</h2> |
| 6dd74de | | | 798 | <h3>graph</h3> |
| 6dd74de | | | 799 | <pre class="mermaid"> |
| 6dd74de | | | 800 | graph TB |
| 6dd74de | | | 801 | TITLE["Link Click Events<br>(click the nodes below)"] |
| 6dd74de | | | 802 | A["link test (open in same tab)"] |
| 6dd74de | | | 803 | B["link test (open in new tab)"] |
| 6dd74de | | | 804 | C[anchor test] |
| 6dd74de | | | 805 | D[mailto test] |
| 6dd74de | | | 806 | E[other protocol test] |
| 6dd74de | | | 807 | F[script test] |
| 6dd74de | | | 808 | TITLE --> A & B & C & D & E & F |
| 6dd74de | | | 809 | click A "https://mermaid-js.github.io/mermaid/#/" "link test (open in same tab)" |
| 6dd74de | | | 810 | click B "https://mermaid-js.github.io/mermaid/#/" "link test (open in new tab)" _blank |
| 6dd74de | | | 811 | click C "#link-clicked" |
| 6dd74de | | | 812 | click D "mailto:user@user.user" "mailto test" |
| 6dd74de | | | 813 | click E "notes://do-your-thing/id" "other protocol test" |
| 6dd74de | | | 814 | click F "javascript:alert('test')" "script test" |
| 6dd74de | | | 815 | </pre> |
| 6dd74de | | | 816 | <hr /> |
| 6dd74de | | | 817 | |
| 6dd74de | | | 818 | <h3>flowchart</h3> |
| 6dd74de | | | 819 | <pre class="mermaid"> |
| 6dd74de | | | 820 | flowchart TB |
| 6dd74de | | | 821 | TITLE["Link Click Events<br>(click the nodes below)"] |
| 6dd74de | | | 822 | A["link test (open in same tab)"] |
| 6dd74de | | | 823 | B["link test (open in new tab)"] |
| 6dd74de | | | 824 | C[anchor test] |
| 6dd74de | | | 825 | D[mailto test] |
| 6dd74de | | | 826 | E[other protocol test] |
| 6dd74de | | | 827 | F[script test] |
| 6dd74de | | | 828 | TITLE --> A & B & C & D & E & F |
| 6dd74de | | | 829 | click A "https://mermaid-js.github.io/mermaid/#/" "link test (open in same tab)" |
| 6dd74de | | | 830 | click B "https://mermaid-js.github.io/mermaid/#/" "link test (open in new tab)" _blank |
| 6dd74de | | | 831 | click C "#link-clicked" |
| 6dd74de | | | 832 | click D "mailto:user@user.user" "mailto test" |
| 6dd74de | | | 833 | click E "notes://do-your-thing/id" "other protocol test" |
| 6dd74de | | | 834 | click F "javascript:alert('test')" "script test" |
| 6dd74de | | | 835 | </pre> |
| 6dd74de | | | 836 | <hr /> |
| 6dd74de | | | 837 | |
| 6dd74de | | | 838 | <h2>Sample 16</h2> |
| 6dd74de | | | 839 | <h3>graph</h3> |
| 6dd74de | | | 840 | <pre class="mermaid"> |
| 6dd74de | | | 841 | graph LR |
| 6dd74de | | | 842 | A[red<br>text] -->|red<br>text| B(blue<br>text) |
| 6dd74de | | | 843 | C[/red<br/>text/] -->|blue<br/>text| D{blue<br/>text} |
| 6dd74de | | | 844 | E{{default<br />style}} -->|default<br />style| F([default<br />style]) |
| 6dd74de | | | 845 | linkStyle default color:Sienna; |
| 6dd74de | | | 846 | linkStyle 0 color:red; |
| 6dd74de | | | 847 | linkStyle 1 stroke:DarkGray,stroke-width:2px,color:#0000ff |
| 6dd74de | | | 848 | style A color:red; |
| 6dd74de | | | 849 | style B color:blue; |
| 6dd74de | | | 850 | style C stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 851 | style D stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 852 | click B "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 853 | click D testClick "click test" |
| 6dd74de | | | 854 | </pre> |
| 6dd74de | | | 855 | <hr /> |
| 6dd74de | | | 856 | |
| 6dd74de | | | 857 | <h3>flowchart</h3> |
| 6dd74de | | | 858 | <pre class="mermaid"> |
| 6dd74de | | | 859 | flowchart LR |
| 6dd74de | | | 860 | A[red<br>text] -->|red<br>text| B(blue<br>text) |
| 6dd74de | | | 861 | C[/red<br/>text/] -->|blue<br/>text| D{blue<br/>text} |
| 6dd74de | | | 862 | E{{default<br />style}} -->|default<br />style| F([default<br />style]) |
| 6dd74de | | | 863 | linkStyle default color:Sienna; |
| 6dd74de | | | 864 | linkStyle 0 color:red; |
| 6dd74de | | | 865 | linkStyle 1 stroke:DarkGray,stroke-width:2px,color:#0000ff |
| 6dd74de | | | 866 | style A color:red; |
| 6dd74de | | | 867 | style B color:blue; |
| 6dd74de | | | 868 | style C stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 869 | style D stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 870 | click B "flowchart.html#link-clicked" "link test" |
| 6dd74de | | | 871 | click D testClick "click test" |
| 6dd74de | | | 872 | </pre> |
| 6dd74de | | | 873 | <hr /> |
| 6dd74de | | | 874 | |
| 6dd74de | | | 875 | <h2>Sample 17</h2> |
| 6dd74de | | | 876 | <h3>graph</h3> |
| 6dd74de | | | 877 | <pre class="mermaid"> |
| 6dd74de | | | 878 | graph TD |
| 6dd74de | | | 879 | A[myClass1] --> B[default] & C[default] |
| 6dd74de | | | 880 | B[default] & C[default] --> D[myClass2] |
| 6dd74de | | | 881 | classDef default stroke-width:2px,fill:none,stroke:silver |
| 6dd74de | | | 882 | classDef node color:red |
| 6dd74de | | | 883 | classDef myClass1 color:#0000ff |
| 6dd74de | | | 884 | classDef myClass2 stroke:#0000ff,fill:#ccccff |
| 6dd74de | | | 885 | class A myClass1 |
| 6dd74de | | | 886 | class D myClass2 |
| 6dd74de | | | 887 | </pre> |
| 6dd74de | | | 888 | <hr /> |
| 6dd74de | | | 889 | |
| 6dd74de | | | 890 | <h3>flowchart</h3> |
| 6dd74de | | | 891 | <pre class="mermaid"> |
| 6dd74de | | | 892 | flowchart TD |
| 6dd74de | | | 893 | A[myClass1] --> B[default] & C[default] |
| 6dd74de | | | 894 | B[default] & C[default] --> D[myClass2] |
| 6dd74de | | | 895 | classDef default stroke-width:2px,fill:none,stroke:silver |
| 6dd74de | | | 896 | classDef node color:red |
| 6dd74de | | | 897 | classDef myClass1 color:#0000ff |
| 6dd74de | | | 898 | classDef myClass2 stroke:#0000ff,fill:#ccccff |
| 6dd74de | | | 899 | class A myClass1 |
| 6dd74de | | | 900 | class D myClass2 |
| 6dd74de | | | 901 | </pre> |
| 6dd74de | | | 902 | <hr /> |
| 6dd74de | | | 903 | |
| 6dd74de | | | 904 | <h2>Sample 18</h2> |
| 6dd74de | | | 905 | <h3>graph</h3> |
| 6dd74de | | | 906 | <pre class="mermaid"> |
| 6dd74de | | | 907 | graph LR |
| 6dd74de | | | 908 | A1[red text] -->|default style| A2[blue text] |
| 6dd74de | | | 909 | B1(red text) -->|default style| B2(blue text) |
| 6dd74de | | | 910 | C1([red text]) -->|default style| C2([blue text]) |
| 6dd74de | | | 911 | D1[[red text]] -->|default style| D2[[blue text]] |
| 6dd74de | | | 912 | E1[(red text)] -->|default style| E2[(blue text)] |
| 6dd74de | | | 913 | F1((red text)) -->|default style| F2((blue text)) |
| 6dd74de | | | 914 | G1>red text] -->|default style| G2>blue text] |
| 6dd74de | | | 915 | H1{red text} -->|default style| H2{blue text} |
| 6dd74de | | | 916 | I1{{red text}} -->|default style| I2{{blue text}} |
| 6dd74de | | | 917 | J1[/red text/] -->|default style| J2[/blue text/] |
| 6dd74de | | | 918 | K1[\red text\] -->|default style| K2[\blue text\] |
| 6dd74de | | | 919 | L1[/red text\] -->|default style| L2[/blue text\] |
| 6dd74de | | | 920 | M1[\red text/] -->|default style| M2[\blue text/] |
| 6dd74de | | | 921 | N1[red text] -->|default style| N2[blue text] |
| 6dd74de | | | 922 | linkStyle default color:Sienna; |
| 6dd74de | | | 923 | style A1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 924 | style B1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 925 | style C1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 926 | style D1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 927 | style E1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 928 | style F1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 929 | style G1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 930 | style H1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 931 | style I1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 932 | style J1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 933 | style K1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 934 | style L1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 935 | style M1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 936 | style N1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 937 | style A2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 938 | style B2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 939 | style C2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 940 | style D2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 941 | style E2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 942 | style F2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 943 | style G2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 944 | style H2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 945 | style I2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 946 | style J2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 947 | style K2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 948 | style L2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 949 | style M2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 950 | style N2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 951 | </pre> |
| 6dd74de | | | 952 | <hr /> |
| 6dd74de | | | 953 | |
| 6dd74de | | | 954 | <h3>flowchart</h3> |
| 6dd74de | | | 955 | <pre class="mermaid"> |
| 6dd74de | | | 956 | flowchart LR |
| 6dd74de | | | 957 | A1[red text] <-->|default style| A2[blue text] |
| 6dd74de | | | 958 | B1(red text) <-->|default style| B2(blue text) |
| 6dd74de | | | 959 | C1([red text]) <-->|default style| C2([blue text]) |
| 6dd74de | | | 960 | D1[[red text]] <-->|default style| D2[[blue text]] |
| 6dd74de | | | 961 | E1[(red text)] <-->|default style| E2[(blue text)] |
| 6dd74de | | | 962 | F1((red text)) <-->|default style| F2((blue text)) |
| 6dd74de | | | 963 | G1>red text] <-->|default style| G2>blue text] |
| 6dd74de | | | 964 | H1{red text} <-->|default style| H2{blue text} |
| 6dd74de | | | 965 | I1{{red text}} <-->|default style| I2{{blue text}} |
| 6dd74de | | | 966 | J1[/red text/] <-->|default style| J2[/blue text/] |
| 6dd74de | | | 967 | K1[\red text\] <-->|default style| K2[\blue text\] |
| 6dd74de | | | 968 | L1[/red text\] <-->|default style| L2[/blue text\] |
| 6dd74de | | | 969 | M1[\red text/] <-->|default style| M2[\blue text/] |
| 6dd74de | | | 970 | N1[red text] <-->|default style| N2[blue text] |
| 6dd74de | | | 971 | linkStyle default color:Sienna; |
| 6dd74de | | | 972 | style A1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 973 | style B1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 974 | style C1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 975 | style D1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 976 | style E1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 977 | style F1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 978 | style G1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 979 | style H1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 980 | style I1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 981 | style J1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 982 | style K1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 983 | style L1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 984 | style M1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 985 | style N1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 986 | style A2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 987 | style B2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 988 | style C2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 989 | style D2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 990 | style E2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 991 | style F2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 992 | style G2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 993 | style H2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 994 | style I2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 995 | style J2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 996 | style K2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 997 | style L2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 998 | style M2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 999 | style N2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1000 | </pre> |
| 6dd74de | | | 1001 | <hr /> |
| 6dd74de | | | 1002 | |
| 6dd74de | | | 1003 | <h2>Sample 19</h2> |
| 6dd74de | | | 1004 | <h3>graph</h3> |
| 6dd74de | | | 1005 | <pre class="mermaid"> |
| 6dd74de | | | 1006 | graph TB |
| 6dd74de | | | 1007 | A1[red text] -->|default style| A2[blue text] |
| 6dd74de | | | 1008 | B1(red text) -->|default style| B2(blue text) |
| 6dd74de | | | 1009 | C1([red text]) -->|default style| C2([blue text]) |
| 6dd74de | | | 1010 | D1[[red text]] -->|default style| D2[[blue text]] |
| 6dd74de | | | 1011 | E1[(red text)] -->|default style| E2[(blue text)] |
| 6dd74de | | | 1012 | F1((red text)) -->|default style| F2((blue text)) |
| 6dd74de | | | 1013 | G1>red text] -->|default style| G2>blue text] |
| 6dd74de | | | 1014 | H1{red text} -->|default style| H2{blue text} |
| 6dd74de | | | 1015 | I1{{red text}} -->|default style| I2{{blue text}} |
| 6dd74de | | | 1016 | J1[/red text/] -->|default style| J2[/blue text/] |
| 6dd74de | | | 1017 | K1[\red text\] -->|default style| K2[\blue text\] |
| 6dd74de | | | 1018 | L1[/red text\] -->|default style| L2[/blue text\] |
| 6dd74de | | | 1019 | M1[\red text/] -->|default style| M2[\blue text/] |
| 6dd74de | | | 1020 | N1[red text] -->|default style| N2[blue text] |
| 6dd74de | | | 1021 | linkStyle default color:Sienna; |
| 6dd74de | | | 1022 | style A1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1023 | style B1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1024 | style C1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1025 | style D1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1026 | style E1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1027 | style F1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1028 | style G1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1029 | style H1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1030 | style I1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1031 | style J1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1032 | style K1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1033 | style L1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1034 | style M1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1035 | style N1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1036 | style A2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1037 | style B2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1038 | style C2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1039 | style D2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1040 | style E2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1041 | style F2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1042 | style G2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1043 | style H2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1044 | style I2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1045 | style J2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1046 | style K2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1047 | style L2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1048 | style M2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1049 | style N2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1050 | </pre> |
| 6dd74de | | | 1051 | <hr /> |
| 6dd74de | | | 1052 | |
| 6dd74de | | | 1053 | <h3>flowchart</h3> |
| 6dd74de | | | 1054 | <pre class="mermaid"> |
| 6dd74de | | | 1055 | flowchart TB |
| 6dd74de | | | 1056 | A1[red text] <-->|default style| A2[blue text] |
| 6dd74de | | | 1057 | B1(red text) <-->|default style| B2(blue text) |
| 6dd74de | | | 1058 | C1([red text]) <-->|default style| C2([blue text]) |
| 6dd74de | | | 1059 | D1[[red text]] <-->|default style| D2[[blue text]] |
| 6dd74de | | | 1060 | E1[(red text)] <-->|default style| E2[(blue text)] |
| 6dd74de | | | 1061 | F1((red text)) <-->|default style| F2((blue text)) |
| 6dd74de | | | 1062 | G1>red text] <-->|default style| G2>blue text] |
| 6dd74de | | | 1063 | H1{red text} <-->|default style| H2{blue text} |
| 6dd74de | | | 1064 | I1{{red text}} <-->|default style| I2{{blue text}} |
| 6dd74de | | | 1065 | J1[/red text/] <-->|default style| J2[/blue text/] |
| 6dd74de | | | 1066 | K1[\red text\] <-->|default style| K2[\blue text\] |
| 6dd74de | | | 1067 | L1[/red text\] <-->|default style| L2[/blue text\] |
| 6dd74de | | | 1068 | M1[\red text/] <-->|default style| M2[\blue text/] |
| 6dd74de | | | 1069 | N1[red text] <-->|default style| N2[blue text] |
| 6dd74de | | | 1070 | O1(((red text))) <-->|default style| O2(((blue text))) |
| 6dd74de | | | 1071 | linkStyle default color:Sienna; |
| 6dd74de | | | 1072 | style A1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1073 | style B1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1074 | style C1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1075 | style D1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1076 | style E1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1077 | style F1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1078 | style G1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1079 | style H1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1080 | style I1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1081 | style J1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1082 | style K1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1083 | style L1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1084 | style M1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1085 | style N1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1086 | style O1 stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1087 | style A2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1088 | style B2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1089 | style C2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1090 | style D2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1091 | style E2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1092 | style F2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1093 | style G2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1094 | style H2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1095 | style I2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1096 | style J2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1097 | style K2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1098 | style L2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1099 | style M2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1100 | style N2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1101 | style O2 stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1102 | </pre> |
| 6dd74de | | | 1103 | <hr /> |
| 6dd74de | | | 1104 | |
| 6dd74de | | | 1105 | <h2>Sample 20</h2> |
| 6dd74de | | | 1106 | <h3>graph</h3> |
| 6dd74de | | | 1107 | <pre class="mermaid"> |
| 6dd74de | | | 1108 | graph LR |
| 6dd74de | | | 1109 | A["$$f(\relax{x}) = \int_{-\infty}^\infty \hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi$$"] -->|"$$\Bigg(\bigg(\Big(\big((\frac{-b\pm\sqrt{b^2-4ac}}{2a})\big)\Big)\bigg)\Bigg)$$"| B("$$1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots}}}}$$") |
| 6dd74de | | | 1110 | A -->|"$$\overbrace{a+b+c}^{\text{note}}$$"| C("$$\phase{-78^\circ}$$") |
| 6dd74de | | | 1111 | B --> D("$$x = \begin{cases} a &\text{if } b \\ c &\text{if } d \end{cases}$$") |
| 6dd74de | | | 1112 | C --> E("$$x(t)=c_1\begin{bmatrix}-\cos{t}+\sin{t}\\ 2\cos{t} \end{bmatrix}e^{2t}$$") |
| 6dd74de | | | 1113 | </pre> |
| 6dd74de | | | 1114 | <hr /> |
| 6dd74de | | | 1115 | |
| 6dd74de | | | 1116 | <h3>flowchart</h3> |
| 6dd74de | | | 1117 | <pre class="mermaid"> |
| 6dd74de | | | 1118 | flowchart LR |
| 6dd74de | | | 1119 | A["$$f(\relax{x}) = \int_{-\infty}^\infty \hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi$$"] -->|"$$\Bigg(\bigg(\Big(\big((\frac{-b\pm\sqrt{b^2-4ac}}{2a})\big)\Big)\bigg)\Bigg)$$"| B("$$1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots}}}}$$") |
| 6dd74de | | | 1120 | A -->|"$$\overbrace{a+b+c}^{\text{note}}$$"| C("$$\phase{-78^\circ}$$") |
| 6dd74de | | | 1121 | B --> D("$$x = \begin{cases} a &\text{if } b \\ c &\text{if } d \end{cases}$$") |
| 6dd74de | | | 1122 | C --> E("$$x(t)=c_1\begin{bmatrix}-\cos{t}+\sin{t}\\ 2\cos{t} \end{bmatrix}e^{2t}$$") |
| 6dd74de | | | 1123 | </pre> |
| 6dd74de | | | 1124 | <hr /> |
| 6dd74de | | | 1125 | |
| 6dd74de | | | 1126 | <h2>Sample 21</h2> |
| 6dd74de | | | 1127 | <h3>graph</h3> |
| 6dd74de | | | 1128 | <pre class="mermaid"> |
| 6dd74de | | | 1129 | graph LR |
| 6dd74de | | | 1130 | A["$$\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\omicron\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega$$"] --> B["$$\Alpha\Beta\Gamma\Delta\Epsilon\Zeta\Eta\Theta\Iota\Kappa\Lambda\Mu\Nu\Xi\Omicron\Pi\Rho\Sigma\Tau\Upsilon\Phi\Chi\Psi\Omega$$"] |
| 6dd74de | | | 1131 | </pre> |
| 6dd74de | | | 1132 | <hr /> |
| 6dd74de | | | 1133 | |
| 6dd74de | | | 1134 | <h3>flowchart</h3> |
| 6dd74de | | | 1135 | <pre class="mermaid"> |
| 6dd74de | | | 1136 | graph LR |
| 6dd74de | | | 1137 | A["$$\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\omicron\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega$$"] --> B["$$\Alpha\Beta\Gamma\Delta\Epsilon\Zeta\Eta\Theta\Iota\Kappa\Lambda\Mu\Nu\Xi\Omicron\Pi\Rho\Sigma\Tau\Upsilon\Phi\Chi\Psi\Omega$$"] |
| 6dd74de | | | 1138 | </pre> |
| 6dd74de | | | 1139 | <hr /> |
| 6dd74de | | | 1140 | |
| 6dd74de | | | 1141 | <h2>Sample 22</h2> |
| 6dd74de | | | 1142 | <h3>graph</h3> |
| 6dd74de | | | 1143 | <pre class="mermaid"> |
| 6dd74de | | | 1144 | graph LR |
| 6dd74de | | | 1145 | A["$$\forall\complement\therefore\emptyset\exists\subset\because\empty\exist\supset\mapsto\varnothing\nexists\mid\to\implies\in\land\gets\impliedby\isin\lor\leftrightarrow\iff\notin\ni\notni\lnot$$"] --> B["$$\nabla\Im\Reals\jmath\partial\image\wp\aleph\Game\weierp\alef\Finv\N\Z\alefsym\cnums\natnums\beth\Complex\R\gimel\ell\Re\daleth\hbar\real\eth\hslash\reals$$"] |
| 6dd74de | | | 1146 | </pre> |
| 6dd74de | | | 1147 | <hr /> |
| 6dd74de | | | 1148 | |
| 6dd74de | | | 1149 | <h3>flowchart</h3> |
| 6dd74de | | | 1150 | <pre class="mermaid"> |
| 6dd74de | | | 1151 | graph LR |
| 6dd74de | | | 1152 | A["$$\forall\complement\therefore\emptyset\exists\subset\because\empty\exist\supset\mapsto\varnothing\nexists\mid\to\implies\in\land\gets\impliedby\isin\lor\leftrightarrow\iff\notin\ni\notni\lnot$$"] --> B["$$\nabla\Im\Reals\jmath\partial\image\wp\aleph\Game\weierp\alef\Finv\N\Z\alefsym\cnums\natnums\beth\Complex\R\gimel\ell\Re\daleth\hbar\real\eth\hslash\reals$$"] |
| 6dd74de | | | 1153 | </pre> |
| 6dd74de | | | 1154 | <hr /> |
| 6dd74de | | | 1155 | |
| 6dd74de | | | 1156 | <hr /> |
| 6dd74de | | | 1157 | |
| 6dd74de | | | 1158 | <pre class="mermaid"> |
| 6dd74de | | | 1159 | graph LR |
| 6dd74de | | | 1160 | sid-B3655226-6C29-4D00-B685-3D5C734DC7E1[" |
| 6dd74de | | | 1161 | |
| 6dd74de | | | 1162 | 提交申请 |
| 6dd74de | | | 1163 | 熊大 |
| 6dd74de | | | 1164 | "]; |
| 6dd74de | | | 1165 | class sid-B3655226-6C29-4D00-B685-3D5C734DC7E1 node-executed; |
| 6dd74de | | | 1166 | sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A[" |
| 6dd74de | | | 1167 | 负责人审批 |
| 6dd74de | | | 1168 | 强子 |
| 6dd74de | | | 1169 | "]; |
| 6dd74de | | | 1170 | class sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A node-executed; |
| 6dd74de | | | 1171 | sid-E27C0367-E6D6-497F-9736-3CDC21FDE221[" |
| 6dd74de | | | 1172 | DBA审批 |
| 6dd74de | | | 1173 | 强子 |
| 6dd74de | | | 1174 | "]; |
| 6dd74de | | | 1175 | class sid-E27C0367-E6D6-497F-9736-3CDC21FDE221 node-executed; |
| 6dd74de | | | 1176 | sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD[" |
| 6dd74de | | | 1177 | SA审批 |
| 6dd74de | | | 1178 | 阿美 |
| 6dd74de | | | 1179 | "]; |
| 6dd74de | | | 1180 | class sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD node-executed; |
| 6dd74de | | | 1181 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7[" |
| 6dd74de | | | 1182 | 主管审批 |
| 6dd74de | | | 1183 | 光头强 |
| 6dd74de | | | 1184 | "]; |
| 6dd74de | | | 1185 | class sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7 node-executed; |
| 6dd74de | | | 1186 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89[" |
| 6dd74de | | | 1187 | DBA确认 |
| 6dd74de | | | 1188 | 强子 |
| 6dd74de | | | 1189 | "]; |
| 6dd74de | | | 1190 | class sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89 node-executed; |
| 6dd74de | | | 1191 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937[" |
| 6dd74de | | | 1192 | SA确认 |
| 6dd74de | | | 1193 | 阿美 |
| 6dd74de | | | 1194 | "]; |
| 6dd74de | | | 1195 | class sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937 node-executed; |
| 6dd74de | | | 1196 | sid-4FC27B48-A6F9-460A-A675-021F5854FE22[" |
| 6dd74de | | | 1197 | 结束 |
| 6dd74de | | | 1198 | "]; |
| 6dd74de | | | 1199 | class sid-4FC27B48-A6F9-460A-A675-021F5854FE22 node-executed; |
| 6dd74de | | | 1200 | sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E[" |
| 6dd74de | | | 1201 | SA执行1 |
| 6dd74de | | | 1202 | 强子 |
| 6dd74de | | | 1203 | "]; |
| 6dd74de | | | 1204 | class sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E node-executed; |
| 6dd74de | | | 1205 | sid-6C2120F3-D940-4958-A067-0903DCE879C4[" |
| 6dd74de | | | 1206 | SA执行2 |
| 6dd74de | | | 1207 | 强子 |
| 6dd74de | | | 1208 | "]; |
| 6dd74de | | | 1209 | class sid-6C2120F3-D940-4958-A067-0903DCE879C4 node-executed; |
| 6dd74de | | | 1210 | sid-9180E2A0-5C4B-435F-B42F-0D152470A338[" |
| 6dd74de | | | 1211 | DBA执行1 |
| 6dd74de | | | 1212 | 强子 |
| 6dd74de | | | 1213 | "]; |
| 6dd74de | | | 1214 | class sid-9180E2A0-5C4B-435F-B42F-0D152470A338 node-executed; |
| 6dd74de | | | 1215 | sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD[" |
| 6dd74de | | | 1216 | DBA执行3 |
| 6dd74de | | | 1217 | 强子 |
| 6dd74de | | | 1218 | "]; |
| 6dd74de | | | 1219 | class sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD node-executed; |
| 6dd74de | | | 1220 | sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756[" |
| 6dd74de | | | 1221 | DBA执行2 |
| 6dd74de | | | 1222 | 强子 |
| 6dd74de | | | 1223 | "]; |
| 6dd74de | | | 1224 | class sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756 node-executed; |
| 6dd74de | | | 1225 | sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93[" |
| 6dd74de | | | 1226 | DBA执行4 |
| 6dd74de | | | 1227 | 强子 |
| 6dd74de | | | 1228 | "]; |
| 6dd74de | | | 1229 | class sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93 node-executed; |
| 6dd74de | | | 1230 | sid-1897B30A-9C5C-4D5B-B80B-76A038785070[" |
| 6dd74de | | | 1231 | 负责人确认 |
| 6dd74de | | | 1232 | 梁静茹 |
| 6dd74de | | | 1233 | "]; |
| 6dd74de | | | 1234 | class sid-1897B30A-9C5C-4D5B-B80B-76A038785070 node-executed; |
| 6dd74de | | | 1235 | sid-B3655226-6C29-4D00-B685-3D5C734DC7E1-->sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7; |
| 6dd74de | | | 1236 | sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A-->sid-1897B30A-9C5C-4D5B-B80B-76A038785070; |
| 6dd74de | | | 1237 | sid-E27C0367-E6D6-497F-9736-3CDC21FDE221-->sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89; |
| 6dd74de | | | 1238 | sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD-->sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937; |
| 6dd74de | | | 1239 | sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E-->sid-6C2120F3-D940-4958-A067-0903DCE879C4; |
| 6dd74de | | | 1240 | sid-9180E2A0-5C4B-435F-B42F-0D152470A338-->sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756; |
| 6dd74de | | | 1241 | sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD-->sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93; |
| 6dd74de | | | 1242 | sid-6C2120F3-D940-4958-A067-0903DCE879C4-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 1243 | sid-1897B30A-9C5C-4D5B-B80B-76A038785070-->sid-4FC27B48-A6F9-460A-A675-021F5854FE22; |
| 6dd74de | | | 1244 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937-->sid-19DD9E9F-98C1-44EE-B604-842AFEE76F1E; |
| 6dd74de | | | 1245 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89-->sid-9180E2A0-5C4B-435F-B42F-0D152470A338; |
| 6dd74de | | | 1246 | sid-A1B3CD96-7697-4D7C-BEAA-73D187B1BE89-->sid-03A2C3AC-5337-48A5-B154-BB3FD0EC8DAD; |
| 6dd74de | | | 1247 | sid-D5E1F2F4-306C-47A2-BF74-F66E3D769756-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 1248 | sid-8C3F2F1D-F014-4F99-B966-095DC1A2BD93-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 1249 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-BED98281-9585-4D1B-934E-BD1AC6AC0EFD; |
| 6dd74de | | | 1250 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-E27C0367-E6D6-497F-9736-3CDC21FDE221; |
| 6dd74de | | | 1251 | sid-3E35A7FF-A2F4-4E07-9247-DBF884C81937-->sid-6C2120F3-D940-4958-A067-0903DCE879C4; |
| 6dd74de | | | 1252 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-4DA958A0-26D9-4D47-93A7-70F39FD7D51A; |
| 6dd74de | | | 1253 | sid-7CE72B24-E0C1-46D3-8132-8BA66BE05AA7-->sid-4FC27B48-A6F9-460A-A675-021F5854FE22; |
| 6dd74de | | | 1254 | </pre> |
| 6dd74de | | | 1255 | <hr /> |
| 6dd74de | | | 1256 | |
| 6dd74de | | | 1257 | <pre class="mermaid"> |
| 6dd74de | | | 1258 | graph TD |
| 6dd74de | | | 1259 | A[Christmas] -->|Get money| B(Go shopping) |
| 6dd74de | | | 1260 | B --> C{Let me thinksssssx<br />sssssssssssssssssssuuu<br />tttsssssssssssssssssssssss} |
| 6dd74de | | | 1261 | C -->|One| D[Laptop] |
| 6dd74de | | | 1262 | C -->|Two| E[iPhone] |
| 6dd74de | | | 1263 | C -->|Three| F[Car] |
| 6dd74de | | | 1264 | </pre> |
| 6dd74de | | | 1265 | <hr /> |
| 6dd74de | | | 1266 | |
| 6dd74de | | | 1267 | <pre class="mermaid"> |
| 6dd74de | | | 1268 | graph TD |
| 6dd74de | | | 1269 | A[/Christmas\] |
| 6dd74de | | | 1270 | A -->|Get money| B[\Go shopping/] |
| 6dd74de | | | 1271 | B --> C{Let me thinksssss<br />ssssssssssssssssssssss<br />sssssssssssssssssssssssssss} |
| 6dd74de | | | 1272 | C -->|One| D[/Laptop/] |
| 6dd74de | | | 1273 | C -->|Two| E[\iPhone\] |
| 6dd74de | | | 1274 | C -->|Three| F[Car] |
| 6dd74de | | | 1275 | </pre> |
| 6dd74de | | | 1276 | <hr /> |
| 6dd74de | | | 1277 | |
| 6dd74de | | | 1278 | <pre class="mermaid"> |
| 6dd74de | | | 1279 | graph LR |
| 6dd74de | | | 1280 | 47(SAM.CommonFA.FMESummary)-->48(SAM.CommonFA.CommonFAFinanceBudget) |
| 6dd74de | | | 1281 | 37(SAM.CommonFA.BudgetSubserviceLineVolume)-->48(SAM.CommonFA.CommonFAFinanceBudget) |
| 6dd74de | | | 1282 | 35(SAM.CommonFA.PopulationFME)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1283 | 41(SAM.CommonFA.MetricCost)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1284 | 44(SAM.CommonFA.MetricOutliers)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1285 | 46(SAM.CommonFA.MetricOpportunity)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1286 | 40(SAM.CommonFA.OPVisits)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1287 | 38(SAM.CommonFA.CommonFAFinanceRefund)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1288 | 43(SAM.CommonFA.CommonFAFinancePicuDays)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1289 | 42(SAM.CommonFA.CommonFAFinanceNurseryDays)-->47(SAM.CommonFA.FMESummary) |
| 6dd74de | | | 1290 | 45(SAM.CommonFA.MetricPreOpportunity)-->46(SAM.CommonFA.MetricOpportunity) |
| 6dd74de | | | 1291 | 35(SAM.CommonFA.PopulationFME)-->45(SAM.CommonFA.MetricPreOpportunity) |
| 6dd74de | | | 1292 | 41(SAM.CommonFA.MetricCost)-->45(SAM.CommonFA.MetricPreOpportunity) |
| 6dd74de | | | 1293 | 41(SAM.CommonFA.MetricCost)-->44(SAM.CommonFA.MetricOutliers) |
| 6dd74de | | | 1294 | 39(SAM.CommonFA.ChargeDetails)-->43(SAM.CommonFA.CommonFAFinancePicuDays) |
| 6dd74de | | | 1295 | 39(SAM.CommonFA.ChargeDetails)-->42(SAM.CommonFA.CommonFAFinanceNurseryDays) |
| 6dd74de | | | 1296 | 39(SAM.CommonFA.ChargeDetails)-->41(SAM.CommonFA.MetricCost) |
| 6dd74de | | | 1297 | 39(SAM.CommonFA.ChargeDetails)-->40(SAM.CommonFA.OPVisits) |
| 6dd74de | | | 1298 | 35(SAM.CommonFA.PopulationFME)-->39(SAM.CommonFA.ChargeDetails) |
| 6dd74de | | | 1299 | 36(SAM.CommonFA.PremetricCost)-->39(SAM.CommonFA.ChargeDetails) |
| 6dd74de | | | 1300 | </pre> |
| 6dd74de | | | 1301 | <hr /> |
| 6dd74de | | | 1302 | |
| 6dd74de | | | 1303 | <pre class="mermaid"> |
| 6dd74de | | | 1304 | graph TD |
| 6dd74de | | | 1305 | 9e122290_1ec3_e711_8c5a_005056ad0002("fa:fa-creative-commons My System | Test Environment") |
| 6dd74de | | | 1306 | 82072290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Business Logic Server:Service 1") |
| 6dd74de | | | 1307 | db052290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Business Logic Server:Service 2") |
| 6dd74de | | | 1308 | 4e112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Report Server:Service 1") |
| 6dd74de | | | 1309 | 30122290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Shared Report Server:Service 2") |
| 6dd74de | | | 1310 | 5e112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Dedicated Test Business Logic Server:Service 1") |
| 6dd74de | | | 1311 | c1112290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs Dedicated Test Business Logic Server:Service 2") |
| 6dd74de | | | 1312 | b7042290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[SupportDb]") |
| 6dd74de | | | 1313 | 8f102290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[DevelopmentDb]") |
| 6dd74de | | | 1314 | 0e102290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[TestDb]") |
| 6dd74de | | | 1315 | 07132290_1ec3_e711_8c5a_005056ad0002("fa:fa-circle [DBServer\SharedDbInstance].[SharedReportingDb]") |
| 6dd74de | | | 1316 | c7072290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Shared Business Logic Server") |
| 6dd74de | | | 1317 | ca122290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Shared Report Server") |
| 6dd74de | | | 1318 | 68102290_1ec3_e711_8c5a_005056ad0002("fa:fa-server Dedicated Test Business Logic Server") |
| 6dd74de | | | 1319 | f4112290_1ec3_e711_8c5a_005056ad0002("fa:fa-database [DBServer\SharedDbInstance]") |
| 6dd74de | | | 1320 | d6072290_1ec3_e711_8c5a_005056ad0002("fa:fa-server DBServer") |
| 6dd74de | | | 1321 | 71082290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:MSSQLSERVER") |
| 6dd74de | | | 1322 | c0102290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:SQLAgent") |
| 6dd74de | | | 1323 | 9a072290_1ec3_e711_8c5a_005056ad0002("fa:fa-cogs DBServer\:SQLBrowser") |
| 6dd74de | | | 1324 | 1d0a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost1") |
| 6dd74de | | | 1325 | 200a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost2") |
| 6dd74de | | | 1326 | 1c0a2290_1ec3_e711_8c5a_005056ad0002("fa:fa-server VmHost3") |
| 6dd74de | | | 1327 | 9e122290_1ec3_e711_8c5a_005056ad0002-->82072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1328 | 9e122290_1ec3_e711_8c5a_005056ad0002-->db052290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1329 | 9e122290_1ec3_e711_8c5a_005056ad0002-->4e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1330 | 9e122290_1ec3_e711_8c5a_005056ad0002-->30122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1331 | 9e122290_1ec3_e711_8c5a_005056ad0002-->5e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1332 | 9e122290_1ec3_e711_8c5a_005056ad0002-->c1112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1333 | 82072290_1ec3_e711_8c5a_005056ad0002-->b7042290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1334 | 82072290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1335 | 82072290_1ec3_e711_8c5a_005056ad0002-->0e102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1336 | 82072290_1ec3_e711_8c5a_005056ad0002-->c7072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1337 | db052290_1ec3_e711_8c5a_005056ad0002-->c7072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1338 | db052290_1ec3_e711_8c5a_005056ad0002-->82072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1339 | 4e112290_1ec3_e711_8c5a_005056ad0002-->b7042290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1340 | 4e112290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1341 | 4e112290_1ec3_e711_8c5a_005056ad0002-->0e102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1342 | 4e112290_1ec3_e711_8c5a_005056ad0002-->07132290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1343 | 4e112290_1ec3_e711_8c5a_005056ad0002-->ca122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1344 | 30122290_1ec3_e711_8c5a_005056ad0002-->ca122290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1345 | 30122290_1ec3_e711_8c5a_005056ad0002-->4e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1346 | 5e112290_1ec3_e711_8c5a_005056ad0002-->8f102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1347 | 5e112290_1ec3_e711_8c5a_005056ad0002-->68102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1348 | c1112290_1ec3_e711_8c5a_005056ad0002-->68102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1349 | c1112290_1ec3_e711_8c5a_005056ad0002-->5e112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1350 | b7042290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1351 | 8f102290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1352 | 0e102290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1353 | 07132290_1ec3_e711_8c5a_005056ad0002-->f4112290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1354 | c7072290_1ec3_e711_8c5a_005056ad0002-->1d0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1355 | ca122290_1ec3_e711_8c5a_005056ad0002-->200a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1356 | 68102290_1ec3_e711_8c5a_005056ad0002-->1c0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1357 | f4112290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1358 | f4112290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1359 | f4112290_1ec3_e711_8c5a_005056ad0002-->c0102290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1360 | f4112290_1ec3_e711_8c5a_005056ad0002-->9a072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1361 | d6072290_1ec3_e711_8c5a_005056ad0002-->1c0a2290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1362 | 71082290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1363 | c0102290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1364 | c0102290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1365 | 9a072290_1ec3_e711_8c5a_005056ad0002-->d6072290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1366 | 9a072290_1ec3_e711_8c5a_005056ad0002-->71082290_1ec3_e711_8c5a_005056ad0002 |
| 6dd74de | | | 1367 | </pre> |
| 6dd74de | | | 1368 | <hr /> |
| 6dd74de | | | 1369 | |
| 6dd74de | | | 1370 | <pre class="mermaid"> |
| 6dd74de | | | 1371 | graph TB |
| 6dd74de | | | 1372 | subgraph One |
| 6dd74de | | | 1373 | a1-->a2 |
| 6dd74de | | | 1374 | end |
| 6dd74de | | | 1375 | </pre> |
| 6dd74de | | | 1376 | <hr /> |
| 6dd74de | | | 1377 | |
| 6dd74de | | | 1378 | <pre class="mermaid"> |
| 6dd74de | | | 1379 | graph TB |
| 6dd74de | | | 1380 | A |
| 6dd74de | | | 1381 | B |
| 6dd74de | | | 1382 | subgraph foo[Foo SubGraph] |
| 6dd74de | | | 1383 | C |
| 6dd74de | | | 1384 | D |
| 6dd74de | | | 1385 | end |
| 6dd74de | | | 1386 | subgraph bar[Bar SubGraph] |
| 6dd74de | | | 1387 | E |
| 6dd74de | | | 1388 | F |
| 6dd74de | | | 1389 | end |
| 6dd74de | | | 1390 | G |
| 6dd74de | | | 1391 | |
| 6dd74de | | | 1392 | A-->B |
| 6dd74de | | | 1393 | B-->C |
| 6dd74de | | | 1394 | C-->D |
| 6dd74de | | | 1395 | B-->D |
| 6dd74de | | | 1396 | D-->E |
| 6dd74de | | | 1397 | E-->A |
| 6dd74de | | | 1398 | E-->F |
| 6dd74de | | | 1399 | F-->D |
| 6dd74de | | | 1400 | F-->G |
| 6dd74de | | | 1401 | B-->G |
| 6dd74de | | | 1402 | G-->D |
| 6dd74de | | | 1403 | |
| 6dd74de | | | 1404 | style foo fill:#F99,stroke-width:2px,stroke:#F0F,color:darkred |
| 6dd74de | | | 1405 | style bar fill:#999,stroke-width:10px,stroke:#0F0,color:blue |
| 6dd74de | | | 1406 | </pre> |
| 6dd74de | | | 1407 | <hr /> |
| 6dd74de | | | 1408 | |
| 6dd74de | | | 1409 | <pre class="mermaid"> |
| 6dd74de | | | 1410 | graph LR |
| 6dd74de | | | 1411 | 456ac9b0d15a8b7f1e71073221059886[1051 AAA fa:fa-check] |
| 6dd74de | | | 1412 | f7f580e11d00a75814d2ded41fe8e8fe[1141 BBB fa:fa-check] |
| 6dd74de | | | 1413 | 81dc9bdb52d04dc20036dbd8313ed055[1234 CCC fa:fa-check] |
| 6dd74de | | | 1414 | 456ac9b0d15a8b7f1e71073221059886 -->|Node| f7f580e11d00a75814d2ded41fe8e8fe |
| 6dd74de | | | 1415 | f7f580e11d00a75814d2ded41fe8e8fe -->|Node| 81dc9bdb52d04dc20036dbd8313ed055 |
| 6dd74de | | | 1416 | click 456ac9b0d15a8b7f1e71073221059886 "/admin/user/view?id=1051" "AAA |
| 6dd74de | | | 1417 | 6000" |
| 6dd74de | | | 1418 | click f7f580e11d00a75814d2ded41fe8e8fe "/admin/user/view?id=1141" "BBB |
| 6dd74de | | | 1419 | 600" |
| 6dd74de | | | 1420 | click 81dc9bdb52d04dc20036dbd8313ed055 "/admin/user/view?id=1234" "CCC |
| 6dd74de | | | 1421 | 3000" |
| 6dd74de | | | 1422 | style 456ac9b0d15a8b7f1e71073221059886 fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 1423 | </pre> |
| 6dd74de | | | 1424 | <hr /> |
| 6dd74de | | | 1425 | |
| 6dd74de | | | 1426 | <pre class="mermaid"> |
| 6dd74de | | | 1427 | graph TD |
| 6dd74de | | | 1428 | A[Christmas] -->|Get money| B(Go shopping) |
| 6dd74de | | | 1429 | B --> C{{Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?}} |
| 6dd74de | | | 1430 | C -->|One| D[Laptop] |
| 6dd74de | | | 1431 | C -->|Two| E[iPhone] |
| 6dd74de | | | 1432 | C -->|Three| F[Car] |
| 6dd74de | | | 1433 | click A "index.html#link-clicked" "link test" |
| 6dd74de | | | 1434 | click B testClick "click test" |
| 6dd74de | | | 1435 | classDef someclass fill:#f96; |
| 6dd74de | | | 1436 | class A someclass; |
| 6dd74de | | | 1437 | class C someclass; |
| 6dd74de | | | 1438 | </pre> |
| 6dd74de | | | 1439 | <hr /> |
| 6dd74de | | | 1440 | |
| 6dd74de | | | 1441 | <pre class="mermaid"> |
| 6dd74de | | | 1442 | graph TD |
| 6dd74de | | | 1443 | A([stadium shape test]) |
| 6dd74de | | | 1444 | A -->|Get money| B([Go shopping]) |
| 6dd74de | | | 1445 | B --> C([Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?]) |
| 6dd74de | | | 1446 | C -->|One| D([Laptop]) |
| 6dd74de | | | 1447 | C -->|Two| E([iPhone]) |
| 6dd74de | | | 1448 | C -->|Three| F([Car<br />wroom wroom]) |
| 6dd74de | | | 1449 | click A "index.html#link-clicked" "link test" |
| 6dd74de | | | 1450 | click B testClick "click test" |
| 6dd74de | | | 1451 | classDef someclass fill:#f96; |
| 6dd74de | | | 1452 | class A someclass; |
| 6dd74de | | | 1453 | class C someclass; |
| 6dd74de | | | 1454 | </pre> |
| 6dd74de | | | 1455 | <hr /> |
| 6dd74de | | | 1456 | |
| 6dd74de | | | 1457 | <pre class="mermaid"> |
| 6dd74de | | | 1458 | graph LR |
| 6dd74de | | | 1459 | A[[subroutine shape test]] |
| 6dd74de | | | 1460 | A -->|Get money| B[[Go shopping]] |
| 6dd74de | | | 1461 | B --> C[[Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?]] |
| 6dd74de | | | 1462 | C -->|One| D[[Laptop]] |
| 6dd74de | | | 1463 | C -->|Two| E[[iPhone]] |
| 6dd74de | | | 1464 | C -->|Three| F[[Car<br />wroom wroom]] |
| 6dd74de | | | 1465 | click A "index.html#link-clicked" "link test" |
| 6dd74de | | | 1466 | click B testClick "click test" |
| 6dd74de | | | 1467 | classDef someclass fill:#f96; |
| 6dd74de | | | 1468 | class A someclass; |
| 6dd74de | | | 1469 | class C someclass; |
| 6dd74de | | | 1470 | </pre> |
| 6dd74de | | | 1471 | <hr /> |
| 6dd74de | | | 1472 | |
| 6dd74de | | | 1473 | <pre class="mermaid"> |
| 6dd74de | | | 1474 | graph LR |
| 6dd74de | | | 1475 | A[(cylindrical<br />shape<br />test)] |
| 6dd74de | | | 1476 | A -->|Get money| B1[(Go shopping 1)] |
| 6dd74de | | | 1477 | A -->|Get money| B2[(Go shopping 2)] |
| 6dd74de | | | 1478 | A -->|Get money| B3[(Go shopping 3)] |
| 6dd74de | | | 1479 | C[(Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?)] |
| 6dd74de | | | 1480 | B1 --> C |
| 6dd74de | | | 1481 | B2 --> C |
| 6dd74de | | | 1482 | B3 --> C |
| 6dd74de | | | 1483 | C -->|One| D[(Laptop)] |
| 6dd74de | | | 1484 | C -->|Two| E[(iPhone)] |
| 6dd74de | | | 1485 | C -->|Three| F[(Car)] |
| 6dd74de | | | 1486 | click A "index.html#link-clicked" "link test" |
| 6dd74de | | | 1487 | click B testClick "click test" |
| 6dd74de | | | 1488 | classDef someclass fill:#f96; |
| 6dd74de | | | 1489 | class A someclass; |
| 6dd74de | | | 1490 | </pre> |
| 6dd74de | | | 1491 | <hr /> |
| 6dd74de | | | 1492 | |
| 6dd74de | | | 1493 | <pre class="mermaid"> |
| 6dd74de | | | 1494 | graph LR |
| 6dd74de | | | 1495 | A1[Multi<br>Line] -->|Multi<br>Line| B1(Multi<br>Line) |
| 6dd74de | | | 1496 | C1[Multi<br />Line] -->|Multi<br />Line| D1(Multi<br />Line) |
| 6dd74de | | | 1497 | E1[Multi<br />Line] -->|Multi<br />Line| F1(Multi<br />Line) |
| 6dd74de | | | 1498 | A2[Multi<br>Line] -->|Multi<br>Line| B2(Multi<br>Line) |
| 6dd74de | | | 1499 | C2[Multi<br />Line] -->|Multi<br />Line| D2(Multi<br />Line) |
| 6dd74de | | | 1500 | E2[Multi<br />Line] -->|Multi<br />Line| F2(Multi<br />Line) |
| 6dd74de | | | 1501 | linkStyle 0 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 1502 | linkStyle 1 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 1503 | linkStyle 2 stroke:DarkGray,stroke-width:2px |
| 6dd74de | | | 1504 | </pre> |
| 6dd74de | | | 1505 | <hr /> |
| 6dd74de | | | 1506 | |
| 6dd74de | | | 1507 | <pre class="mermaid"> |
| 6dd74de | | | 1508 | graph LR |
| 6dd74de | | | 1509 | A(( )) -->|step 1| B(( )) |
| 6dd74de | | | 1510 | B(( )) -->|step 2| C(( )) |
| 6dd74de | | | 1511 | C(( )) -->|step 3| D(( )) |
| 6dd74de | | | 1512 | linkStyle 1 stroke:greenyellow,stroke-width:2px |
| 6dd74de | | | 1513 | style C fill:greenyellow,stroke:green,stroke-width:4px |
| 6dd74de | | | 1514 | </pre> |
| 6dd74de | | | 1515 | <hr /> |
| 6dd74de | | | 1516 | |
| 6dd74de | | | 1517 | <pre class="mermaid"> |
| 6dd74de | | | 1518 | graph TB |
| 6dd74de | | | 1519 | TITLE["Link Click Events<br>(click the nodes below)"] |
| 6dd74de | | | 1520 | A["link test (open in same tab)"] |
| 6dd74de | | | 1521 | B["link test (open in new tab)"] |
| 6dd74de | | | 1522 | C[anchor test] |
| 6dd74de | | | 1523 | D[mailto test] |
| 6dd74de | | | 1524 | E[other protocol test] |
| 6dd74de | | | 1525 | F[script test] |
| 6dd74de | | | 1526 | TITLE --> A & B & C & D & E & F |
| 6dd74de | | | 1527 | click A "https://mermaid-js.github.io/mermaid/#/" "link test (open in same tab)" |
| 6dd74de | | | 1528 | click B "https://mermaid-js.github.io/mermaid/#/" "link test (open in new tab)" _blank |
| 6dd74de | | | 1529 | click C "#link-clicked" |
| 6dd74de | | | 1530 | click D "mailto:user@user.user" "mailto test" |
| 6dd74de | | | 1531 | click E "notes://do-your-thing/id" "other protocol test" |
| 6dd74de | | | 1532 | click F "javascript:alert('test')" "script test" |
| 6dd74de | | | 1533 | </pre> |
| 6dd74de | | | 1534 | <hr /> |
| 6dd74de | | | 1535 | |
| 6dd74de | | | 1536 | <pre class="mermaid"> |
| 6dd74de | | | 1537 | graph LR |
| 6dd74de | | | 1538 | A[red<br>text] -->|red<br>text| B(blue<br>text) |
| 6dd74de | | | 1539 | C[/red<br />text/] -->|blue<br />text| D{blue<br />text} |
| 6dd74de | | | 1540 | E{{default<br />style}} -->|default<br />style| F([default<br />style]) |
| 6dd74de | | | 1541 | linkStyle default color:Sienna; |
| 6dd74de | | | 1542 | linkStyle 0 color:red; |
| 6dd74de | | | 1543 | linkStyle 1 stroke:DarkGray,stroke-width:2px,color:#0000ff |
| 6dd74de | | | 1544 | style A color:red; |
| 6dd74de | | | 1545 | style B color:blue; |
| 6dd74de | | | 1546 | style C stroke:#ff0000,fill:#ffcccc,color:#ff0000 |
| 6dd74de | | | 1547 | style D stroke:#0000ff,fill:#ccccff,color:#0000ff |
| 6dd74de | | | 1548 | click B "index.html#link-clicked" "link test" |
| 6dd74de | | | 1549 | click D testClick "click test" |
| 6dd74de | | | 1550 | </pre> |
| 6dd74de | | | 1551 | <hr /> |
| 6dd74de | | | 1552 | |
| 6dd74de | | | 1553 | <pre class="mermaid"> |
| 6dd74de | | | 1554 | graph TD |
| 6dd74de | | | 1555 | A[myClass1] --> B[default] & C[default] |
| 6dd74de | | | 1556 | B[default] & C[default] --> D[myClass2] |
| 6dd74de | | | 1557 | classDef default stroke-width:2px,fill:none,stroke:silver |
| 6dd74de | | | 1558 | classDef node color:red |
| 6dd74de | | | 1559 | classDef myClass1 color:#0000ff |
| 6dd74de | | | 1560 | classDef myClass2 stroke:#0000ff,fill:#ccccff |
| 6dd74de | | | 1561 | class A myClass1 |
| 6dd74de | | | 1562 | class D myClass2 |
| 6dd74de | | | 1563 | </pre> |
| 6dd74de | | | 1564 | <hr /> |
| 6dd74de | | | 1565 | |
| 6dd74de | | | 1566 | <pre class="mermaid"> |
| 6dd74de | | | 1567 | graph TD |
| 6dd74de | | | 1568 | A([Start]) ==> B[Step 1] |
| 6dd74de | | | 1569 | B ==> C{Flow 1} |
| 6dd74de | | | 1570 | C -- Choice 1.1 --> D[Step 2.1] |
| 6dd74de | | | 1571 | C -- Choice 1.3 --> I[Step 2.3] |
| 6dd74de | | | 1572 | C == Choice 1.2 ==> E[Step 2.2] |
| 6dd74de | | | 1573 | D --> F{Flow 2} |
| 6dd74de | | | 1574 | E ==> F{Flow 2} |
| 6dd74de | | | 1575 | F{Flow 2} == Choice 2.1 ==> H[Feedback node] |
| 6dd74de | | | 1576 | H[Feedback node] ==> B[Step 1] |
| 6dd74de | | | 1577 | F{Flow 2} == Choice 2.2 ==> G((Finish)) |
| 6dd74de | | | 1578 | |
| 6dd74de | | | 1579 | linkStyle 0,1,4,6,7,8,9 stroke:gold, stroke-width:4px |
| 6dd74de | | | 1580 | |
| 6dd74de | | | 1581 | classDef active_node fill:#0CF,stroke:#09F,stroke-width:6px |
| 6dd74de | | | 1582 | classDef unactive_node fill:#e0e0e0,stroke:#bdbdbd,stroke-width:3px |
| 6dd74de | | | 1583 | classDef bugged_node fill:#F88,stroke:#F22,stroke-width:3px |
| 6dd74de | | | 1584 | classDef start_node,finish_node fill:#3B1,stroke:#391,stroke-width:8px |
| 6dd74de | | | 1585 | |
| 6dd74de | | | 1586 | class A start_node; |
| 6dd74de | | | 1587 | class B,C,E,F,H active_node; |
| 6dd74de | | | 1588 | class D unactive_node; |
| 6dd74de | | | 1589 | class G finish_node; |
| 6dd74de | | | 1590 | class I bugged_node |
| 6dd74de | | | 1591 | </pre> |
| 6dd74de | | | 1592 | <hr /> |
| 6dd74de | | | 1593 | |
| 6dd74de | | | 1594 | <pre class="mermaid"> |
| 6dd74de | | | 1595 | --- |
| 6dd74de | | | 1596 | title: Subgraph nodeSpacing and rankSpacing example |
| 6dd74de | | | 1597 | config: |
| 6dd74de | | | 1598 | flowchart: |
| 6dd74de | | | 1599 | nodeSpacing: 1 |
| 6dd74de | | | 1600 | rankSpacing: 1 |
| 6dd74de | | | 1601 | --- |
| 6dd74de | | | 1602 | |
| 6dd74de | | | 1603 | flowchart LR |
| 6dd74de | | | 1604 | |
| 6dd74de | | | 1605 | X --> Y |
| 6dd74de | | | 1606 | |
| 6dd74de | | | 1607 | subgraph X |
| 6dd74de | | | 1608 | direction LR |
| 6dd74de | | | 1609 | A |
| 6dd74de | | | 1610 | C |
| 6dd74de | | | 1611 | end |
| 6dd74de | | | 1612 | |
| 6dd74de | | | 1613 | subgraph Y |
| 6dd74de | | | 1614 | direction LR |
| 6dd74de | | | 1615 | B |
| 6dd74de | | | 1616 | D |
| 6dd74de | | | 1617 | end |
| 6dd74de | | | 1618 | </pre> |
| 6dd74de | | | 1619 | <hr /> |
| 6dd74de | | | 1620 | |
| 6dd74de | | | 1621 | <h1 id="link-clicked">Anchor for "link-clicked" test</h1> |
| 6dd74de | | | 1622 | |
| 6dd74de | | | 1623 | <script type="module"> |
| 6dd74de | | | 1624 | import mermaid from './mermaid.esm.mjs'; |
| 6dd74de | | | 1625 | mermaid.initialize({ |
| 6dd74de | | | 1626 | theme: 'forest', |
| 6dd74de | | | 1627 | logLevel: 3, |
| 6dd74de | | | 1628 | securityLevel: 'loose', |
| 6dd74de | | | 1629 | flowchart: { curve: 'basis' }, |
| 6dd74de | | | 1630 | }); |
| 6dd74de | | | 1631 | </script> |
| 6dd74de | | | 1632 | <script> |
| 6dd74de | | | 1633 | function testClick(nodeId) { |
| 6dd74de | | | 1634 | console.log('clicked', nodeId); |
| 6dd74de | | | 1635 | let originalBgColor = document.querySelector('body').style.backgroundColor; |
| 6dd74de | | | 1636 | document.querySelector('body').style.backgroundColor = 'yellow'; |
| 6dd74de | | | 1637 | setTimeout(function () { |
| 6dd74de | | | 1638 | document.querySelector('body').style.backgroundColor = originalBgColor; |
| 6dd74de | | | 1639 | }, 100); |
| 6dd74de | | | 1640 | } |
| 6dd74de | | | 1641 | </script> |
| 6dd74de | | | 1642 | </body> |
| 6dd74de | | | 1643 | </html> |