-
Notifications
You must be signed in to change notification settings - Fork 27
/
demo.html
37 lines (37 loc) · 4.58 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
</head>
<style>
img {
border: 1px solid red;
}
</style>
<body>
<h2>Flowchart</h2>
<img
src="http://localhost:3000/img/eyJjb2RlIjoiZ3JhcGggVERcbkFbQ2hyaXN0bWFzXSAtLT58R2V0IG1vbmV5fCBCKEdvIHNob3BwaW5nKVxuQiAtLT4gQ3tMZXQgbWUgdGhpbmt9XG5DIC0tPnxPbmV8IERbTGFwdG9wXVxuQyAtLT58VHdvfCBFW2lQaG9uZV1cbkMgLS0-fFRocmVlfCBGW2ZhOmZhLWNhciBDYXJdXG4iLCJtZXJtYWlkIjp7InRoZW1lIjoiZGVmYXVsdCJ9fQ"
/>
<h2>Sequence diagram</h2>
<img
src="http://localhost:3000/img/eyJjb2RlIjoic2VxdWVuY2VEaWFncmFtXG4gICAgQWxpY2UgLT4-IEJvYjogSGVsbG8gQm9iLCBob3cgYXJlIHlvdT9cbiAgICBCb2ItLT4-Sm9objogSG93IGFib3V0IHlvdSBKb2huP1xuICAgIEJvYi0teCBBbGljZTogSSBhbSBnb29kIHRoYW5rcyFcbiAgICBCb2IteCBKb2huOiBJIGFtIGdvb2QgdGhhbmtzIVxuICAgIE5vdGUgcmlnaHQgb2YgSm9objogQm9iIHRoaW5rcyBhIGxvbmc8YnIvPmxvbmcgdGltZSwgc28gbG9uZzxici8-dGhhdCB0aGUgdGV4dCBkb2VzPGJyLz5ub3QgZml0IG9uIGEgcm93LlxuXG4gICAgQm9iLS0-QWxpY2U6IENoZWNraW5nIHdpdGggSm9obi4uLlxuICAgIEFsaWNlLT5Kb2huOiBZZXMuLi4gSm9obiwgaG93IGFyZSB5b3U_IiwibWVybWFpZCI6eyJ0aGVtZSI6ImRlZmF1bHQifX0"
/>
<h2>Class diagram</h2>
<img
src="http://localhost:3000/img/eyJjb2RlIjoiIGNsYXNzRGlhZ3JhbVxuICAgICAgQW5pbWFsIDx8LS0gRHVja1xuICAgICAgQW5pbWFsIDx8LS0gRmlzaFxuICAgICAgQW5pbWFsIDx8LS0gWmVicmFcbiAgICAgIEFuaW1hbCA6ICtpbnQgYWdlXG4gICAgICBBbmltYWwgOiArU3RyaW5nIGdlbmRlclxuICAgICAgQW5pbWFsOiAraXNNYW1tYWwoKVxuICAgICAgQW5pbWFsOiArbWF0ZSgpXG4gICAgICBjbGFzcyBEdWNre1xuICAgICAgICAgICtTdHJpbmcgYmVha0NvbG9yXG4gICAgICAgICAgK3N3aW0oKVxuICAgICAgICAgICtxdWFjaygpXG4gICAgICB9XG4gICAgICBjbGFzcyBGaXNoe1xuICAgICAgICAgIC1pbnQgc2l6ZUluRmVldFxuICAgICAgICAgIC1jYW5FYXQoKVxuICAgICAgfVxuICAgICAgY2xhc3MgWmVicmF7XG4gICAgICAgICAgK2Jvb2wgaXNfd2lsZFxuICAgICAgICAgICtydW4oKVxuICAgICAgfSIsIm1lcm1haWQiOnsidGhlbWUiOiJkZWZhdWx0In19"
/>
<h2>State diagram</h2>
<img
src="http://localhost:3000/img/eyJjb2RlIjoic3RhdGVEaWFncmFtXG4gICAgICAgIFsqXSAtLT4gQWN0aXZlXG5cbiAgICAgICAgc3RhdGUgQWN0aXZlIHtcbiAgICAgICAgICAgIFsqXSAtLT4gTnVtTG9ja09mZlxuICAgICAgICAgICAgTnVtTG9ja09mZiAtLT4gTnVtTG9ja09uIDogRXZOdW1Mb2NrUHJlc3NlZFxuICAgICAgICAgICAgTnVtTG9ja09uIC0tPiBOdW1Mb2NrT2ZmIDogRXZOdW1Mb2NrUHJlc3NlZFxuICAgICAgICAgICAgLS1cbiAgICAgICAgICAgIFsqXSAtLT4gQ2Fwc0xvY2tPZmZcbiAgICAgICAgICAgIENhcHNMb2NrT2ZmIC0tPiBDYXBzTG9ja09uIDogRXZDYXBzTG9ja1ByZXNzZWRcbiAgICAgICAgICAgIENhcHNMb2NrT24gLS0-IENhcHNMb2NrT2ZmIDogRXZDYXBzTG9ja1ByZXNzZWRcbiAgICAgICAgICAgIC0tXG4gICAgICAgICAgICBbKl0gLS0-IFNjcm9sbExvY2tPZmZcbiAgICAgICAgICAgIFNjcm9sbExvY2tPZmYgLS0-IFNjcm9sbExvY2tPbiA6IEV2Q2Fwc0xvY2tQcmVzc2VkXG4gICAgICAgICAgICBTY3JvbGxMb2NrT24gLS0-IFNjcm9sbExvY2tPZmYgOiBFdkNhcHNMb2NrUHJlc3NlZFxuICAgICAgICB9IiwibWVybWFpZCI6eyJ0aGVtZSI6ImRlZmF1bHQifX0"
/>
<h2>Gantt</h2>
<img
src="http://localhost:3000/img/eyJjb2RlIjoiZ2FudHRcbiAgICAgICBkYXRlRm9ybWF0ICBZWVlZLU1NLUREXG4gICAgICAgdGl0bGUgQWRkaW5nIEdBTlRUIGRpYWdyYW0gZnVuY3Rpb25hbGl0eSB0byBtZXJtYWlkXG5cbiAgICAgICBzZWN0aW9uIEEgc2VjdGlvblxuICAgICAgIENvbXBsZXRlZCB0YXNrICAgICAgICAgICAgOmRvbmUsICAgIGRlczEsIDIwMTQtMDEtMDYsMjAxNC0wMS0wOFxuICAgICAgIEFjdGl2ZSB0YXNrICAgICAgICAgICAgICAgOmFjdGl2ZSwgIGRlczIsIDIwMTQtMDEtMDksIDNkXG4gICAgICAgRnV0dXJlIHRhc2sgICAgICAgICAgICAgICA6ICAgICAgICAgZGVzMywgYWZ0ZXIgZGVzMiwgNWRcbiAgICAgICBGdXR1cmUgdGFzazIgICAgICAgICAgICAgIDogICAgICAgICBkZXM0LCBhZnRlciBkZXMzLCA1ZFxuXG4gICAgICAgc2VjdGlvbiBDcml0aWNhbCB0YXNrc1xuICAgICAgIENvbXBsZXRlZCB0YXNrIGluIHRoZSBjcml0aWNhbCBsaW5lIDpjcml0LCBkb25lLCAyMDE0LTAxLTA2LDI0aFxuICAgICAgIEltcGxlbWVudCBwYXJzZXIgYW5kIGppc29uICAgICAgICAgIDpjcml0LCBkb25lLCBhZnRlciBkZXMxLCAyZFxuICAgICAgIENyZWF0ZSB0ZXN0cyBmb3IgcGFyc2VyICAgICAgICAgICAgIDpjcml0LCBhY3RpdmUsIDNkXG4gICAgICAgRnV0dXJlIHRhc2sgaW4gY3JpdGljYWwgbGluZSAgICAgICAgOmNyaXQsIDVkXG4gICAgICAgQ3JlYXRlIHRlc3RzIGZvciByZW5kZXJlciAgICAgICAgICAgOjJkXG4gICAgICAgQWRkIHRvIG1lcm1haWQgICAgICAgICAgICAgICAgICAgICAgOjFkXG5cbiAgICAgICBzZWN0aW9uIERvY3VtZW50YXRpb25cbiAgICAgICBEZXNjcmliZSBnYW50dCBzeW50YXggICAgICAgICAgICAgICA6YWN0aXZlLCBhMSwgYWZ0ZXIgZGVzMSwgM2RcbiAgICAgICBBZGQgZ2FudHQgZGlhZ3JhbSB0byBkZW1vIHBhZ2UgICAgICA6YWZ0ZXIgYTEgICwgMjBoXG4gICAgICAgQWRkIGFub3RoZXIgZGlhZ3JhbSB0byBkZW1vIHBhZ2UgICAgOmRvYzEsIGFmdGVyIGExICAsIDQ4aFxuXG4gICAgICAgc2VjdGlvbiBMYXN0IHNlY3Rpb25cbiAgICAgICBEZXNjcmliZSBnYW50dCBzeW50YXggICAgICAgICAgICAgICA6YWZ0ZXIgZG9jMSwgM2RcbiAgICAgICBBZGQgZ2FudHQgZGlhZ3JhbSB0byBkZW1vIHBhZ2UgICAgICA6MjBoXG4gICAgICAgQWRkIGFub3RoZXIgZGlhZ3JhbSB0byBkZW1vIHBhZ2UgICAgOjQ4aCIsIm1lcm1haWQiOnsidGhlbWUiOiJkZWZhdWx0In19"
/>
<h2>Pie Chart</h2>
<img
src="http://localhost:3000/img/eyJjb2RlIjoicGllXG4gICAgXCJEb2dzXCIgOiAzODZcbiAgICBcIkNhdHNcIiA6IDg1XG4gICAgXCJSYXRzXCIgOiAxNSAiLCJtZXJtYWlkIjp7InRoZW1lIjoiZGVmYXVsdCJ9fQ"
/>
</body>
</html>