From 8b68341c9851513b7e591865d2f8c1ddbde8d12e Mon Sep 17 00:00:00 2001
From: Victoria Bialas <victoria.bialas@docker.com>
Date: Fri, 20 Jan 2017 17:58:07 -0800
Subject: [PATCH] added voting app diagram svg for safe-keeping

Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
---
 engine/getstarted-voting-app/images/diagram.svg | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 engine/getstarted-voting-app/images/diagram.svg

diff --git a/engine/getstarted-voting-app/images/diagram.svg b/engine/getstarted-voting-app/images/diagram.svg
new file mode 100644
index 0000000000..2f25fb5a96
--- /dev/null
+++ b/engine/getstarted-voting-app/images/diagram.svg
@@ -0,0 +1,13 @@
+<svg id="mermaidChart0" xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 1495 322" style="max-width:1495px;"><style type="text/css" title="mermaid-svg-internal-css">/*  */
+#mermaidChart0 .node&gt;rect { ; }
+#mermaidChart0 .node text  { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
+#mermaidChart0 .edgeLabel text  { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
+#mermaidChart0 .cluster rect  { rx:4px; fill: rgb(255, 255, 222); rx: 4px; stroke: rgb(170, 170, 51); stroke-width: 1px; }
+*, ::before, ::after { box-sizing: inherit;}
+.mermaid .label { color: rgb(51, 51, 51);}
+.node rect, .node circle, .node polygon { fill: rgb(236, 236, 255); stroke: rgb(204, 204, 255); stroke-width: 1px;}
+.cluster rect { fill: rgb(255, 255, 222); rx: 40; stroke: rgb(170, 170, 51); stroke-width: 1px;}
+.cluster text { fill: rgb(51, 51, 51);}
+text { font-family: "trebuchet ms", verdana, arial; font-size: 14px;}
+/*  */
+</style><g><g class="output"><g class="clusters"><g class="cluster" id="subGraph9" transform="translate(737.5,151)" style="opacity: 1;"><rect width="1435" height="262" x="-717.5" y="-131"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-117" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> swarm</text></g><g class="cluster" id="subGraph8" transform="translate(737.5,151)" style="opacity: 1;"><rect width="1395" height="212" x="-697.5" y="-106"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-92" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> voting app stack</text></g><g class="cluster" id="subGraph2" transform="translate(244.5,151)" style="opacity: 1;"><rect width="369" height="162" x="-184.5" y="-81"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-67" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> manager node</text></g><g class="cluster" id="subGraph7" transform="translate(932,151)" style="opacity: 1;"><rect width="966" height="162" x="-483" y="-81"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-67" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> worker node</text></g><g class="cluster" id="subGraph3" transform="translate(610,151)" style="opacity: 1;"><rect width="282" height="112" x="-141" y="-56"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-42" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> vote service</text></g><g class="cluster" id="subGraph4" transform="translate(912,151)" style="opacity: 1;"><rect width="282" height="112" x="-141" y="-56"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-42" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> results service</text></g><g class="cluster" id="subGraph5" transform="translate(1148.5,151)" style="opacity: 1;"><rect width="151" height="112" x="-75.5" y="-56"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-42" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> redis service</text></g><g class="cluster" id="subGraph6" transform="translate(1319.5,151)" style="opacity: 1;"><rect width="151" height="112" x="-75.5" y="-56"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-42" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> worker service</text></g><g class="cluster" id="subGraph0" transform="translate(159,151)" style="opacity: 1;"><rect width="158" height="112" x="-79" y="-56"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-42" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> db service</text></g><g class="cluster" id="subGraph1" transform="translate(333.5,151)" style="opacity: 1;"><rect width="151" height="112" x="-75.5" y="-56"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-42" fill="black" stroke="none" id="mermaidChart0Text" style="text-anchor: middle;"> visualizer service</text></g></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="node" id="worker" transform="translate(1319.5,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-40.5" y="-31" width="81" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-30.5,-21)"><foreignObject width="61" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">worker<br>container</div></foreignObject></g></g></g><g class="node" id="redis" transform="translate(1148.5,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-40.5" y="-31" width="81" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-30.5,-21)"><foreignObject width="61" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">redis<br>container</div></foreignObject></g></g></g><g class="node" id="results1" transform="translate(846.5,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-40.5" y="-31" width="81" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-30.5,-21)"><foreignObject width="61" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">results<br>container</div></foreignObject></g></g></g><g class="node" id="results2" transform="translate(977.5,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-40.5" y="-31" width="81" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-30.5,-21)"><foreignObject width="61" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">results<br>container</div></foreignObject></g></g></g><g class="node" id="vote1" transform="translate(544.5,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-40.5" y="-31" width="81" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-30.5,-21)"><foreignObject width="61" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">vote<br>container</div></foreignObject></g></g></g><g class="node" id="vote2" transform="translate(675.5,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-40.5" y="-31" width="81" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-30.5,-21)"><foreignObject width="61" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">vote<br>container</div></foreignObject></g></g></g><g class="node" id="viz" transform="translate(333.5,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-40.5" y="-31" width="81" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-30.5,-21)"><foreignObject width="61" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">visualizer<br>container</div></foreignObject></g></g></g><g class="node" id="id1" transform="translate(159,151)" style="opacity: 1;"><rect rx="0" ry="0" x="-44" y="-31" width="88" height="62"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-34,-21)"><foreignObject width="68" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">postgresql<br>container</div></foreignObject></g></g></g></g></g></g></svg>
\ No newline at end of file