git.fiddlerwoaroof.com
Browse code

Inline diagram

Ed Langley authored on 25/07/2018 21:06:37
Showing 3 changed files
... ...
@@ -33,14 +33,55 @@
33 33
 +----------+      +----------------------------+
34 34
 </code></p>
35 35
 
36
-<p><img src='https://g.gravizo.com/svg?
37
- digraph G {
38
-   node p [label="(PARSE string synthesizer)"];
39
-   READ-EDN &lt;- p;
40
-   READ-EDN -> SYNTHESIZER;
41
-   SYNTHESIZER -> p;
42
- }
43
-'/></p>
36
+<p><?xml version="1.0" encoding="UTF-8" standalone="no"?>
37
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
38
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
39
+<!-- Generated by graphviz version 2.40.1 (20161225.0304)
40
+ -->
41
+<!-- Title: G Pages: 1 -->
42
+<svg width="177pt" height="188pt"
43
+viewBox="0.00 0.00 177.48 188.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
44
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 184)">
45
+<title>G</title>
46
+<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-184 173.4805,-184 173.4805,4 -4,4"/>
47
+<!-- p -->
48
+<g id="node1" class="node">
49
+<title>p</title>
50
+<polygon fill="none" stroke="#000000" points="169.7214,-180 -.2409,-180 -.2409,-144 169.7214,-144 169.7214,-180"/>
51
+<text text-anchor="middle" x="84.7402" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">(PARSE string synthesizer)</text>
52
+</g>
53
+<!-- READ&#45;EDN -->
54
+<g id="node2" class="node">
55
+<title>READ&#45;EDN</title>
56
+<polygon fill="none" stroke="#000000" points="92.2863,-108 5.1941,-108 5.1941,-72 92.2863,-72 92.2863,-108"/>
57
+<text text-anchor="middle" x="48.7402" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">READ&#45;EDN</text>
58
+</g>
59
+<!-- p&#45;&gt;READ&#45;EDN -->
60
+<g id="edge1" class="edge">
61
+<title>p&#45;&gt;READ&#45;EDN</title>
62
+<path fill="none" stroke="#000000" d="M48.7402,-143.8314C48.7402,-143.8314 48.7402,-118.4133 48.7402,-118.4133"/>
63
+<polygon fill="#000000" stroke="#000000" points="52.2403,-118.4132 48.7402,-108.4133 45.2403,-118.4133 52.2403,-118.4132"/>
64
+</g>
65
+<!-- SYNTHESIZER -->
66
+<g id="node3" class="node">
67
+<title>SYNTHESIZER</title>
68
+<polygon fill="none" stroke="#000000" points="139.8506,-36 29.6298,-36 29.6298,0 139.8506,0 139.8506,-36"/>
69
+<text text-anchor="middle" x="84.7402" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">SYNTHESIZER</text>
70
+</g>
71
+<!-- READ&#45;EDN&#45;&gt;SYNTHESIZER -->
72
+<g id="edge2" class="edge">
73
+<title>READ&#45;EDN&#45;&gt;SYNTHESIZER</title>
74
+<path fill="none" stroke="#000000" d="M61.0989,-71.8314C61.0989,-71.8314 61.0989,-46.4133 61.0989,-46.4133"/>
75
+<polygon fill="#000000" stroke="#000000" points="64.599,-46.4132 61.0989,-36.4133 57.599,-46.4133 64.599,-46.4132"/>
76
+</g>
77
+<!-- SYNTHESIZER&#45;&gt;p -->
78
+<g id="edge3" class="edge">
79
+<title>SYNTHESIZER&#45;&gt;p</title>
80
+<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M116.1541,-36.2377C116.1541,-36.2377 116.1541,-133.9104 116.1541,-133.9104"/>
81
+<polygon fill="#000000" stroke="#000000" points="112.6542,-133.9103 116.1541,-143.9104 119.6542,-133.9104 112.6542,-133.9103"/>
82
+</g>
83
+</g>
84
+</svg></p>
44 85
 
45 86
 <h2>Systems for Components:</h2>
46 87
 
... ...
@@ -21,14 +21,56 @@ Conceptual Model:
21 21
 +----------+      +----------------------------+
