diagram with dot + makefile (graphviz)

between_systems.dot

@@ -0,0 +1,11 @@
+graph vvv
+{
+ # rankdir=LR
+ lurk [href="http://echo.lurk.org:999/"] [label="echo.lurk.org"];
+ xpub [href="http://xpub.nl/"] [label="xpub.nl"];
+ sandbox [href="http://hub.xpub.nl/sandbox/"] [label="sandbox"];
+ lurk--sandbox [label="radiostream"] [color =red];
+ sandbox--xpub [label="proxy"]; 
+ xpub--lurk [label="<audio>"]
+ listener--xpub [label="browser"]
+}

between_systems.svg

@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Generated by graphviz version 2.40.1 (20161225.0304)
- -->
-<!-- Title: vvv Pages: 1 -->
-<svg width="264pt" height="218pt"
- viewBox="0.00 0.00 263.69 218.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 214)">
-<title>vvv</title>
-<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-214 259.6932,-214 259.6932,4 -4,4"/>
-<!-- lurk -->
-<g id="node1" class="node">
-<title>lurk</title>
-<g id="a_node1"><a xlink:href="http://echo.lurk.org:999/" xlink:title="echo.lurk.org">
-<ellipse fill="none" stroke="#000000" cx="78.2964" cy="-192" rx="57.6901" ry="18"/>
-<text text-anchor="middle" x="78.2964" y="-188.3" font-family="Times,serif" font-size="14.00" fill="#000000">echo.lurk.org</text>
-</a>
-</g>
-</g>
-<!-- sandbox -->
-<g id="node3" class="node">
-<title>sandbox</title>
-<g id="a_node3"><a xlink:href="http://hub.xpub.nl/sandbox/" xlink:title="sandbox">
-<ellipse fill="none" stroke="#000000" cx="40.2964" cy="-105" rx="40.0939" ry="18"/>
-<text text-anchor="middle" x="40.2964" y="-101.3" font-family="Times,serif" font-size="14.00" fill="#000000">sandbox</text>
-</a>
-</g>
-</g>
-<!-- lurk&#45;&#45;sandbox -->
-<g id="edge1" class="edge">
-<title>lurk&#45;&#45;sandbox</title>
-<path fill="none" stroke="#ff0000" d="M54.1552,-175.4341C48.1733,-170.0031 42.5486,-163.428 39.2964,-156 34.8211,-145.7784 34.9934,-133.264 36.3225,-123.19"/>
-<text text-anchor="middle" x="71.7964" y="-144.8" font-family="Times,serif" font-size="14.00" fill="#000000">radiostream</text>
-</g>
-<!-- xpub -->
-<g id="node2" class="node">
-<title>xpub</title>
-<g id="a_node2"><a xlink:href="http://xpub.nl/" xlink:title="xpub.nl">
-<ellipse fill="none" stroke="#000000" cx="118.2964" cy="-18" rx="37.8943" ry="18"/>
-<text text-anchor="middle" x="118.2964" y="-14.3" font-family="Times,serif" font-size="14.00" fill="#000000">xpub.nl</text>
-</a>
-</g>
-</g>
-<!-- xpub&#45;&#45;lurk -->
-<g id="edge3" class="edge">
-<title>xpub&#45;&#45;lurk</title>
-<path fill="none" stroke="#000000" d="M119.3839,-36.1029C120.3705,-63.1423 119.7854,-115.2577 104.2964,-156 101.8307,-162.4858 97.8852,-168.8607 93.8052,-174.4011"/>
-<text text-anchor="middle" x="141.7964" y="-101.3" font-family="Times,serif" font-size="14.00" fill="#000000">&lt;audio&gt;</text>
-</g>
-<!-- sandbox&#45;&#45;xpub -->
-<g id="edge2" class="edge">
-<title>sandbox&#45;&#45;xpub</title>
-<path fill="none" stroke="#000000" d="M49.3097,-87.4331C55.0889,-77.0874 63.1987,-64.0936 72.2964,-54 79.3576,-46.1659 88.2733,-38.7557 96.3715,-32.7177"/>
-<text text-anchor="middle" x="88.2964" y="-57.8" font-family="Times,serif" font-size="14.00" fill="#000000">proxy</text>
-</g>
-<!-- listener -->
-<g id="node4" class="node">
-<title>listener</title>
-<ellipse fill="none" stroke="#000000" cx="219.2964" cy="-105" rx="36.2938" ry="18"/>
-<text text-anchor="middle" x="219.2964" y="-101.3" font-family="Times,serif" font-size="14.00" fill="#000000">listener</text>
-</g>
-<!-- listener&#45;&#45;xpub -->
-<g id="edge4" class="edge">
-<title>listener&#45;&#45;xpub</title>
-<path fill="none" stroke="#000000" d="M200.7715,-89.0429C182.5478,-73.3453 154.8869,-49.5185 136.7039,-33.856"/>
-<text text-anchor="middle" x="196.2964" y="-57.8" font-family="Times,serif" font-size="14.00" fill="#000000">browser</text>
-</g>
-</g>
-</svg>