doc/use-case-2.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="651px" height="194px" viewBox="-0.5 -0.5 651 194" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2020-05-31T18:45:40.591Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36&quot; version=&quot;13.1.7&quot; etag=&quot;caMjrct6kCqo7ykyC__e&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;q1J2gHyZqsilw2FNO6lh&quot;&gt;5Vptb9o6FP41SHeTQNjOGx95abcrbVO1bvduH01ikqwmzhxTYL9+dmKThKQMtaTQVUht/Ng5ts95jvOcQA9Nl5t3HKfRRxYQ2oPDYNNDsx6Erg3kXwVsC8BCsABCHgcFBErgNv5FNDjU6CoOSFYbKBijIk7roM+ShPiihmHO2bo+bMFofdYUh6QB3PqYNtH/40BEBepBt8TfkziMzMzAGRU9S2wG651kEQ7YugKhqx6acsZEcbXcTAlVvjN+Ke67fqB3tzBOEnHMDdrvmdiavZFAblU3GRcRC1mC6VWJTjhbJQFRBoayVY75wFgqQSDBH0SIrY4bXgkmoUgsqe5dsEToTjCS7WINauLaLjK24r6GkI4y5iERdTJUNwt2LpTUI2xJBN/KIZxQLOL7unmsSRDuxpV+khfaVe1u08u5x3SljX6d3fSgQ+U6JnMur0J1BaA7GMqP3PTYRg1Xl45UXllHsSC3Kc63vJZ5s+e0mNIpo4zn96LFYgF9X+KZ4OyOVHoCZ+7Yjuy5J1zEkrRjGoeJ7FvGQZAHUC9edpPNg7x5wJX6hpF2vk5gZOn2ukwHMNRYVEkFZD/d+dY5OCv9wrff9P1547tqDGzTnG2qnbOtbj2C6/Zlcd1ucP3L9FVzfWQ/H9edF3I+G4LWSAvPR1q3QVrDWLW5mkednytmOvpZvu2xHOClm7LPkPytsSLnLwwVeGuUPuC5lD01z2JNT186hPBDvOVELgXPc3sqjCmLE5E7xJ707FlLlKiaboL9uzAngMmShCUH80BrJD1VqUyqUXMO5kd/OLBcgGpJ0tfWjw6stn6jtlkxjdDAA3XL3sCGdTtsscgk6fbpsVvpUYzxXvJThWxi8a28U7a+mxnkdWlENYyNR2Z1Gz+eK6tHHWX1YLn12TLFyXYg/7/OHPf+lOMOgJ3keD29kTvYe2yeJLsNkyvU+cxWKj6nFCoEBDZxD4W8oWBGjouwcxqhAp09peI0lYrbkVABoOHJC1UqsOVMO6NSMeupMHPG3kvgn3dXX940dXYkhHrLMVYTwGswyD8nZbHksBdYbWT14Bw5Xctta5/F6BlrS9CsXM5A4/36x/NJe/0z92zLPvZhbrUQ//jonJ74VoP4X2c3/XFLaTnsqrK8MKpb4BlLSzPX30h198Ko7jSofhLh+t/NpwsWq6pdCeDEBLBDEVtw+pCKRbY5d3TO6dA8tVCVValbs9uHoJtCFTTfbahzc/LguQn//nOzReh2d26+6DcFR5yesO1dnnXG03P0kh0e4CzaZdljve+ez/uwWTlf45j2PzOBBTnpqXLm8nn3JZY5VVq+1OqqfDarfYJCAKBNIkwZT5tPhk9ErBm/O1o8UBqnWR6ACKcK9ClbBX8O8OFHfTX8Bmo9rp4UVgceIbJhS1y94Qni2qzujdOzFCePj+u/Sq8lSkzsQlgYfA0hRMPdW8IOgiib5Q8wCoFW/ooFXf0G&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 100 50.52 L 135 50.52 L 135 75.52 L 163.63 75.52" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 168.88 75.52 L 161.88 79.02 L 163.63 75.52 L 161.88 72.02 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="33" width="100" height="35" rx="5.25" ry="5.25" fill="#fff2cc" stroke="#d6b656" 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: 98px; height: 1px; padding-top: 51px; margin-left: 1px;"><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; ">UDP<br />127.0.0.1:53</div></div></div></foreignObject><text x="50" y="54" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">UDP...</text></switch></g><path d="M 100 105.52 L 135 105.52 L 135 75.52 L 163.63 75.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 168.88 75.5 L 161.88 79.01 L 163.63 75.5 L 161.88 72.01 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="88" width="100" height="35" rx="5.25" ry="5.25" fill="#fff2cc" stroke="#d6b656" 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: 98px; height: 1px; padding-top: 106px; margin-left: 1px;"><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; ">TCP<br />127.0.0.1:53</div></div></div></foreignObject><text x="50" y="109" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">TCP...</text></switch></g><path d="M 240 75.52 L 305 75.52 L 305 40.52 L 363.63 40.52" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 368.88 40.52 L 361.88 44.02 L 363.63 40.52 L 361.88 37.02 Z" fill="#000000" stroke="#000000" 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: 1px; height: 1px; padding-top: 68px; margin-left: 250px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; "><font style="font-size: 8px">*</font></div></div></div></foreignObject><text x="250" y="74" fill="#000000" font-family="Helvetica" font-size="19px" text-anchor="middle">*</text></switch></g><path d="M 205 93 L 205 150.52 L 243.63 150.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 248.88 150.5 L 241.88 154 L 243.63 150.5 L 241.88 147 Z" fill="#000000" stroke="#000000" 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: 1px; height: 1px; padding-top: 151px; margin-left: 205px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; "><font style="font-size: 8px">*.mycompany.com</font></div></div></div></foreignObject><text x="205" y="156" fill="#000000" font-family="Helvetica" font-size="19px" text-anchor="middle">*.mycompany.com</text></switch></g><rect x="170" y="58" width="70" height="35" rx="5.25" ry="5.25" fill="#e1d5e7" stroke="#9673a6" 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: 76px; margin-left: 171px;"><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; ">Router</div></div></div></foreignObject><text x="205" y="79" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Router</text></switch></g><path d="M 470 40.5 L 523.63 40.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 528.88 40.5 L 521.88 44 L 523.63 40.5 L 521.88 37 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="370" y="23" width="100" height="35" rx="5.25" ry="5.25" fill="#d5e8d4" stroke="#82b366" 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: 98px; height: 1px; padding-top: 41px; margin-left: 371px;"><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; ">DoH (GET)<br />https://1.1.1.1</div></div></div></foreignObject><text x="420" y="44" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">DoH (GET)...</text></switch></g><path d="M 470 125.52 L 500 125.52 L 500 148 L 523.63 148" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 528.88 148 L 521.88 151.5 L 523.63 148 L 521.88 144.5 Z" fill="#b85450" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><rect x="370" y="108" width="100" height="35" rx="5.25" ry="5.25" fill="#d5e8d4" stroke="#82b366" 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: 98px; height: 1px; padding-top: 126px; margin-left: 371px;"><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; ">UDP-A<br />10.0.0.1:53</div></div></div></foreignObject><text x="420" y="129" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">UDP-A...</text></switch></g><path d="M 470 175.52 L 500 175.52 L 500 148 L 523.63 148" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 528.88 148 L 521.88 151.5 L 523.63 148 L 521.88 144.5 Z" fill="#b85450" stroke="#b85450" 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: 1px; height: 1px; padding-top: 148px; margin-left: 490px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #B85450; line-height: 1.2; pointer-events: all; white-space: nowrap; "><font style="font-size: 8px">VPN</font></div></div></div></foreignObject><text x="490" y="154" fill="#B85450" font-family="Helvetica" font-size="19px" text-anchor="middle">VPN</text></switch></g><rect x="370" y="158" width="100" height="35" rx="5.25" ry="5.25" fill="#d5e8d4" stroke="#82b366" 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: 98px; height: 1px; padding-top: 176px; margin-left: 371px;"><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; ">UDP-B<br />10.0.0.2:53</div></div></div></foreignObject><text x="420" y="179" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">UDP-B...</text></switch></g><path d="M 320 150.52 L 345 150.52 L 345 125.52 L 363.63 125.51" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 368.88 125.5 L 361.89 129.01 L 363.63 125.51 L 361.88 122.01 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 320 150.52 L 345 150.52 L 345 175.52 L 363.63 175.51" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 368.88 175.5 L 361.89 179.01 L 363.63 175.51 L 361.88 172.01 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="250" y="133" width="70" height="35" rx="5.25" ry="5.25" fill="#e1d5e7" stroke="#9673a6" 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: 151px; margin-left: 251px;"><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; ">Fail-Rotate</div></div></div></foreignObject><text x="285" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Fail-Rotate</text></switch></g><path d="M 560 128 C 536 128 530 148 549.2 152 C 530 160.8 551.6 180 567.2 172 C 578 188 614 188 626 172 C 650 172 650 156 635 148 C 650 132 626 116 605 124 C 590 112 566 112 560 128 Z" fill="none" stroke="#000000" 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: 148px; margin-left: 531px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 11px">Corp<br />Network</font></div></div></div></foreignObject><text x="590" y="154" fill="#000000" font-family="Helvetica" font-size="19px" text-anchor="middle">Corp...</text></switch></g><path d="M 560 20.5 C 536 20.5 530 40.5 549.2 44.5 C 530 53.3 551.6 72.5 567.2 64.5 C 578 80.5 614 80.5 626 64.5 C 650 64.5 650 48.5 635 40.5 C 650 24.5 626 8.5 605 16.5 C 590 4.5 566 4.5 560 20.5 Z" fill="none" stroke="#000000" 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: 41px; margin-left: 531px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><span style="font-size: 11px">Internet</span></div></div></div></foreignObject><text x="590" y="46" fill="#000000" font-family="Helvetica" font-size="19px" text-anchor="middle">Internet</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" 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>