22 22
 ```
23 23
 
24
-<img src='https://g.gravizo.com/svg?
25
- digraph G {
26
-   node p [label="(PARSE string synthesizer)"];
27
-   READ-EDN <- p;
28
-   READ-EDN -> SYNTHESIZER;
29
-   SYNTHESIZER -> p;
30
- }
31
-'/>
24
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
25
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
26
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
27
+<!-- Generated by graphviz version 2.40.1 (20161225.0304)
28
+ -->
29
+<!-- Title: G Pages: 1 -->
30
+<svg width="177pt" height="188pt"
31
+viewBox="0.00 0.00 177.48 188.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
32
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 184)">
33
+<title>G</title>
34
+<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-184 173.4805,-184 173.4805,4 -4,4"/>
35
+<!-- p -->
36
+<g id="node1" class="node">
37
+<title>p</title>
38
+<polygon fill="none" stroke="#000000" points="169.7214,-180 -.2409,-180 -.2409,-144 169.7214,-144 169.7214,-180"/>
39
+<text text-anchor="middle" x="84.7402" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">(PARSE string synthesizer)</text>
40
+</g>
41
+<!-- READ&#45;EDN -->
42
+<g id="node2" class="node">
43
+<title>READ&#45;EDN</title>
44
+<polygon fill="none" stroke="#000000" points="92.2863,-108 5.1941,-108 5.1941,-72 92.2863,-72 92.2863,-108"/>
45
+<text text-anchor="middle" x="48.7402" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">READ&#45;EDN</text>
46
+</g>
47
+<!-- p&#45;&gt;READ&#45;EDN -->
48
+<g id="edge1" class="edge">
49
+<title>p&#45;&gt;READ&#45;EDN</title>
50
+<path fill="none" stroke="#000000" d="M48.7402,-143.8314C48.7402,-143.8314 48.7402,-118.4133 48.7402,-118.4133"/>
51
+<polygon fill="#000000" stroke="#000000" points="52.2403,-118.4132 48.7402,-108.4133 45.2403,-118.4133 52.2403,-118.4132"/>
52
+</g>
53
+<!-- SYNTHESIZER -->
54
+<g id="node3" class="node">
55
+<title>SYNTHESIZER</title>
56
+<polygon fill="none" stroke="#000000" points="139.8506,-36 29.6298,-36 29.6298,0 139.8506,0 139.8506,-36"/>
57
+<text text-anchor="middle" x="84.7402" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">SYNTHESIZER</text>
58
+</g>
59
+<!-- READ&#45;EDN&#45;&gt;SYNTHESIZER -->
60
+<g id="edge2" class="edge">
61
+<title>READ&#45;EDN&#45;&gt;SYNTHESIZER</title>
62
+<path fill="none" stroke="#000000" d="M61.0989,-71.8314C61.0989,-71.8314 61.0989,-46.4133 61.0989,-46.4133"/>
63
+<polygon fill="#000000" stroke="#000000" points="64.599,-46.4132 61.0989,-36.4133 57.599,-46.4133 64.599,-46.4132"/>
64
+</g>
65
+<!-- SYNTHESIZER&#45;&gt;p -->
66
+<g id="edge3" class="edge">
67
+<title>SYNTHESIZER&#45;&gt;p</title>
68
+<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M116.1541,-36.2377C116.1541,-36.2377 116.1541,-133.9104 116.1541,-133.9104"/>
69
+<polygon fill="#000000" stroke="#000000" points="112.6542,-133.9103 116.1541,-143.9104 119.6542,-133.9104 112.6542,-133.9103"/>
70
+</g>
71
+</g>
72
+</svg>
73
+
32 74
 
33 75
 Systems for Components:
34 76
 -----------------------
35 77
new file mode 100644
... ...
@@ -0,0 +1,9 @@
1
+digraph G {
2
+  splines=ortho;
3
+  p[label="(PARSE string synthesizer)",shape=box];
4
+  "READ-EDN" [shape=box];
5
+  "SYNTHESIZER" [shape=box];
6
+  p -> "READ-EDN";
7
+  "READ-EDN" -> SYNTHESIZER;
8
+  SYNTHESIZER -> p [style=dashed];
9
+}