website/content/bn/docs/images/tutor-service-nodePort-fig01.svg

<svg viewBox="0 0 484.78125 84" style="max-width: 484.78125px;" height="84" aria-labelledby="chart-title-graph-div chart-desc-graph-div" role="img" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="graph-div"><title id="chart-title-graph-div"></title><desc id="chart-desc-graph-div"></desc><style>#graph-div {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#graph-div .error-icon{fill:#552222;}#graph-div .error-text{fill:#552222;stroke:#552222;}#graph-div .edge-thickness-normal{stroke-width:2px;}#graph-div .edge-thickness-thick{stroke-width:3.5px;}#graph-div .edge-pattern-solid{stroke-dasharray:0;}#graph-div .edge-pattern-dashed{stroke-dasharray:3;}#graph-div .edge-pattern-dotted{stroke-dasharray:2;}#graph-div .marker{fill:#333333;stroke:#333333;}#graph-div .marker.cross{stroke:#333333;}#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#graph-div .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#graph-div .cluster-label text{fill:#333;}#graph-div .cluster-label span{color:#333;}#graph-div .label text,#graph-div span{fill:#333;color:#333;}#graph-div .node rect,#graph-div .node circle,#graph-div .node ellipse,#graph-div .node polygon,#graph-div .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#graph-div .node .label{text-align:center;}#graph-div .node.clickable{cursor:pointer;}#graph-div .arrowheadPath{fill:#333333;}#graph-div .edgePath .path{stroke:#333333;stroke-width:2.0px;}#graph-div .flowchart-link{stroke:#333333;fill:none;}#graph-div .edgeLabel{background-color:#e8e8e8;text-align:center;}#graph-div .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#graph-div .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#graph-div .cluster text{fill:#333;}#graph-div .cluster span{color:#333;}#graph-div div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#graph-div .plain&gt;*{fill:#ddd!important;stroke:#fff!important;stroke-width:4px!important;color:#000!important;}#graph-div .plain span{fill:#ddd!important;stroke:#fff!important;stroke-width:4px!important;color:#000!important;}#graph-div .k8s&gt;*{fill:#326ce5!important;stroke:#fff!important;stroke-width:4px!important;color:#fff!important;}#graph-div .k8s span{fill:#326ce5!important;stroke:#fff!important;stroke-width:4px!important;color:#fff!important;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g style="opacity: 1;" id="L-client-node2" class="edgePath LS-client LE-node2"><path style="fill:none" marker-end="url(#arrowhead23)" d="M69.015625,36.50387051372273L73.18229166666667,35.753225428102276C77.34895833333333,35.00258034248182,85.68229166666667,33.50129017124091,94.015625,33.44708453891548C102.34895833333333,33.392878906590056,110.68229166666667,34.78575781318012,114.84895833333333,35.48219726647515L119.015625,36.178636719770175" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead23"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-node2-client" class="edgePath LS-node2 LE-client"><path style="fill:none" marker-end="url(#arrowhead24)" d="M119.015625,47.821363280229825L114.84895833333333,48.51780273352485C110.68229166666667,49.21424218681989,102.34895833333333,50.607121093409944,94.015625,50.55291546108452C85.68229166666667,50.49870982875908,77.34895833333333,48.99741965751818,73.18229166666667,48.246774571897724L69.015625,47.49612948627727" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead24"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-node2-node1" class="edgePath LS-node2 LE-node1"><path style="fill:none;stroke-width:2px;stroke-dasharray:3;" marker-end="url(#arrowhead25)" d="M188.671875,32.096334444107846L195.76171875,30.080278703423204C202.8515625,28.064222962738565,217.03125,24.03211148136928,231.2109375,24.03211148136928C245.390625,24.03211148136928,259.5703125,28.064222962738565,266.66015625,30.080278703423204L273.75,32.096334444107846" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead25"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-node1-node2" class="edgePath LS-node1 LE-node2"><path style="fill:none;stroke-width:2px;stroke-dasharray:3;" marker-end="url(#arrowhead26)" d="M273.75,51.903665555892154L266.66015625,53.919721296576796C259.5703125,55.93577703726144,245.390625,59.96788851863072,231.2109375,59.96788851863071C217.03125,59.96788851863072,202.8515625,55.93577703726144,195.76171875,53.919721296576796L188.671875,51.903665555892154" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead26"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g><g style="opacity: 1;" id="L-node1-endpoint" class="edgePath LS-node1 LE-endpoint"><path style="fill:none" marker-end="url(#arrowhead27)" d="M343.40625,42L347.5729166666667,42C351.7395833333333,42,360.0729166666667,42,368.40625,42C376.7395833333333,42,385.0729166666667,42,389.2395833333333,42L393.40625,42" class="path"></path><defs><marker orient="auto" markerHeight="6" markerWidth="8" markerUnits="strokeWidth" refY="5" refX="9" viewBox="0 0 10 10" id="arrowhead27"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowheadPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker></defs></g></g><g class="edgeLabels"><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-client' L-LE-node2" id="L-L-client-node2"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-node2' L-LE-client" id="L-L-node2-client"></span></div></foreignObject></g></g><g style="opacity: 1;" transform="translate(231.2109375,20)" class="edgeLabel"><g class="label" transform="translate(-17.5390625,-12)"><rect height="24" width="35.078125" ry="0" rx="0"></rect><foreignObject height="24" width="35.078125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-node2' L-LE-node1" id="L-L-node2-node1">SNAT</span></div></foreignObject></g></g><g style="opacity: 1;" transform="translate(231.2109375,64)" class="edgeLabel"><g class="label" transform="translate(-17.5390625,-12)"><rect height="24" width="35.078125" ry="0" rx="0"></rect><foreignObject height="24" width="35.078125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-node1' L-LE-node2" id="L-L-node1-node2">SNAT</span></div></foreignObject></g></g><g style="opacity: 1;" transform="" class="edgeLabel"><g class="label" transform="translate(0,0)"><rect height="0" width="0" ry="0" rx="0"></rect><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span style="" class="edgeLabel L-LS-node1' L-LE-endpoint" id="L-L-node1-endpoint"></span></div></foreignObject></g></g></g><g class="nodes"><g style="opacity: 1;" transform="translate(38.5078125,42)" id="flowchart-client-10" class="node plain"><rect class="label-container" height="44" width="61.015625" y="-22" x="-30.5078125" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-20.5078125,-12)"><foreignObject height="24" width="41.015625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">client</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(153.84375,42)" id="flowchart-node2-11" class="node k8s"><rect class="label-container" height="44" width="69.65625" y="-22" x="-34.828125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-24.828125,-12)"><foreignObject height="24" width="49.65625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Node 2</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(308.578125,42)" id="flowchart-node1-15" class="node k8s"><rect class="label-container" height="44" width="69.65625" y="-22" x="-34.828125" ry="0" rx="0"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-24.828125,-12)"><foreignObject height="24" width="49.65625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Node 1</div></foreignObject></g></g></g><g style="opacity: 1;" transform="translate(435.09375,42)" id="flowchart-endpoint-19" class="node k8s"><rect class="label-container" height="44" width="83.375" y="-22" x="-41.6875" ry="5" rx="5"></rect><g transform="translate(0,0)" class="label"><g transform="translate(-31.6875,-12)"><foreignObject height="24" width="63.375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml">Endpoint</div></foreignObject></g></g></g></g></g></g></svg>