doc/example-flow.drawio.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!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="762px" height="95px" viewBox="-0.5 -0.5 762 95" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-04-10T13:40:19.336Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36&quot; etag=&quot;YjUgjC1HLg6ivpQnPiQ6&quot; version=&quot;17.4.0&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;RSKHKgTnZfL98U8XctVI&quot; name=&quot;Page-1&quot;&gt;7ZpbV+IwEIB/DY942rQFfFREfXB32XXPUfeFE9rQZm0bThou9ddvQtNrAFEqlLP4YjKZXJiZbzJGWkY/WN5ROPW+EQf5LaA5y5Zx0wJA73QM/ktI4kRiGnoicCl2pFIueMRvSAo1KZ1hB0UlRUaIz/C0LLRJGCKblWSQUrIoq02IX951Cl2kCB5t6KvSJ+wwL5H2LC2X3yPseunOuiZHApgqS0HkQYcsCiJj0DL6lBCWtIJlH/nCeKldknm3G0azg1EUsl0mPPR/3j39uH2JJ23tj/39rfvW/t3WL+XhWJx+YuRwA8guocwjLgmhP8il15TMQgeJZTXey3UeCJlyoc6FfxFjsfQmnDHCRR4LfDmKlpg9F9ovYqkLS/ZuRPC0wUU37cdyJ9EZIooDxBBNZSGj8XOxU1hMdFerZYP5WqJXXSyxhTDARhtLUURm1EbbDCtjFVIXsS16RhYJHCFE+GlozOdR5EOG5+VzQBnLbqaXu5s3pMc/4v1k3Tn0Z3KnIRgqARExSl6z6Bc+IzPm4xD1M+aE8RwYeVlQQB+7IW/b3HDCvEXvT0jIZGj0eJdzMRXtYOmKFHKB8PQiQFHEyep7kO/A513PEWWYU/kAx8gfkggzTMT6Y8IYCbiCLwauof3qrqKzT3xCV8c3JqufwhpX8mxMRKv0uRhDy+1eV70kJ4CORFzmOGDK/iLPGKmKV0gWaWao36+9hlKt1Ye0zA8HhRrsCPWGcDkM1ECB+p7PIkpETLDvFzCxtYkFL6scryW9nBBAOQoU8iu4v0vyekzXZYkI0Tm20Qja3KqQiU9SB856t4KzoeLcW4Oz+VU4ZxXEGedacTZ2xfmoPBsKz0+E8ir2zPOOPBtG03jWFec1g+eTL7p3rbr145bd57q7FrBN0LC6G5gNBfvEL2p955va3JPr1dQrSmFcUJgSHLKosPJQCPI4tC4rcWhVXmLe09e26/f2Uy+fhjeSz5eHeWaoPSK/e478o0Y+sI56o6lF6i8YOiTgnqPvXGzgcxdb5TbbVP3WWJ7afEe++2gMI+SMePAmB6njIqsmhGNXqHpTcT75CtXcleej4myeC9RaXpK0hhWoeqehXJ/6NW0dqkDdz/2WwvXjbBxgpkTF6T8mJZkCh+7IhQwtRMFbB9JtvWFXNVDf+weh+jqouuVD5VVqYbpydN3VVg1+6VT/6lnjl+5B/fK//me9xrQKdk2r4KjlElDT6rlc+gzD1dz6deUS7+bfvEkeQfLvLxmDfw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-e6e6e6-1-808080-1-s-0"><stop offset="0%" style="stop-color: rgb(230, 230, 230); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(128, 128, 128); stop-opacity: 1;"/></linearGradient></defs><g><path d="M 328.3 57 L 334.63 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 339.88 57 L 332.88 60.5 L 334.63 57 L 332.88 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 279 67 C 275.65 64.78 273.63 61.02 273.63 57 C 273.63 52.98 275.65 49.22 279 47 L 323 47 C 326.35 49.22 328.37 52.98 328.37 57 C 328.37 61.02 326.35 64.78 323 67 Z" fill="url(#mx-gradient-e6e6e6-1-808080-1-s-0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 323 47 C 326.35 49.22 328.37 52.98 328.37 57 C 328.37 61.02 326.35 64.78 323 67 C 319.65 64.78 317.63 61.02 317.63 57 C 317.63 52.98 319.65 49.22 323 47" fill="#e6e6e6" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 74px; margin-left: 301px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">P2P</div></div></div></foreignObject><text x="301" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px" text-anchor="middle">P2P</text></switch></g><path d="M 261 57 L 267.33 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 272.58 57 L 265.58 60.5 L 267.33 57 L 265.58 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="181" y="37" width="80" height="40" fill="#c0f5a9" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 215.67 57 L 239.67 57" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 238.07 54.33 L 238.07 59.67 L 245 57 Z" fill="#000000" stroke="none" pointer-events="all"/><path d="M 205.53 53.89 L 205.53 60.56 L 213.53 57 Z" fill="#808080" stroke="none" pointer-events="all"/><path d="M 186.87 57.11 L 210.87 57.11" fill="none" stroke="#808080" stroke-miterlimit="10" pointer-events="all"/><path d="M 217.8 53.44 L 222.07 57 L 217.8 60.56 L 213.53 57 Z" fill="#000000" stroke="none" pointer-events="all"/><path d="M 251.4 53.44 L 255.67 57 L 251.4 60.56 L 247.13 57 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 84px; margin-left: 221px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Hello</div></div></div></foreignObject><text x="221" y="92" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px" text-anchor="middle">Hello</text></switch></g><path d="M 421 57 L 427.33 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 432.58 57 L 425.58 60.5 L 427.33 57 L 425.58 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="341" y="37" width="80" height="40" fill="#c0f5a9" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 375.67 57 L 399.67 57" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 398.07 54.33 L 398.07 59.67 L 405 57 Z" fill="#000000" stroke="none" pointer-events="all"/><path d="M 365.53 53.89 L 365.53 60.56 L 373.53 57 Z" fill="#808080" stroke="none" pointer-events="all"/><path d="M 346.87 57.11 L 370.87 57.11" fill="none" stroke="#808080" stroke-miterlimit="10" pointer-events="all"/><path d="M 377.8 53.44 L 382.07 57 L 377.8 60.56 L 373.53 57 Z" fill="#000000" stroke="none" pointer-events="all"/><path d="M 411.4 53.44 L 415.67 57 L 411.4 60.56 L 407.13 57 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 84px; margin-left: 381px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">World</div></div></div></foreignObject><text x="381" y="92" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px" text-anchor="middle">World</text></switch></g><path d="M 488.3 57 L 494.63 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 499.88 57 L 492.88 60.5 L 494.63 57 L 492.88 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 439 67 C 435.65 64.78 433.63 61.02 433.63 57 C 433.63 52.98 435.65 49.22 439 47 L 483 47 C 486.35 49.22 488.37 52.98 488.37 57 C 488.37 61.02 486.35 64.78 483 67 Z" fill="url(#mx-gradient-e6e6e6-1-808080-1-s-0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 483 47 C 486.35 49.22 488.37 52.98 488.37 57 C 488.37 61.02 486.35 64.78 483 67 C 479.65 64.78 477.63 61.02 477.63 57 C 477.63 52.98 479.65 49.22 483 47" fill="#e6e6e6" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 74px; margin-left: 461px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">P2P</div></div></div></foreignObject><text x="461" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px" text-anchor="middle">P2P</text></switch></g><path d="M 581 57 L 601.03 57.03 L 601.03 7.03 L 91.03 7.03 L 91.03 57.03 L 107.33 57.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 112.58 57 L 105.59 60.51 L 107.33 57.01 L 105.58 53.51 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 581 57 L 617.33 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 622.58 57 L 615.58 60.5 L 617.33 57 L 615.58 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="501" y="37" width="80" height="40" fill="#c0f5a9" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 506.33 57 L 525 57 M 557 47.67 L 575.67 47.67 M 557 57 L 575.67 57 M 557 66.33 L 575.67 66.33 M 557 47.67 L 525 57" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="525" cy="57" rx="2.1333333333333333" ry="1.7777777777777777" fill="#000000" stroke="none" pointer-events="all"/><ellipse cx="557" cy="47.67" rx="2.1333333333333333" ry="1.7777777777777777" fill="#000000" stroke="none" pointer-events="all"/><ellipse cx="557" cy="57" rx="2.1333333333333333" ry="1.7777777777777777" fill="#000000" stroke="none" pointer-events="all"/><ellipse cx="557" cy="66.33" rx="2.1333333333333333" ry="1.7777777777777777" fill="#000000" stroke="none" pointer-events="all"/><g fill="rgb(0, 0, 0)" font-family="Helvetica" text-anchor="middle" font-size="8px"><text x="540.5" y="90.5">Randomizer</text></g><path d="M 168.3 57 L 174.63 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 179.88 57 L 172.88 60.5 L 174.63 57 L 172.88 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 119 67 C 115.65 64.78 113.63 61.02 113.63 57 C 113.63 52.98 115.65 49.22 119 47 L 163 47 C 166.35 49.22 168.37 52.98 168.37 57 C 168.37 61.02 166.35 64.78 163 67 Z" fill="url(#mx-gradient-e6e6e6-1-808080-1-s-0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 163 47 C 166.35 49.22 168.37 52.98 168.37 57 C 168.37 61.02 166.35 64.78 163 67 C 159.65 64.78 157.63 61.02 157.63 57 C 157.63 52.98 159.65 49.22 163 47" fill="#e6e6e6" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 74px; margin-left: 141px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">P2P</div></div></div></foreignObject><text x="141" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px" text-anchor="middle">P2P</text></switch></g><path d="M 81 57 L 107.33 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 112.58 57 L 105.58 60.5 L 107.33 57 L 105.58 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="1" y="37" width="80" height="40" fill="#c0f5a9" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><path d="M 25.53 53.89 L 25.53 60.56 L 33.53 57 Z" fill="#808080" stroke="none" pointer-events="all"/><path d="M 6.87 57.11 L 30.87 57.11" fill="none" stroke="#808080" stroke-miterlimit="10" pointer-events="all"/><rect x="59.13" y="40.56" width="14.4" height="32.89" fill="#9ddbef" stroke="#000000" pointer-events="all"/><path d="M 54.33 40.56 L 54.33 73.44 L 39.4 64.56 L 39.4 49.44 Z" fill="#9ddbef" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 84px; margin-left: 41px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Submit</div></div></div></foreignObject><text x="41" y="92" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px" text-anchor="middle">Submit</text></switch></g><rect x="691" y="37" width="70" height="40" fill="#c0f5a9" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/><g fill="rgb(0, 0, 0)" font-family="Helvetica" text-anchor="middle" font-size="8px"><text x="725.5" y="90.5">End</text></g><path d="M 678.3 57 L 684.63 57" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 689.88 57 L 682.88 60.5 L 684.63 57 L 682.88 53.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 629 67 C 625.65 64.78 623.63 61.02 623.63 57 C 623.63 52.98 625.65 49.22 629 47 L 673 47 C 676.35 49.22 678.37 52.98 678.37 57 C 678.37 61.02 676.35 64.78 673 67 Z" fill="url(#mx-gradient-e6e6e6-1-808080-1-s-0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 673 47 C 676.35 49.22 678.37 52.98 678.37 57 C 678.37 61.02 676.35 64.78 673 67 C 669.65 64.78 667.63 61.02 667.63 57 C 667.63 52.98 669.65 49.22 673 47" fill="#e6e6e6" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 74px; margin-left: 651px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">P2P</div></div></div></foreignObject><text x="651" y="82" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px" text-anchor="middle">P2P</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%">Text is not SVG - cannot display</text></a></switch></svg>