% cat graph.dot
graph networkdiagram {

  /*
     Colours for the lines relate to the line speed
     green is for 100 Mbit (100 Mb/s) (IBM Management)
     blue is for Gigabit (1 Gb/s)
     red is for 10 Gigabit (10 Gb/s)
  */

  imagepath="/usr/home/dusko/scratch/graphviz_network/images"

  label="\nCompute Cluster Network Diagram";

  node [shape="none", fontname="arial", fontsize=10, labelloc="b", color="#ffffff"];
  splines="compound";

  fw [label="Edge firewall", image="firewall.png"];
  panel [label="Patch panel", image="patchPanel24Port.png"];
  sw1 [label="Cisco switch", image="gigabitSwitch.png"];
  sw2 [label="Compute cluster switch", image="gigabitSwitch.png"];
  srv1 [label="WebMO and cluster storage", image="rackmountServer1U.png"];
  srv2 [label="Compute nodes 101-114", image="serverBlades.png"];
  srv3 [label="Compute nodes 201-214", image="serverBlades.png"];
  srv4 [label="Compute management node", image="rackmountServer1U.png"];
  cloud [label="Internet", image="cloud.png"];

  cloud -- fw [color="red"];
  fw -- panel [color="red"];
  sw1 -- panel [color="red"];
  panel -- srv4 [color="blue"];

  {
    rank="same";
    srv1; srv2; srv3; srv4;
  }

  srv1 -- sw1 [color="blue"];
  srv1 -- sw2 [color="blue"];
  srv1 -- sw2 [color="green"];
  srv2 -- sw2 [color="blue"];
  srv2 -- sw2 [color="green"];
  srv3 -- sw2 [color="blue"];
  srv3 -- sw2 [color="green"];
  srv4 -- sw2 [color="blue"];
}

% dot -Tpng graph.dot -o graph.png

% cat \
 graph.dot | \
 http \
 http://localhost:8000/plantuml/png \
 Content-Type:text/plain > \
 graph.png

% xv graph.png