forked from dreampuf/GraphvizOnline
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (70 loc) · 1.62 KB
/
index.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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="utf-8">
<head>
<title>graphviz</title>
<link rel="stylesheet" type="text/css" href="print.css">
</head>
<body>
<pre id="editor">
digraph G {
compound=false;
node [margin=0.1 fontcolor=black fontsize=10 width=0.5 height=0.2 shape=box fontname=arial]
edge [arrowsize=0.3 fontname=arial]
graph [splines=ortho, nodesep=0.2 ranksep = 0.5]
rankdir = "LR";
overlap = false;
concentrate=false
ratio = fill
splines=true;
subgraph cluster0 {
a;
b;
c;
label = "cluster0";
}
subgraph cluster1 {
d;
e;
label = "cluster1";
}
b [fillcolor=yellow label="b"]
d [label="d"]
a -> {c d}
b-> {c d}
e -> c [label="e to c"]
f -> c
g -> a
a -> f;
}
</pre>
<div id="options" style="display: none;">
<label id="engine">
Engine:
<select>
<option selected="">dot</option>
</select>
</label>
<label id="format" style="display: none;">
Format:
<select>
<option selected="">svg</option>
</select>
</label>
<label id="raw" class="disabled">
<input type="checkbox" disabled=""> Show raw output
</label>
<label>
<input type="button" value="Share" id="share">
</label>
<input type="input" value="" id="shareurl">
</div>
<div id="review">
<div id="error"></div>
</div>
<div id="status"></div>
</div>
<script src="ace/ace.js"></script>
<script src="viz.js"></script>
<script src="init.js"></script>
</body>
</html>