| 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 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: 'Courier New', Courier, monospace !important; |
| 6dd74de | | | 11 | } |
| 6dd74de | | | 12 | </style> |
| 6dd74de | | | 13 | </head> |
| 6dd74de | | | 14 | |
| 6dd74de | | | 15 | <body> |
| 6dd74de | | | 16 | <pre class="mermaid"> |
| 6dd74de | | | 17 | --- |
| 6dd74de | | | 18 | config: |
| 6dd74de | | | 19 | layout: tidy-tree |
| 6dd74de | | | 20 | --- |
| 6dd74de | | | 21 | mindmap |
| 6dd74de | | | 22 | root((mindmap)) |
| 6dd74de | | | 23 | A |
| 6dd74de | | | 24 | B |
| 6dd74de | | | 25 | </pre> |
| 6dd74de | | | 26 | <pre class="mermaid"> |
| 6dd74de | | | 27 | --- |
| 6dd74de | | | 28 | config: |
| 6dd74de | | | 29 | layout: dagre |
| 6dd74de | | | 30 | --- |
| 6dd74de | | | 31 | mindmap |
| 6dd74de | | | 32 | root((mindmap)) |
| 6dd74de | | | 33 | A |
| 6dd74de | | | 34 | B |
| 6dd74de | | | 35 | </pre> |
| 6dd74de | | | 36 | <pre class="mermaid"> |
| 6dd74de | | | 37 | --- |
| 6dd74de | | | 38 | config: |
| 6dd74de | | | 39 | layout: elk |
| 6dd74de | | | 40 | --- |
| 6dd74de | | | 41 | mindmap |
| 6dd74de | | | 42 | root((mindmap)) |
| 6dd74de | | | 43 | A |
| 6dd74de | | | 44 | B |
| 6dd74de | | | 45 | </pre> |
| 6dd74de | | | 46 | <pre class="mermaid"> |
| 6dd74de | | | 47 | --- |
| 6dd74de | | | 48 | config: |
| 6dd74de | | | 49 | layout: cose-bilkent |
| 6dd74de | | | 50 | --- |
| 6dd74de | | | 51 | mindmap |
| 6dd74de | | | 52 | root((mindmap)) |
| 6dd74de | | | 53 | A |
| 6dd74de | | | 54 | B |
| 6dd74de | | | 55 | </pre> |
| 6dd74de | | | 56 | <pre class="mermaid"> |
| 6dd74de | | | 57 | --- |
| 6dd74de | | | 58 | config: |
| 6dd74de | | | 59 | layout: tidy-tree |
| 6dd74de | | | 60 | --- |
| 6dd74de | | | 61 | mindmap |
| 6dd74de | | | 62 | root((mindmap is a long thing)) |
| 6dd74de | | | 63 | A |
| 6dd74de | | | 64 | B |
| 6dd74de | | | 65 | C |
| 6dd74de | | | 66 | D |
| 6dd74de | | | 67 | </pre> |
| 6dd74de | | | 68 | <pre class="mermaid"> |
| 6dd74de | | | 69 | --- |
| 6dd74de | | | 70 | config: |
| 6dd74de | | | 71 | layout: dagre |
| 6dd74de | | | 72 | --- |
| 6dd74de | | | 73 | mindmap |
| 6dd74de | | | 74 | root((mindmap is a long thing)) |
| 6dd74de | | | 75 | A |
| 6dd74de | | | 76 | B |
| 6dd74de | | | 77 | C |
| 6dd74de | | | 78 | D |
| 6dd74de | | | 79 | </pre> |
| 6dd74de | | | 80 | <pre class="mermaid"> |
| 6dd74de | | | 81 | --- |
| 6dd74de | | | 82 | config: |
| 6dd74de | | | 83 | layout: elk |
| 6dd74de | | | 84 | --- |
| 6dd74de | | | 85 | mindmap |
| 6dd74de | | | 86 | root((mindmap is a long thing)) |
| 6dd74de | | | 87 | A |
| 6dd74de | | | 88 | B |
| 6dd74de | | | 89 | C |
| 6dd74de | | | 90 | D |
| 6dd74de | | | 91 | </pre> |
| 6dd74de | | | 92 | <pre class="mermaid"> |
| 6dd74de | | | 93 | --- |
| 6dd74de | | | 94 | config: |
| 6dd74de | | | 95 | layout: cose-bilkent |
| 6dd74de | | | 96 | --- |
| 6dd74de | | | 97 | mindmap |
| 6dd74de | | | 98 | root((mindmap is a long thing)) |
| 6dd74de | | | 99 | A |
| 6dd74de | | | 100 | B |
| 6dd74de | | | 101 | C |
| 6dd74de | | | 102 | D |
| 6dd74de | | | 103 | </pre> |
| 6dd74de | | | 104 | |
| 6dd74de | | | 105 | <pre class="mermaid"> |
| 6dd74de | | | 106 | --- |
| 6dd74de | | | 107 | config: |
| 6dd74de | | | 108 | layout: tidy-tree |
| 6dd74de | | | 109 | --- |
| 6dd74de | | | 110 | mindmap |
| 6dd74de | | | 111 | root((mindmap)) |
| 6dd74de | | | 112 | Origins |
| 6dd74de | | | 113 | Long history |
| 6dd74de | | | 114 | ::icon(fa fa-book) |
| 6dd74de | | | 115 | Popularisation |
| 6dd74de | | | 116 | British popular psychology author Tony Buzan |
| 6dd74de | | | 117 | Research |
| 6dd74de | | | 118 | On effectiveness<br/>and features |
| 6dd74de | | | 119 | On Automatic creation |
| 6dd74de | | | 120 | Uses |
| 6dd74de | | | 121 | Creative techniques |
| 6dd74de | | | 122 | Strategic planning |
| 6dd74de | | | 123 | Argument mapping |
| 6dd74de | | | 124 | Tools |
| 6dd74de | | | 125 | id)I am a cloud( |
| 6dd74de | | | 126 | id))I am a bang(( |
| 6dd74de | | | 127 | Tools |
| 6dd74de | | | 128 | </pre> |
| 6dd74de | | | 129 | <pre class="mermaid"> |
| 6dd74de | | | 130 | --- |
| 6dd74de | | | 131 | config: |
| 6dd74de | | | 132 | layout: dagre |
| 6dd74de | | | 133 | --- |
| 6dd74de | | | 134 | mindmap |
| 6dd74de | | | 135 | root((mindmap)) |
| 6dd74de | | | 136 | Origins |
| 6dd74de | | | 137 | Long history |
| 6dd74de | | | 138 | ::icon(fa fa-book) |
| 6dd74de | | | 139 | Popularisation |
| 6dd74de | | | 140 | British popular psychology author Tony Buzan |
| 6dd74de | | | 141 | Research |
| 6dd74de | | | 142 | On effectiveness<br/>and features |
| 6dd74de | | | 143 | On Automatic creation |
| 6dd74de | | | 144 | Uses |
| 6dd74de | | | 145 | Creative techniques |
| 6dd74de | | | 146 | Strategic planning |
| 6dd74de | | | 147 | Argument mapping |
| 6dd74de | | | 148 | Tools |
| 6dd74de | | | 149 | id)I am a cloud( |
| 6dd74de | | | 150 | id))I am a bang(( |
| 6dd74de | | | 151 | Tools |
| 6dd74de | | | 152 | </pre> |
| 6dd74de | | | 153 | <pre class="mermaid"> |
| 6dd74de | | | 154 | --- |
| 6dd74de | | | 155 | config: |
| 6dd74de | | | 156 | layout: elk |
| 6dd74de | | | 157 | --- |
| 6dd74de | | | 158 | mindmap |
| 6dd74de | | | 159 | root((mindmap)) |
| 6dd74de | | | 160 | Origins |
| 6dd74de | | | 161 | Long history |
| 6dd74de | | | 162 | ::icon(fa fa-book) |
| 6dd74de | | | 163 | Popularisation |
| 6dd74de | | | 164 | British popular psychology author Tony Buzan |
| 6dd74de | | | 165 | Research |
| 6dd74de | | | 166 | On effectiveness<br/>and features |
| 6dd74de | | | 167 | On Automatic creation |
| 6dd74de | | | 168 | Uses |
| 6dd74de | | | 169 | Creative techniques |
| 6dd74de | | | 170 | Strategic planning |
| 6dd74de | | | 171 | Argument mapping |
| 6dd74de | | | 172 | Tools |
| 6dd74de | | | 173 | id)I am a cloud( |
| 6dd74de | | | 174 | id))I am a bang(( |
| 6dd74de | | | 175 | Tools |
| 6dd74de | | | 176 | </pre> |
| 6dd74de | | | 177 | <pre class="mermaid"> |
| 6dd74de | | | 178 | --- |
| 6dd74de | | | 179 | config: |
| 6dd74de | | | 180 | layout: cose-bilkent |
| 6dd74de | | | 181 | --- |
| 6dd74de | | | 182 | mindmap |
| 6dd74de | | | 183 | root((mindmap)) |
| 6dd74de | | | 184 | Origins |
| 6dd74de | | | 185 | Long history |
| 6dd74de | | | 186 | ::icon(fa fa-book) |
| 6dd74de | | | 187 | Popularisation |
| 6dd74de | | | 188 | British popular psychology author Tony Buzan |
| 6dd74de | | | 189 | Research |
| 6dd74de | | | 190 | On effectiveness<br/>and features |
| 6dd74de | | | 191 | On Automatic creation |
| 6dd74de | | | 192 | Uses |
| 6dd74de | | | 193 | Creative techniques |
| 6dd74de | | | 194 | Strategic planning |
| 6dd74de | | | 195 | Argument mapping |
| 6dd74de | | | 196 | Tools |
| 6dd74de | | | 197 | id)I am a cloud( |
| 6dd74de | | | 198 | id))I am a bang(( |
| 6dd74de | | | 199 | Tools |
| 6dd74de | | | 200 | </pre> |
| 6dd74de | | | 201 | <pre class="mermaid"> |
| 6dd74de | | | 202 | --- |
| 6dd74de | | | 203 | config: |
| 6dd74de | | | 204 | layout: tidy-tree |
| 6dd74de | | | 205 | --- |
| 6dd74de | | | 206 | mindmap |
| 6dd74de | | | 207 | root((mindmap)) |
| 6dd74de | | | 208 | A |
| 6dd74de | | | 209 | a |
| 6dd74de | | | 210 | apa[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 211 | apa2[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 212 | b |
| 6dd74de | | | 213 | c |
| 6dd74de | | | 214 | d |
| 6dd74de | | | 215 | B |
| 6dd74de | | | 216 | apa3[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 217 | D |
| 6dd74de | | | 218 | apa5[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 219 | apa4[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 220 | |
| 6dd74de | | | 221 | </pre> |
| 6dd74de | | | 222 | <pre class="mermaid"> |
| 6dd74de | | | 223 | --- |
| 6dd74de | | | 224 | config: |
| 6dd74de | | | 225 | layout: dagre |
| 6dd74de | | | 226 | --- |
| 6dd74de | | | 227 | mindmap |
| 6dd74de | | | 228 | root((mindmap)) |
| 6dd74de | | | 229 | A |
| 6dd74de | | | 230 | a |
| 6dd74de | | | 231 | apa[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 232 | apa2[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 233 | b |
| 6dd74de | | | 234 | c |
| 6dd74de | | | 235 | d |
| 6dd74de | | | 236 | B |
| 6dd74de | | | 237 | apa3[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 238 | D |
| 6dd74de | | | 239 | apa5[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 240 | apa4[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 241 | |
| 6dd74de | | | 242 | </pre> |
| 6dd74de | | | 243 | <pre class="mermaid"> |
| 6dd74de | | | 244 | --- |
| 6dd74de | | | 245 | config: |
| 6dd74de | | | 246 | layout: elk |
| 6dd74de | | | 247 | --- |
| 6dd74de | | | 248 | mindmap |
| 6dd74de | | | 249 | root((mindmap)) |
| 6dd74de | | | 250 | A |
| 6dd74de | | | 251 | a |
| 6dd74de | | | 252 | apa[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 253 | apa2[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 254 | b |
| 6dd74de | | | 255 | c |
| 6dd74de | | | 256 | d |
| 6dd74de | | | 257 | B |
| 6dd74de | | | 258 | apa3[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 259 | D |
| 6dd74de | | | 260 | apa5[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 261 | apa4[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 262 | |
| 6dd74de | | | 263 | </pre> |
| 6dd74de | | | 264 | <pre class="mermaid"> |
| 6dd74de | | | 265 | --- |
| 6dd74de | | | 266 | config: |
| 6dd74de | | | 267 | layout: cose-bilkent |
| 6dd74de | | | 268 | --- |
| 6dd74de | | | 269 | mindmap |
| 6dd74de | | | 270 | root((mindmap)) |
| 6dd74de | | | 271 | A |
| 6dd74de | | | 272 | a |
| 6dd74de | | | 273 | apa[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 274 | apa2[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 275 | b |
| 6dd74de | | | 276 | c |
| 6dd74de | | | 277 | d |
| 6dd74de | | | 278 | B |
| 6dd74de | | | 279 | apa3[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 280 | D |
| 6dd74de | | | 281 | apa5[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 282 | apa4[I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on. I am a long long multline string passing several levels of text. Lorum ipsum and so on] |
| 6dd74de | | | 283 | |
| 6dd74de | | | 284 | </pre> |
| 6dd74de | | | 285 | |
| 6dd74de | | | 286 | <pre class="mermaid"> |
| 6dd74de | | | 287 | --- |
| 6dd74de | | | 288 | config: |
| 6dd74de | | | 289 | layout: tidy-tree |
| 6dd74de | | | 290 | --- |
| 6dd74de | | | 291 | mindmap |
| 6dd74de | | | 292 | ((This is a mindmap)) |
| 6dd74de | | | 293 | child1 |
| 6dd74de | | | 294 | grandchild 1 |
| 6dd74de | | | 295 | grandchild 2 |
| 6dd74de | | | 296 | child2 |
| 6dd74de | | | 297 | grandchild 3 |
| 6dd74de | | | 298 | grandchild 4 |
| 6dd74de | | | 299 | child3 |
| 6dd74de | | | 300 | grandchild 5 |
| 6dd74de | | | 301 | grandchild 6 |
| 6dd74de | | | 302 | |
| 6dd74de | | | 303 | </pre> |
| 6dd74de | | | 304 | |
| 6dd74de | | | 305 | <pre class="mermaid"> |
| 6dd74de | | | 306 | --- |
| 6dd74de | | | 307 | config: |
| 6dd74de | | | 308 | layout: dagre |
| 6dd74de | | | 309 | --- |
| 6dd74de | | | 310 | mindmap |
| 6dd74de | | | 311 | ((This is a mindmap)) |
| 6dd74de | | | 312 | child1 |
| 6dd74de | | | 313 | grandchild 1 |
| 6dd74de | | | 314 | grandchild 2 |
| 6dd74de | | | 315 | child2 |
| 6dd74de | | | 316 | grandchild 3 |
| 6dd74de | | | 317 | grandchild 4 |
| 6dd74de | | | 318 | child3 |
| 6dd74de | | | 319 | grandchild 5 |
| 6dd74de | | | 320 | grandchild 6 |
| 6dd74de | | | 321 | |
| 6dd74de | | | 322 | </pre> |
| 6dd74de | | | 323 | |
| 6dd74de | | | 324 | <pre class="mermaid"> |
| 6dd74de | | | 325 | --- |
| 6dd74de | | | 326 | config: |
| 6dd74de | | | 327 | layout: elk |
| 6dd74de | | | 328 | --- |
| 6dd74de | | | 329 | mindmap |
| 6dd74de | | | 330 | ((This is a mindmap)) |
| 6dd74de | | | 331 | child1 |
| 6dd74de | | | 332 | grandchild 1 |
| 6dd74de | | | 333 | grandchild 2 |
| 6dd74de | | | 334 | child2 |
| 6dd74de | | | 335 | grandchild 3 |
| 6dd74de | | | 336 | grandchild 4 |
| 6dd74de | | | 337 | child3 |
| 6dd74de | | | 338 | grandchild 5 |
| 6dd74de | | | 339 | grandchild 6 |
| 6dd74de | | | 340 | |
| 6dd74de | | | 341 | </pre> |
| 6dd74de | | | 342 | |
| 6dd74de | | | 343 | <pre class="mermaid"> |
| 6dd74de | | | 344 | --- |
| 6dd74de | | | 345 | config: |
| 6dd74de | | | 346 | layout: cose-bilkent |
| 6dd74de | | | 347 | --- |
| 6dd74de | | | 348 | mindmap |
| 6dd74de | | | 349 | ((This is a mindmap)) |
| 6dd74de | | | 350 | child1 |
| 6dd74de | | | 351 | grandchild 1 |
| 6dd74de | | | 352 | grandchild 2 |
| 6dd74de | | | 353 | child2 |
| 6dd74de | | | 354 | grandchild 3 |
| 6dd74de | | | 355 | grandchild 4 |
| 6dd74de | | | 356 | child3 |
| 6dd74de | | | 357 | grandchild 5 |
| 6dd74de | | | 358 | grandchild 6 |
| 6dd74de | | | 359 | |
| 6dd74de | | | 360 | </pre> |
| 6dd74de | | | 361 | |
| 6dd74de | | | 362 | <hr /> |
| 6dd74de | | | 363 | <script type="module"> |
| 6dd74de | | | 364 | import mermaid from '/mermaid.esm.mjs'; |
| 6dd74de | | | 365 | import tidytree from '/mermaid-layout-tidy-tree.esm.mjs'; |
| 6dd74de | | | 366 | import layouts from './mermaid-layout-elk.esm.mjs'; |
| 6dd74de | | | 367 | mermaid.registerLayoutLoaders(layouts); |
| 6dd74de | | | 368 | mermaid.registerLayoutLoaders(tidytree); |
| 6dd74de | | | 369 | mermaid.initialize({ |
| 6dd74de | | | 370 | theme: 'default', |
| 6dd74de | | | 371 | logLevel: 3, |
| 6dd74de | | | 372 | securityLevel: 'loose', |
| 6dd74de | | | 373 | }); |
| 6dd74de | | | 374 | </script> |
| 6dd74de | | | 375 | </body> |
| 6dd74de | | | 376 | </html> |