mirror of
				https://github.com/mermaid-js/mermaid.git
				synced 2025-10-25 00:44:10 +02:00 
			
		
		
		
	 638362baea
			
		
	
	638362baea
	
	
	
		
			
			* release/10.0.0: (333 commits) 10.0.0-rc.3 Export more types no side effects 10.0.0-rc.2 skip failing elk test Cleanup Update docs fix(#3406, #3394): Remove init & initThrowsErrors chore: Rename lazy loaded diagram definitions Skip flowchart-elk failing test Fix docs fix Server Fix lint Remove Readme Fix E2E Tests Fix tests feat: Break render and parse types chore: Remove all non async render/parse/init Remove CJS builds from docs chore: Remove cjs from build ...
		
			
				
	
	
		
			48 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			48 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html lang="en">
 | |
|   <head>
 | |
|     <meta charset="utf-8" />
 | |
|     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 | |
|     <title>Mermaid Quick Test Page</title>
 | |
|     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
 | |
|     <style>
 | |
|       div.mermaid {
 | |
|         /* font-family: 'trebuchet ms', verdana, arial; */
 | |
|         font-family: 'Courier New', Courier, monospace !important;
 | |
|       }
 | |
|     </style>
 | |
|   </head>
 | |
| 
 | |
|   <body>
 | |
|     <h1>Journey diagram demo</h1>
 | |
|     <pre class="mermaid">
 | |
|     ---
 | |
|     title: My working day
 | |
|     ---
 | |
|      journey
 | |
|       accTitle: Very simple journey demo
 | |
|       accDescr: 2 main sections: work and home, each with just a few tasks
 | |
| 
 | |
|     section Go to work
 | |
|       Make tea: 5: Me
 | |
|       Go upstairs: 3: Me
 | |
|       Do work: 1: Me, Cat
 | |
|     section Go home
 | |
|       Go downstairs: 5: Me
 | |
|       Sit down: 3: Me
 | |
| 				</pre>
 | |
| 
 | |
|     <script type="module">
 | |
|       import mermaid from './mermaid.esm.mjs';
 | |
|       mermaid.initialize({
 | |
|         theme: 'forest',
 | |
|         logLevel: 3,
 | |
|         securityLevel: 'loose',
 | |
|         flowchart: { curve: 'basis' },
 | |
|         gantt: { axisFormat: '%m/%d/%Y' },
 | |
|         sequence: { actorMargin: 50 },
 | |
|       });
 | |
|     </script>
 | |
|   </body>
 | |
| </html>
 |