Skip to content

Instantly share code, notes, and snippets.

@john-g-g
Created December 15, 2014 02:49
Show Gist options
  • Save john-g-g/b58506d18628b6e2ad24 to your computer and use it in GitHub Desktop.
Save john-g-g/b58506d18628b6e2ad24 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg viewBox="0 0 640 489" xmlns="http://www.w3.org/2000/svg" xmlns:inkspace="http://www.inkscape.org/namespaces/inkscape" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs id="defs_block">
<filter height="1.504" id="filter_blur" inkspace:collect="always" width="1.1575" x="-0.07875" y="-0.252">
<feGaussianBlur id="feGaussianBlur3780" inkspace:collect="always" stdDeviation="4.2" />
</filter>
</defs>
<title>blockdiag</title>
<desc>seqdiag {
browser -&gt; webserver [label = "GET /index.html"];
browser &lt;-- webserver;
browser -&gt; webserver [label = "POST /blog/comment"];
webserver -&gt; database [label = "INSERT comment"];
webserver &lt;-- database;
browser &lt;-- webserver;
}
</desc>
<rect fill="rgb(0,0,0)" height="326" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="8" x="127" y="141" />
<rect fill="rgb(0,0,0)" height="50" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="8" x="319" y="141" />
<rect fill="rgb(0,0,0)" height="164" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="8" x="319" y="257" />
<rect fill="rgb(0,0,0)" height="50" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="8" x="511" y="321" />
<rect fill="rgb(0,0,0)" height="40" stroke="rgb(0,0,0)" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="128" x="67" y="46" />
<rect fill="rgb(0,0,0)" height="40" stroke="rgb(0,0,0)" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="128" x="259" y="46" />
<rect fill="rgb(0,0,0)" height="40" stroke="rgb(0,0,0)" style="filter:url(#filter_blur);opacity:0.7;fill-opacity:1" width="128" x="451" y="46" />
<path d="M 128 80 L 128 477" fill="none" stroke="rgb(0,0,0)" stroke-dasharray="8 4" />
<rect fill="moccasin" height="326" stroke="rgb(0,0,0)" width="8" x="124" y="135" />
<path d="M 320 80 L 320 477" fill="none" stroke="rgb(0,0,0)" stroke-dasharray="8 4" />
<rect fill="moccasin" height="50" stroke="rgb(0,0,0)" width="8" x="316" y="135" />
<rect fill="moccasin" height="164" stroke="rgb(0,0,0)" width="8" x="316" y="251" />
<path d="M 512 80 L 512 477" fill="none" stroke="rgb(0,0,0)" stroke-dasharray="8 4" />
<rect fill="moccasin" height="50" stroke="rgb(0,0,0)" width="8" x="508" y="315" />
<rect fill="rgb(255,255,255)" height="40" stroke="rgb(0,0,0)" width="128" x="64" y="40" />
<text fill="rgb(0,0,0)" font-family="sansserif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="44" x="128" y="65">browser</text>
<rect fill="rgb(255,255,255)" height="40" stroke="rgb(0,0,0)" width="128" x="256" y="40" />
<text fill="rgb(0,0,0)" font-family="sansserif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="55" x="320" y="65">webserver</text>
<rect fill="rgb(255,255,255)" height="40" stroke="rgb(0,0,0)" width="128" x="448" y="40" />
<text fill="rgb(0,0,0)" font-family="sansserif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="49" x="512" y="65">database</text>
<path d="M 136 135 L 312 135" fill="none" stroke="rgb(0,0,0)" />
<polygon fill="rgb(0,0,0)" points="304,131 312,135 304,139" stroke="rgb(0,0,0)" />
<path d="M 136 185 L 312 185" fill="none" stroke="rgb(0,0,0)" stroke-dasharray="4" />
<polygon fill="rgb(0,0,0)" points="144,181 136,185 144,189" stroke="rgb(0,0,0)" />
<path d="M 136 251 L 312 251" fill="none" stroke="rgb(0,0,0)" />
<polygon fill="rgb(0,0,0)" points="304,247 312,251 304,255" stroke="rgb(0,0,0)" />
<path d="M 328 315 L 504 315" fill="none" stroke="rgb(0,0,0)" />
<polygon fill="rgb(0,0,0)" points="496,311 504,315 496,319" stroke="rgb(0,0,0)" />
<path d="M 328 365 L 504 365" fill="none" stroke="rgb(0,0,0)" stroke-dasharray="4" />
<polygon fill="rgb(0,0,0)" points="336,361 328,365 336,369" stroke="rgb(0,0,0)" />
<path d="M 136 415 L 312 415" fill="none" stroke="rgb(0,0,0)" stroke-dasharray="4" />
<polygon fill="rgb(0,0,0)" points="144,411 136,415 144,419" stroke="rgb(0,0,0)" />
<text fill="rgb(0,0,0)" font-family="sansserif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="87" x="183" y="133">GET /index.html</text>
<text fill="rgb(0,0,0)" font-family="sansserif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="119" x="199" y="249">POST /blog/comment</text>
<text fill="rgb(0,0,0)" font-family="sansserif" font-size="11" font-style="normal" font-weight="normal" text-anchor="middle" textLength="96" x="380" y="313">INSERT comment</text>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment