examples/diff/graph1.svg

<svg height="234.37599" viewBox="0 0 139.512 234.37599" width="139.512" 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="234.37599" stroke="transparent" width="139.512" 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>Modified -&gt; B</title>
<g id="a-edge-0">
<a title="Modified -&gt; B" xlink:title="Modified -&gt; B">
<path d="M51.193077,47.792 C43.195385,56.12533,27.2,64.458664,27.2,72.792 C27.2,81.125336,27.2,89.45867,27.2,97.79201" fill="none" stroke="black" stroke-width="1"/>
<polygon fill="black" points="27.2,97.79201 31.2,87.79201 23.2,87.79201 27.2,97.79201" stroke="black" stroke-width="1"/>
</a>
</g>
</g>
<g class="edge" id="edge-1">
<title>Modified -&gt; C</title>
<g id="a-edge-1">
<a title="Modified -&gt; C" xlink:title="Modified -&gt; C">
<path d="M87.46292,47.792 C95.46061,56.12533,111.45599,64.458664,111.45599,72.792 C111.45599,81.125336,111.45599,89.45867,111.45599,97.79201" fill="none" stroke="black" stroke-width="1"/>
<polygon fill="black" points="111.45599,97.79201 115.45599,87.79201 107.45599,87.79201 111.45599,97.79201" stroke="black" stroke-width="1"/>
</a>
</g>
</g>
<g class="edge" id="edge-2">
<title>B -&gt; D</title>
<g id="a-edge-2">
<a filter="url(#green-glow)" title="B -&gt; D" xlink:title="B -&gt; D">
<path d="M27.2,135.584 C27.2,143.91733,27.2,152.25067,27.2,160.584 C27.2,169.01976,43.392002,177.45554,51.488003,185.8913" fill="none" stroke="black" stroke-width="1"/>
<polygon fill="black" points="51.488003,185.8913 46.578506,176.30501 41.321617,182.33537 51.488003,185.8913" stroke="black" stroke-width="1"/>
</a>
</g>
</g>
<g class="edge" id="edge-3">
<title>C -&gt; D</title>
<g id="a-edge-3">
<a filter="url(#green-glow)" title="C -&gt; D" xlink:title="C -&gt; D">
<path d="M111.45599,135.584 C111.45599,143.91733,111.45599,152.25067,111.45599,160.584 C111.45599,169.01976,95.264,177.45554,87.168,185.8913" fill="none" stroke="black" stroke-width="1"/>
<polygon fill="black" points="87.168,185.8913 97.33438,182.33537 92.0775,176.30501 87.168,185.8913" stroke="black" stroke-width="1"/>
</a>
</g>
</g>
<g class="node" id="node-0">
<title>Modified</title>
<g id="a-node-0">
<a filter="url(#orange-glow)" title="Modified" xlink:title="Modified">
<rect fill="white" height="37.792" stroke="black" stroke-width="1" width="90.656006" x="24" y="10"/>
<path d="M42.59375,35.104 L38.828125,25.088375 L38.765625,25.088375 Q38.796875,25.400875,38.8125,25.900875 Q38.84375,26.400875,38.859375,26.994625 Q38.875,27.57275,38.875,28.182125 L38.875,35.104 L37.546875,35.104 L37.546875,23.682125 L39.6875,23.682125 L43.203125,33.0415 L43.265625,33.0415 L46.84375,23.682125 L48.953125,23.682125 L48.953125,35.104 L47.53125,35.104 L47.53125,28.07275 Q47.53125,27.525875,47.546875,26.979 Q47.5625,26.4165,47.59375,25.932125 Q47.625,25.44775,47.640625,25.104 L47.578125,25.104 L43.78125,35.104 ZM59.3245,30.807125 Q59.3245,31.869625,59.04325,32.69775 Q58.762,33.525875,58.246376,34.104 Q57.73075,34.6665,56.98075,34.963375 Q56.246376,35.26025,55.3245,35.26025 Q54.48075,35.26025,53.762,34.963375 Q53.04325,34.6665,52.512,34.104 Q51.98075,33.525875,51.683876,32.69775 Q51.387,31.869625,51.387,30.807125 Q51.387,29.369625,51.871376,28.38525 Q52.35575,27.400875,53.246376,26.88525 Q54.137,26.369625,55.371376,26.369625 Q56.54325,26.369625,57.433876,26.88525 Q58.3245,27.400875,58.8245,28.38525 Q59.3245,29.369625,59.3245,30.807125 ZM52.85575,30.807125 Q52.85575,31.807125,53.10575,32.557125 Q53.371376,33.2915,53.933876,33.69775 Q54.496376,34.088375,55.35575,34.088375 Q56.23075,34.088375,56.777626,33.69775 Q57.340126,33.2915,57.60575,32.557125 Q57.871376,31.807125,57.871376,30.807125 Q57.871376,29.775875,57.590126,29.057125 Q57.3245,28.338375,56.777626,27.94775 Q56.23075,27.557125,55.340126,27.557125 Q54.027626,27.557125,53.433876,28.4165 Q52.85575,29.275875,52.85575,30.807125 ZM64.59825,35.26025 Q62.988876,35.26025,62.020126,34.150875 Q61.067,33.0415,61.067,30.838375 Q61.067,28.619625,62.03575,27.494625 Q63.0045,26.369625,64.61388,26.369625 Q65.28575,26.369625,65.77013,26.5415 Q66.27013,26.69775,66.6295,26.994625 Q67.0045,27.275875,67.27013,27.63525 L67.36388,27.63525 Q67.34825,27.4165,67.30138,27.01025 Q67.27013,26.604,67.27013,26.369625 L67.27013,22.94775 L68.67638,22.94775 L68.67638,35.104 L67.53575,35.104 L67.33263,33.94775 L67.27013,33.94775 Q67.0045,34.32275,66.6295,34.619625 Q66.27013,34.9165,65.77013,35.088375 Q65.27013,35.26025,64.59825,35.26025 ZM64.817,34.088375 Q66.17638,34.088375,66.72325,33.354 Q67.28575,32.604,67.28575,31.104 L67.28575,30.854 Q67.28575,29.244625,66.7545,28.400875 Q66.22325,27.5415,64.80138,27.5415 Q63.66075,27.5415,63.09825,28.44775 Q62.53575,29.338375,62.53575,30.869625 Q62.53575,32.400875,63.09825,33.244625 Q63.66075,34.088375,64.817,34.088375 ZM72.79762,26.525875 L72.79762,35.104 L71.39137,35.104 L71.39137,26.525875 ZM72.11012,23.307125 Q72.43825,23.307125,72.67262,23.525875 Q72.92262,23.744625,72.92262,24.213375 Q72.92262,24.650875,72.67262,24.88525 Q72.43825,25.104,72.11012,25.104 Q71.76637,25.104,71.51637,24.88525 Q71.282,24.650875,71.282,24.213375 Q71.282,23.744625,71.51637,23.525875 Q71.76637,23.307125,72.11012,23.307125 ZM79.472496,27.619625 L77.316246,27.619625 L77.316246,35.104 L75.909996,35.104 L75.909996,27.619625 L74.39437,27.619625 L74.39437,26.963375 L75.909996,26.479 L75.909996,25.979 Q75.909996,24.88525,76.23812,24.19775 Q76.566246,23.51025,77.17562,23.19775 Q77.80062,22.869625,78.691246,22.869625 Q79.20687,22.869625,79.628746,22.963375 Q80.05062,23.0415,80.347496,23.150875 L79.98812,24.26025 Q79.722496,24.182125,79.378746,24.104 Q79.05062,24.01025,78.70687,24.01025 Q78.003746,24.01025,77.659996,24.494625 Q77.316246,24.963375,77.316246,25.963375 L77.316246,26.525875 L79.472496,26.525875 ZM82.42562,26.525875 L82.42562,35.104 L81.01937,35.104 L81.01937,26.525875 ZM81.73812,23.307125 Q82.066246,23.307125,82.30062,23.525875 Q82.55062,23.744625,82.55062,24.213375 Q82.55062,24.650875,82.30062,24.88525 Q82.066246,25.104,81.73812,25.104 Q81.39437,25.104,81.14437,24.88525 Q80.909996,24.650875,80.909996,24.213375 Q80.909996,23.744625,81.14437,23.525875 Q81.39437,23.307125,81.73812,23.307125 ZM88.463875,26.369625 Q89.57325,26.369625,90.3545,26.854 Q91.151375,27.32275,91.57325,28.19775 Q91.995125,29.07275,91.995125,30.244625 L91.995125,31.088375 L86.13575,31.088375 Q86.167,32.5415,86.870125,33.307125 Q87.588875,34.057125,88.870125,34.057125 Q89.682625,34.057125,90.307625,33.9165 Q90.94825,33.76025,91.620125,33.479 L91.620125,34.69775 Q90.963875,34.994625,90.32325,35.119625 Q89.682625,35.26025,88.807625,35.26025 Q87.588875,35.26025,86.651375,34.775875 Q85.713875,34.275875,85.182625,33.2915 Q84.667,32.307125,84.667,30.88525 Q84.667,29.479,85.13575,28.479 Q85.620125,27.463375,86.463875,26.9165 Q87.32325,26.369625,88.463875,26.369625 ZM88.44825,27.525875 Q87.432625,27.525875,86.8545,28.182125 Q86.276375,28.82275,86.167,29.963375 L90.526375,29.963375 Q90.526375,29.229,90.292,28.69775 Q90.07325,28.150875,89.620125,27.838375 Q89.167,27.525875,88.44825,27.525875 ZM97.22225,35.26025 Q95.61288,35.26025,94.64413,34.150875 Q93.691,33.0415,93.691,30.838375 Q93.691,28.619625,94.65975,27.494625 Q95.6285,26.369625,97.23788,26.369625 Q97.90975,26.369625,98.39413,26.5415 Q98.89413,26.69775,99.2535,26.994625 Q99.6285,27.275875,99.89413,27.63525 L99.98788,27.63525 Q99.97225,27.4165,99.92538,27.01025 Q99.89413,26.604,99.89413,26.369625 L99.89413,22.94775 L101.30038,22.94775 L101.30038,35.104 L100.15975,35.104 L99.95663,33.94775 L99.89413,33.94775 Q99.6285,34.32275,99.2535,34.619625 Q98.89413,34.9165,98.39413,35.088375 Q97.89413,35.26025,97.22225,35.26025 ZM97.441,34.088375 Q98.80038,34.088375,99.34725,33.354 Q99.90975,32.604,99.90975,31.104 L99.90975,30.854 Q99.90975,29.244625,99.3785,28.400875 Q98.84725,27.5415,97.42538,27.5415 Q96.28475,27.5415,95.72225,28.44775 Q95.15975,29.338375,95.15975,30.869625 Q95.15975,32.400875,95.72225,33.244625 Q96.28475,34.088375,97.441,34.088375 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">
<rect fill="white" height="37.792" stroke="black" stroke-width="1" width="34.4" x="10" y="97.79201"/>
<path d="M26.8125,111.47414 Q28.953125,111.47414,30.046875,112.11476 Q31.15625,112.73976,31.15625,114.30226 Q31.15625,114.97414,30.90625,115.50539 Q30.65625,116.02101,30.171875,116.36476 Q29.6875,116.70851,28.96875,116.83351 L28.96875,116.91164 Q29.703125,117.02101,30.28125,117.33351 Q30.859375,117.63039,31.1875,118.19289 Q31.53125,118.75539,31.53125,119.64601 Q31.53125,120.69289,31.046875,121.42726 Q30.578125,122.14601,29.6875,122.52101 Q28.796875,122.89601,27.5625,122.89601 L23.546875,122.89601 L23.546875,111.47414 ZM27.109375,116.33351 Q28.578125,116.33351,29.109375,115.86476 Q29.65625,115.39601,29.65625,114.45851 Q29.65625,113.52101,29,113.11476 Q28.34375,112.70851,26.875,112.70851 L24.984375,112.70851 L24.984375,116.33351 ZM24.984375,117.53664 L24.984375,121.67726 L27.296875,121.67726 Q28.8125,121.67726,29.40625,121.08351 Q30,120.48976,30,119.53664 Q30,118.92726,29.734375,118.48976 Q29.46875,118.03664,28.84375,117.78664 Q28.234375,117.53664,27.1875,117.53664 Z" fill="black"/>
</a>
</g>
</g>
<g class="node" id="node-2">
<title>C</title>
<g id="a-node-2">
<a title="C" xlink:title="C">
<rect fill="white" height="37.792" stroke="black" stroke-width="1" width="34.112" x="94.399994" y="97.79201"/>
<path d="M112.85312,112.58351 Q111.931244,112.58351,111.19687,112.89601 Q110.462494,113.19289,109.94687,113.80226 Q109.44687,114.39601,109.16562,115.25539 Q108.899994,116.11476,108.899994,117.17726 Q108.899994,118.59914,109.337494,119.64601 Q109.774994,120.67726,110.649994,121.23976 Q111.524994,121.78664,112.837494,121.78664 Q113.587494,121.78664,114.25937,121.66164 Q114.931244,121.53664,115.57187,121.34914 L115.57187,122.59914 Q114.931244,122.83351,114.243744,122.94289 Q113.57187,123.05226,112.618744,123.05226 Q110.88437,123.05226,109.712494,122.33351 Q108.54062,121.61476,107.94687,120.28664 Q107.368744,118.95851,107.368744,117.16164 Q107.368744,115.86476,107.72812,114.80226 Q108.10312,113.72414,108.79062,112.94289 Q109.493744,112.16164,110.50937,111.73976 Q111.54062,111.31789,112.868744,111.31789 Q113.743744,111.31789,114.556244,111.48976 Q115.368744,111.66164,116.00937,111.98976 L115.44687,113.19289 Q114.91562,112.95851,114.25937,112.77101 Q113.618744,112.58351,112.85312,112.58351 Z" fill="black"/>
</a>
</g>
</g>
<g class="node" id="node-3">
<title>D</title>
<g id="a-node-3">
<a filter="url(#green-glow)" title="D" xlink:title="D">
<rect fill="white" height="37.792" stroke="black" stroke-width="1" width="35.68" x="51.488003" y="185.584"/>
<path d="M74.19113,204.85988 Q74.19113,206.78175,73.47238,208.07863 Q72.76926,209.3755,71.44113,210.03175 Q70.11301,210.688,68.22238,210.688 L65.03488,210.688 L65.03488,199.26613 L68.56613,199.26613 Q70.28488,199.26613,71.55051,199.90675 Q72.81613,200.54738,73.50363,201.79738 Q74.19113,203.03175,74.19113,204.85988 ZM72.67551,204.90675 Q72.67551,203.39113,72.15988,202.42238 Q71.65988,201.438,70.69113,200.96925 Q69.72238,200.5005,68.34738,200.5005 L66.47238,200.5005 L66.47238,209.45363 L68.03488,209.45363 Q70.34738,209.45363,71.50363,208.313 Q72.67551,207.17238,72.67551,204.90675 Z" fill="black"/>
</a>
</g>
</g>
</svg>