--- /dev/null
+<svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="154"
+ height="100"
+>
+ <defs>
+ <rect id="rect"
+ stroke-width="0"
+ x="0"
+ y="0"
+ width="37"
+ height="94"
+ />
+ </defs>
+ <defs>
+ <circle id="circle"
+ stroke-width="1"
+ stroke="black"
+ fill="#a22"
+ cx="0"
+ cy="0"
+ r="4"
+ />
+ </defs>
+ <marker
+ id="arrow"
+ stroke="white"
+ fill="white"
+ viewBox="0 0 10 10" refX="5" refY="5"
+ markerWidth="4" markerHeight="4"
+ orient="auto-start-reverse">
+ <path d="M 0 0 L 10 5 L 0 10 z" />
+ </marker>
+ <use fill="#bbf" xlink:href="#rect" transform="translate(0, 0)"/>
+ <use fill="#99f" xlink:href="#rect" transform="translate(36, 0)"/>
+ <use fill="#44f" xlink:href="#rect" transform="translate(72, 0)"/>
+ <use fill="#11f" xlink:href="#rect" transform="translate(108, 0)"/>
+
+ <text x="47" y="40" stroke="white" fill="white" font-size="25">DSS</text>
+
+ <line
+ x1="7" y1="50" x2="127" y2="50" stroke-width="3"
+ stroke="white"
+ marker-end="url(#arrow)"
+ />
+ <use xlink:href="#circle" x="18" y="77"/>
+
+ <use xlink:href="#circle" x="48" y="77"/>
+ <use xlink:href="#circle" x="60" y="77"/>
+
+ <use xlink:href="#circle" x="77" y="77"/>
+ <use xlink:href="#circle" x="86" y="77"/>
+ <use xlink:href="#circle" x="95" y="77"/>
+ <use xlink:href="#circle" x="104" y="77"/>
+
+ <use xlink:href="#circle" x="113" y="70"/>
+ <use xlink:href="#circle" x="122" y="70"/>
+ <use xlink:href="#circle" x="131" y="70"/>
+ <use xlink:href="#circle" x="140" y="70"/>
+ <use xlink:href="#circle" x="114" y="85"/>
+ <use xlink:href="#circle" x="122" y="85"/>
+ <use xlink:href="#circle" x="130" y="85"/>
+ <use xlink:href="#circle" x="138" y="85"/>
+</svg>