collab/mermaid/demos/index.htmlblame
View source
6dd74de1<!doctype html>
6dd74de2<html lang="en">
6dd74de3 <head>
6dd74de4 <meta charset="utf-8" />
6dd74de5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6dd74de6 <title>Mermaid Quick Test Page</title>
6dd74de7 <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
6dd74de8 <style>
6dd74de9 div.mermaid {
6dd74de10 /* font-family: 'trebuchet ms', verdana, arial; */
6dd74de11 font-family: 'Courier New', Courier, monospace !important;
6dd74de12 }
6dd74de13 </style>
6dd74de14 </head>
6dd74de15
6dd74de16 <body>
6dd74de17 <h1>Mermaid quick test and demo pages</h1>
6dd74de18 <p>
6dd74de19 Some of these pages have duplicates; some are slow to load because they have so many graphs.
6dd74de20 </p>
6dd74de21 <p>You can test custom code in the <a href="./dev/example.html">development page</a>.</p>
6dd74de22 <p>
6dd74de23 If you'd like to clean up one of the pages, please feel free to
6dd74de24 <a href="https://github.com/mermaid-js/mermaid/pulls">submit a pull request (PR).</a>
6dd74de25 </p>
6dd74de26
6dd74de27 <ul>
6dd74de28 <li>
6dd74de29 <h2><a href="./c4context.html">C4 Context</a></h2>
6dd74de30 </li>
6dd74de31 <li>
6dd74de32 <h2><a href="./classchart.html">Class diagrams</a></h2>
6dd74de33 </li>
6dd74de34 <li>
6dd74de35 <h2><a href="./dataflowchart.html">Data flow charts</a></h2>
6dd74de36 </li>
6dd74de37 <li>
6dd74de38 <h2><a href="./er.html">Entity Relation diagram</a></h2>
6dd74de39 </li>
6dd74de40 <li>
6dd74de41 <h2><a href="./flowchart.html">Flow charts</a></h2>
6dd74de42 </li>
6dd74de43 <li>
6dd74de44 <h2><a href="./gantt.html">Gantt</a></h2>
6dd74de45 </li>
6dd74de46 <li>
6dd74de47 <h2><a href="./git.html">Git</a></h2>
6dd74de48 </li>
6dd74de49 <li>
6dd74de50 <h2><a href="./info.html">Info</a></h2>
6dd74de51 </li>
6dd74de52 <li>
6dd74de53 <h2><a href="./journey.html">Journey</a></h2>
6dd74de54 </li>
6dd74de55 <li>
6dd74de56 <h2><a href="./mindmap.html">Mindmap</a></h2>
6dd74de57 </li>
6dd74de58 <li>
6dd74de59 <h2><a href="./pie.html">Pie</a></h2>
6dd74de60 </li>
6dd74de61 <li>
6dd74de62 <h2><a href="./quadrantchart.html">Quadrant charts</a></h2>
6dd74de63 </li>
6dd74de64 <li>
6dd74de65 <h2><a href="./xychart.html">XY charts</a></h2>
6dd74de66 </li>
6dd74de67 <li>
6dd74de68 <h2><a href="./requirements.html">Requirements</a></h2>
6dd74de69 </li>
6dd74de70 <li>
6dd74de71 <h2><a href="./sequence.html">Sequence</a></h2>
6dd74de72 </li>
6dd74de73 <li>
6dd74de74 <h2><a href="./state.html">State</a></h2>
6dd74de75 </li>
6dd74de76 <li>
6dd74de77 <h2><a href="./timeline.html">Timeline</a></h2>
6dd74de78 </li>
6dd74de79 <li>
6dd74de80 <h2><a href="./zenuml.html">ZenUML</a></h2>
6dd74de81 </li>
6dd74de82 <li>
6dd74de83 <h2><a href="./sankey.html">Sankey</a></h2>
6dd74de84 </li>
6dd74de85 <li>
6dd74de86 <h2><a href="./packet.html">Packet</a></h2>
6dd74de87 </li>
6dd74de88 <li>
6dd74de89 <h2><a href="./block.html">Layered Blocks</a></h2>
6dd74de90 </li>
6dd74de91 <li>
6dd74de92 <h2><a href="./architecture.html">Architecture</a></h2>
6dd74de93 </li>
6dd74de94 <li>
6dd74de95 <h2><a href="./radar.html">Radar</a></h2>
6dd74de96 </li>
6dd74de97 </ul>
6dd74de98 </body>
6dd74de99</html>