readme/implement_and_use.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="754" height="207" viewBox="-0.5 -0.5 754 207" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2021-05-14T22:10:20.876Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/14.6.13 Chrome/89.0.4389.128 Electron/12.0.7 Safari/537.36&quot; etag=&quot;XUxl4AMJ5vOEeGvJOUTh&quot; version=&quot;14.6.13&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;fLtedOVOU-fWVZCKuSRp&quot; name=&quot;Página-1&quot;&gt;7VnbcpswEP0aP7YDiFseEztJO22n6bgzTZ4yCqxBjUBUlmOcr68wwlxEgu1xbm0mD9HuCiGdc9hd8AiNk/yc4yz+xkKgI8sI8xGajCzLNA1X/is8q9LjF1bhiDgJ1aTaMSX3oJyG8i5ICPPWRMEYFSRrOwOWphCIlg9zzpbtaTNG23fNcASaYxpgqnt/kVDE1Sm82v8JSBRXdzbdozKS4GqyOsk8xiFbNlzodITGnDFRjpJ8DLQAr8KlvO7sgehmYxxSsc0Ft7ljmvdT2zsz/JxeX/34RaYf1Cp3mC7UgdVmxapCgLNFGkKxiDFCJ8uYCJhmOCiiS8m59MUiodIy5XBGKB0zyvj6WhRi8GeB9M8FZ7fQiLiBDzczGdGPUe0JuIC84VLHOgeWgOArOUVFLUNBrDRm2cpe1oyZFQ1xgy1X+bASSbRZusZRDhSUO8BqabB+TjIKiTwjFoSlGshSHFkxlDhgSoGyiONEopMBJ3JLwLuxizowzEkO1ZPVx5EDfmj3ceRbN8h1D8ORbbc5Qu5Lc4T+Bem7/muTvj0MK6ThcZGapRVQPJ+ToI2khIOvLhXqa+OqMD46lTnJm8HJSlkP4ikwj0AMp0EIW8VAR72BqtMDauXjQOVjftcuIX1IqztcMCJ3vCG1y6nX4WrOFjwAdVEz43fWMYcWKnHRFlrzvjn1/lJwDiCFnIjLxrghBGnVOiiMVVMUh5RPifewfAZlZr0qmaGjtjxsZ0+ddXO7bTyvzty3pTOtIJys/55FgehdgU+hQE9T4HfZualWz6hIrOUoq7toC7AtipSl0GkplAtTEqWFiqVE1s1f0SsQ+b5yrAIJCcPiNr3tSruhOUD/YXZbb0fvP7weAVlP1X74b5IJztR7AZrYjyaC7ZlBXqfhtp6Pmav5l98XPwVzrgOf/CFfJ2MUbfOquV+WtrZN02pmlanNgTzdmyr3S8/WLun5PRtvn417laa/fe+utFo03k6i6ZOo+ag+32X2RmWmf0Bolhpdc6+u1CBkb/SnFZYeBT5Yaxy/W2ucl601+keIJjXoP6LG7TRoyH4yaqRZf80uH7L6NwF0+hc=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs><filter id="dropShadow"><feGaussianBlur in="SourceAlpha" stdDeviation="1.7" result="blur"/><feOffset in="blur" dx="3" dy="3" result="offsetBlur"/><feFlood flood-color="#3D4574" flood-opacity="0.4" result="offsetColor"/><feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter></defs><g filter="url(#dropShadow)"><rect x="137" y="10" width="120" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 377 190 L 397 130 L 497 130 L 477 190 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 160px; margin-left: 378px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Implementation</div></div></div></foreignObject><text x="437" y="164" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Implementation</text></switch></g><rect x="617" y="10" width="120" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 17 40 L 130.63 40" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 135.88 40 L 128.88 43.5 L 130.63 40 L 128.88 36.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 257 40 L 382.32 155.68" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 386.18 159.24 L 378.66 157.07 L 382.32 155.68 L 383.41 151.92 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 257 40 L 610.63 40" fill="none" stroke="#b3b3b3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 615.88 40 L 608.88 43.5 L 610.63 40 L 608.88 36.5 Z" fill="#b3b3b3" stroke="#b3b3b3" stroke-miterlimit="10" pointer-events="all"/><rect x="37" y="20" width="70" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 30px; margin-left: 38px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Operation 1</div></div></div></foreignObject><text x="72" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Operation 1</text></switch></g><rect x="307" y="90" width="70" height="20" fill="none" stroke="none" transform="rotate(43,342,100)" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(43 342 100)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 100px; margin-left: 308px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Operation 1</div></div></div></foreignObject><text x="342" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Operation 1</text></switch></g><path d="M 491.55 146.36 L 641.28 72.81" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 646 70.49 L 641.26 76.72 L 641.28 72.81 L 638.17 70.44 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 479.86 181.43 L 701.28 72.8" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 706 70.49 L 701.25 76.72 L 701.28 72.8 L 698.17 70.43 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="517" y="95" width="70" height="20" fill="none" stroke="none" transform="rotate(334,552,105)" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(334 552 105)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 105px; margin-left: 518px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Operation 2</div></div></div></foreignObject><text x="552" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Operation 2</text></switch></g><rect x="537" y="115" width="70" height="20" fill="none" stroke="none" transform="rotate(334,572,125)" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(334 572 125)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 125px; margin-left: 538px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Operation 3</div></div></div></foreignObject><text x="572" y="129" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Operation 3</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>