marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-11-09 15:24:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add demo for all the 5 diagram types

Browse Source
This commit is contained in:
Tyler Long
2017-04-16 17:30:40 +08:00
parent 52d03f3ce3
commit 701e638907
3 changed files with 43 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
dist/demo/index.html vendored
View File

@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Mermaid Quick Test Page</title> <title>Mermaid Quick Test Page</title>
<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo="> <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
<link rel="stylesheet" href="../mermaid.css"> <link rel="stylesheet" href="../mermaid.forest.css">
</head> </head>
<body> <body>
<div class="mermaid"> <div class="mermaid">
@@ -59,6 +59,46 @@ Add gantt diagram to demo page : 20h
Add another diagram to demo page : 48h Add another diagram to demo page : 48h
</div> </div>
<hr/>
<div class="mermaid">
gitGraph :
options
{
"key": "value",
"nodeWidth": 150,
"nodeSpacing" : 150
}
end
commit
branch newbranch
checkout newbranch
commit
commit
checkout master
commit
commit
merge newbranch
</div>
<hr/>
<div class="mermaid">
classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label
</div>
<script src="../mermaid.js"></script> <script src="../mermaid.js"></script>
<script> <script>
mermaid.initialize({startOnLoad:true}); mermaid.initialize({startOnLoad:true});

39
src/test.html
View File

@@ -1,39 +0,0 @@
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="..\dist\mermaid.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
<style>
.node-label p {
margin:0px;
font-size:12px;
}
p.branch-label {
font-weight:bold;
}
</style>
</head>
<body>
<div class="mermaid">
gitGraph :
options
{"key": "value",
"nodeWidth": 150
}
end
commit
commit
commit
branch newbranch
checkout newbranch
commit
commit
merge master
checkout master
commit
commit
</div>
</body>

3
todo.md
View File

@@ -1,4 +1,5 @@
- Upgrade d3 to version 4 - upgrade d3 to version 4
- use external d3-textwrap library - use external d3-textwrap library
- Problem is it's for d3 v4 only - Problem is it's for d3 v4 only
- node console output colors like Chrome console - node console output colors like Chrome console
- default theme doesn't work for class diagram