svg/ws-x11vnc-xvfb-diag.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="792px" height="451px" viewBox="-0.5 -0.5 792 451" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2020-12-11T10:23:07.990Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/13.9.9 Chrome/85.0.4183.121 Electron/10.1.5 Safari/537.36&quot; etag=&quot;iTw6bP33Finl5sIl1wXJ&quot; version=&quot;13.9.9&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;oRsjdCRwozJ9lEBOTv6X&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<rect x="241" y="0" width="550" height="450" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="all"/>
<rect x="391" y="30" width="380" height="370" fill="#ffffff" stroke="#000000" stroke-width="3" pointer-events="all"/>
<rect x="561" y="280" width="100" height="60" 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: 98px; height: 1px; padding-top: 310px; margin-left: 562px;">
<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; ">Xvfb (X11)<br/>Server</div>
</div>
</div>
</foreignObject>
<text x="611" y="314" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Xvfb (X11)...</text>
</switch>
</g>
<rect x="681" y="240" width="80" height="40" 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: 78px; height: 1px; padding-top: 260px; margin-left: 682px;">
<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; ">X11-apps</div>
</div>
</div>
</foreignObject>
<text x="721" y="264" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">X11-apps</text>
</switch>
</g>
<rect x="681" y="290" width="80" height="40" 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: 78px; height: 1px; padding-top: 310px; margin-left: 682px;">
<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; ">X11 Window<br/>Manager</div>
</div>
</div>
</foreignObject>
<text x="721" y="314" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">X11 Window...</text>
</switch>
</g>
<path d="M 664.16 289.47 L 677.84 265.53" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 661.55 294.03 L 661.99 286.22 L 664.16 289.47 L 668.07 289.69 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 680.45 260.97 L 680.01 268.78 L 677.84 265.53 L 673.93 265.31 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 667.37 310 L 674.63 310" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 662.12 310 L 669.12 306.5 L 667.37 310 L 669.12 313.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 679.88 310 L 672.88 313.5 L 674.63 310 L 672.88 306.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="1" y="30" width="180" height="180" fill="#ffffff" stroke="#000000" stroke-width="3" 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: 178px; height: 1px; padding-top: 120px; margin-left: 2px;">
<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; ">User Agent<br/>HTML5 noVNC client</div>
</div>
</div>
</foreignObject>
<text x="91" y="124" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">User Agent...</text>
</switch>
</g>
<rect x="561" y="200" width="100" height="60" 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: 98px; height: 1px; padding-top: 230px; margin-left: 562px;">
<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; ">x11vnc<br/>VNC<br/>Server</div>
</div>
</div>
</foreignObject>
<text x="611" y="234" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">x11vnc...</text>
</switch>
</g>
<rect x="261" y="30" width="100" height="110" 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: 98px; height: 1px; padding-top: 85px; margin-left: 262px;">
<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; ">renkulab<br/>&amp; jupyter hub<br/>proxy chain with<br/>token based<br/>authentication</div>
</div>
</div>
</foreignObject>
<text x="311" y="89" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">renkulab...</text>
</switch>
</g>
<path d="M 611 273.63 L 611 267.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 611 278.88 L 607.5 271.88 L 611 273.63 L 614.5 271.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 611 262.12 L 614.5 269.12 L 611 267.37 L 607.5 269.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="406" y="50" width="130" height="60" 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: 128px; height: 1px; padding-top: 80px; margin-left: 407px;">
<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; ">Jupyter reverse proxy<br/>+<br/>jupyter lab<br/>server extension</div>
</div>
</div>
</foreignObject>
<text x="471" y="84" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Jupyter reverse proxy...</text>
</switch>
</g>
<rect x="406" y="150" width="120" height="60" fill="#dae8fc" stroke="#6c8ebf" 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: 180px; margin-left: 407px;">
<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; ">static<br/>novnc<br/>core &amp; app</div>
</div>
</div>
</foreignObject>
<text x="466" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">static...</text>
</switch>
</g>
<path d="M 611 113.63 L 611 80 Q 611 70 601 70 L 542.37 70" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 611 118.88 L 607.5 111.88 L 611 113.63 L 614.5 111.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 537.12 70 L 544.12 66.5 L 542.37 70 L 544.12 73.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<ellipse cx="611" cy="150" rx="30" ry="30" 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: 58px; height: 1px; padding-top: 150px; margin-left: 582px;">
<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; ">websockify<br/>service</div>
</div>
</div>
</foreignObject>
<text x="611" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">websockify...</text>
</switch>
</g>
<rect x="611" y="90" width="100" 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: 98px; height: 1px; padding-top: 100px; margin-left: 612px;">
<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; ">unencrypted<br/>RFB/websocket (ws://)</div>
</div>
</div>
</foreignObject>
<text x="661" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">unencrypted...</text>
</switch>
</g>
<rect x="651" y="170" width="40" 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: 38px; height: 1px; padding-top: 180px; margin-left: 652px;">
<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; ">unencrypted RFB/tcp</div>
</div>
</div>
</foreignObject>
<text x="671" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">unencr...</text>
</switch>
</g>
<path d="M 406 150 L 364.62 90.24" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 361.64 85.92 L 368.5 89.68 L 364.62 90.24 L 362.74 93.67 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 611 193.63 L 611 186.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 611 198.88 L 607.5 191.88 L 611 193.63 L 614.5 191.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 611 181.12 L 614.5 188.12 L 611 186.37 L 607.5 188.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="395" y="120" width="115" 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: 113px; height: 1px; padding-top: 130px; margin-left: 396px;">
<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; ">html+js+css+.../http(s)</div>
</div>
</div>
</foreignObject>
<text x="453" y="134" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">html+js+css+.../htt...</text>
</switch>
</g>
<path d="M 187.37 75.07 L 254.63 75.8" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 182.12 75.01 L 189.16 71.59 L 187.37 75.07 L 189.08 78.59 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 259.88 75.86 L 252.84 79.28 L 254.63 75.8 L 252.92 72.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 367.37 74 L 400.41 74" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 362.12 74 L 369.12 70.5 L 367.37 74 L 369.12 77.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 405.66 74 L 398.66 77.5 L 400.41 74 L 398.66 70.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="681" y="340" width="80" height="40" 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: 78px; height: 1px; padding-top: 360px; margin-left: 682px;">
<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; ">...</div>
</div>
</div>
</foreignObject>
<text x="721" y="364" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">...</text>
</switch>
</g>
<path d="M 664.16 330.53 L 677.84 354.47" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 661.55 325.97 L 668.07 330.31 L 664.16 330.53 L 661.99 333.78 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 680.45 359.03 L 673.93 354.69 L 677.84 354.47 L 680.01 351.22 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="181" y="40" width="40" 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: 38px; height: 1px; padding-top: 50px; margin-left: 182px;">
<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; ">https<br/>wss</div>
</div>
</div>
</foreignObject>
<text x="201" y="54" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">https...</text>
</switch>
</g>
<rect x="411" y="360" width="120" 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: 118px; height: 1px; padding-top: 370px; margin-left: 412px;">
<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; ">User space<br/>vnc/renku/jupyterlab Docker container</div>
</div>
</div>
</foreignObject>
<text x="471" y="374" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">User space...</text>
</switch>
</g>
<rect x="241" y="430" width="120" 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: 118px; height: 1px; padding-top: 440px; margin-left: 242px;">
<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; ">renkulab k8s cluster</div>
</div>
</div>
</foreignObject>
<text x="301" y="444" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">renkulab k8s cluster</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>