gregoryv/draw

View on GitHub
design/img/diagram_example.svg

Summary

Maintainability
Test Coverage
<svg
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  font-family="Arial,Helvetica,sans-serif" width="745" height="372">
<rect stroke="#d3d3d3" fill="#ffffff" x="10" y="30" width="56" height="26"/>
<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="16" y="46">Record</text>
<path stroke="black" d="M130,80 L180,70" />

<path stroke="black" d="M130,80 L100,70" />

<path stroke="black" d="M130,80 L80,100" />

<path stroke="black" d="M130,80 L170,100" />

<path stroke="black" d="M130,80 L220,80" />

<path stroke="black" d="M130,80 L80,80" />

<path stroke="black" d="M130,80 L130,40" />

<path stroke="black" d="M130,80 L130,120" />

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="216" y="46">Label</text>
<path stroke="black" d="M20,150 L150,150" />
<g transform="rotate(0 20 150)"><circle class="line-tail" cx="23" cy="150" r="3" />\n</g>

<path stroke="black" d="M20,186 L150,186" />
<g transform="rotate(0 20 186)"><path class="line-tail" d="M20,186 l 6,-4 6,4 -6,4 -6,-4" /></g>

<path stroke="#d3d3d3" fill="#ffffcc" d="M20,224 v 41 h 96 v -31 l -10,-10 L 20,224 M116,234 h -10 v -10"/>
<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="30" y="240">Notes support</text>
<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="30" y="256">multilines</text>

<circle stroke="#d3d3d3" stroke-width="2" fill="#ffffff" cx="30" cy="305" r="10" />\n
<circle stroke="black" cx="76" cy="305" r="6" />\n
<circle stroke="black" stroke-width="2" fill="#ffffff" cx="124" cy="305" r="10" />\n<circle stroke="black" cx="124" cy="305" r="6" />\n
<path stroke="black" d="M40,305 L70,305" />
<g transform="rotate(90 70 305)"><path stroke="black" fill="#ffffff" d="M66,313 l4,-8 l 4,8 Z" /></g>

<path stroke="black" d="M82,305 L112,305" />
<g transform="rotate(90 112 305)"><path stroke="black" fill="#ffffff" d="M108,313 l4,-8 l 4,8 Z" /></g>

<rect stroke="#d3d3d3" fill="#ffffff" x="180" y="186" width="72" height="26"/>
<rect stroke="#d3d3d3" fill="#ffffff" x="175" y="191" width="10" height="5"/><rect stroke="#d3d3d3" fill="#ffffff" x="175" y="202" width="10" height="5"/><text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="191" y="204">database</text>
<rect stroke="#d3d3d3" fill="#ffffff" x="20" y="345" width="41" height="26"/>
<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="26" y="363">Rect</text>
<rect stroke="#d3d3d3" fill="#ffffff" rx="10" ry="10" x="91" y="345" width="132" height="26"/>
<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="97" y="363">Waiting for go routine</text>
<rect stroke="#d3d3d3" fill="#ffffff" x="186" y="242" width="60" height="26"/>
<rect stroke="#d3d3d3" fill="#ffffff" x="181" y="247" width="10" height="5"/><rect stroke="#d3d3d3" fill="#ffffff" x="181" y="258" width="10" height="5"/><text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="197" y="260">service</text>
<path stroke="black" d="M216,242 L216,212" />
<g transform="rotate(0 216 212)"><path stroke="black" fill="#ffffff" d="M212,220 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="230" y="235"></text>
<circle stroke="black" cx="606" cy="206" r="6" />\n
<circle stroke="black" cx="738" cy="206" r="6" />\n
<path stroke="black" d="M612,206 L732,206" />
<g transform="rotate(90 732 206)"><path stroke="black" fill="#ffffff" d="M728,214 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="658" y="226">label</text>
<circle stroke="black" cx="666" cy="266" r="6" />\n
<path stroke="black" d="M612,212 L660,260" />
<g transform="rotate(135 660 260)"><path stroke="black" fill="#ffffff" d="M656,268 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="636" y="244">label</text>
<circle stroke="black" cx="606" cy="338" r="6" />\n
<path stroke="black" d="M606,212 L606,332" />
<g transform="rotate(180 606 332)"><path stroke="black" fill="#ffffff" d="M602,340 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="620" y="280">label</text>
<circle stroke="black" cx="526" cy="286" r="6" />\n
<path stroke="black" d="M600,212 L532,280" />
<g transform="rotate(225 532 280)"><path stroke="black" fill="#ffffff" d="M528,288 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="566" y="254">label</text>
<circle stroke="black" cx="474" cy="206" r="6" />\n
<path stroke="black" d="M600,206 L480,206" />
<g transform="rotate(270 480 206)"><path stroke="black" fill="#ffffff" d="M476,214 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="526" y="226">label</text>
<circle stroke="black" cx="526" cy="126" r="6" />\n
<path stroke="black" d="M600,200 L532,132" />
<g transform="rotate(315 532 132)"><path stroke="black" fill="#ffffff" d="M528,140 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="566" y="174">label</text>
<circle stroke="black" cx="606" cy="74" r="6" />\n
<path stroke="black" d="M606,200 L606,80" />
<g transform="rotate(0 606 80)"><path stroke="black" fill="#ffffff" d="M602,88 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="620" y="148">label</text>
<circle stroke="black" cx="666" cy="126" r="6" />\n
<path stroke="black" d="M610,200 L661,132" />
<g transform="rotate(37 661 132)"><path stroke="black" fill="#ffffff" d="M657,140 l4,-8 l 4,8 Z" /></g>

<text font-family="Arial,Helvetica,sans-serif" font-size="12px" x="635" y="174">label</text></svg>