examples/dot/graph.svg

<svg height="142.06342" viewBox="0 0 71.7285 142.06342" width="71.7285" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink">
<g class="graph" id="graph-0">
<g id="a-graph-0">
<a>
<rect fill="transparent" height="142.06342" stroke="transparent" width="71.7285" x="0" y="0"/>
</a>
</g>
</g>
<defs>
<filter height="300%" id="red-glow" width="300%" x="-100%" y="-100%">
<feFlood flood-color="red" flood-opacity="0.5" in="SourceGraphic"/>
<feComposite in2="SourceGraphic" operator="in"/>
<feGaussianBlur stdDeviation="5"/>
<feComponentTransfer result="glow1">
<feFuncA intercept="0" slope="4" type="linear"/>
</feComponentTransfer>
<feMerge>
<feMergeNode in="glow1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter height="300%" id="green-glow" width="300%" x="-100%" y="-100%">
<feFlood flood-color="green" flood-opacity="0.5" in="SourceGraphic"/>
<feComposite in2="SourceGraphic" operator="in"/>
<feGaussianBlur stdDeviation="5"/>
<feComponentTransfer result="glow1">
<feFuncA intercept="0" slope="4" type="linear"/>
</feComponentTransfer>
<feMerge>
<feMergeNode in="glow1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter height="300%" id="orange-glow" width="300%" x="-100%" y="-100%">
<feFlood flood-color="orange" flood-opacity="0.5" in="SourceGraphic"/>
<feComposite in2="SourceGraphic" operator="in"/>
<feGaussianBlur stdDeviation="5"/>
<feComponentTransfer result="glow1">
<feFuncA intercept="0" slope="4" type="linear"/>
</feComponentTransfer>
<feMerge>
<feMergeNode in="glow1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<g class="edge" id="edge-0">
<title>a -&gt; b</title>
<g id="a-edge-0">
<a title="a -&gt; b" xlink:title="a -&gt; b">
<path d="M35.36425,45.801968 C35.36425,53.968636,35.36425,62.135303,35.36425,70.30197 C35.36425,78.468636,35.36425,86.63531,35.36425,94.80197" fill="none" stroke="black" stroke-width="1"/>
<polygon fill="black" points="35.36425,94.80197 39.36425,84.80197 31.36425,84.80197 35.36425,94.80197" stroke="black" stroke-width="1"/>
</a>
</g>
</g>
<g class="node" id="node-0">
<title>a</title>
<g id="a-node-0">
<a title="a" xlink:title="a">
<ellipse cx="35.36425" cy="27.650984" fill="white" rx="25.078136" ry="17.650984" stroke="black" stroke-width="1"/>
<path d="M35.485626,25.140236 Q37.048126,25.140236,37.798126,25.827736 Q38.56375,26.515236,38.56375,28.015236 L38.56375,33.858986 L37.5325,33.858986 L37.266876,32.640236 L37.18875,32.640236 Q36.829376,33.108986,36.43875,33.421486 Q36.048126,33.733986,35.5325,33.87461 Q35.0325,34.015236,34.31375,34.015236 Q33.548126,34.015236,32.923126,33.74961 Q32.31375,33.46836,31.954374,32.90586 Q31.610624,32.34336,31.610624,31.46836 Q31.610624,30.202736,32.610626,29.49961 Q33.62625,28.796486,35.72,28.733986 L37.173126,28.68711 L37.173126,28.171486 Q37.173126,27.108986,36.704376,26.702736 Q36.25125,26.28086,35.4075,26.28086 Q34.735626,26.28086,34.12625,26.483986 Q33.516876,26.671486,32.985626,26.93711 L32.56375,25.87461 Q33.110626,25.577736,33.87625,25.358986 Q34.6575,25.140236,35.485626,25.140236 ZM35.9075,29.71836 Q34.298126,29.78086,33.673126,30.233986 Q33.06375,30.671486,33.06375,31.483986 Q33.06375,32.21836,33.50125,32.56211 Q33.954376,32.890236,34.641876,32.890236 Q35.72,32.890236,36.43875,32.296486 Q37.1575,31.68711,37.1575,30.43711 L37.1575,29.671486 Z" fill="black"/>
</a>
</g>
</g>
<g class="node" id="node-1">
<title>b</title>
<g id="a-node-1">
<a title="b" xlink:title="b">
<ellipse cx="35.36425" cy="113.18269" fill="white" rx="25.36425" ry="17.880724" stroke="black" stroke-width="1"/>
<path d="M33.209877,110.18758 Q33.209877,110.73445,33.178627,111.2032 Q33.163002,111.67195,33.131752,111.9532 L33.209877,111.9532 Q33.584877,111.40633,34.225502,111.04695 Q34.866127,110.67195,35.866127,110.67195 Q37.475502,110.67195,38.428627,111.78133 Q39.397377,112.8907,39.397377,115.10945 Q39.397377,116.5782,38.959877,117.5782 Q38.522377,118.56258,37.725502,119.06258 Q36.928627,119.54695,35.866127,119.54695 Q34.866127,119.54695,34.225502,119.18758 Q33.584877,118.81258,33.209877,118.29695 L33.100502,118.29695 L32.819252,119.3907 L31.803625,119.3907 L31.803625,107.23445 L33.209877,107.23445 ZM35.631752,111.84383 Q34.709877,111.84383,34.178627,112.18758 Q33.663002,112.53133,33.428627,113.25008 Q33.209877,113.9532,33.209877,115.04695 L33.209877,115.12508 Q33.209877,116.7032,33.725502,117.54695 Q34.256752,118.37508,35.663002,118.37508 Q36.819252,118.37508,37.381752,117.53133 Q37.944252,116.68758,37.944252,115.09383 Q37.944252,113.46883,37.381752,112.65633 Q36.819252,111.84383,35.631752,111.84383 Z" fill="black"/>
</a>
</g>
</g>
</svg>