github.com/cilium/cilium@v1.16.2/Documentation/network/clustermesh/images/services_flowchart.svg

<svg aria-roledescription="flowchart-v2" viewBox="-8 -8 1052.1666259765625 498.70001220703125" style="max-width: 100%;" xmlns="http://www.w3.org/2000/svg" width="100%" id="graph-div" height="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><style>@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css");'</style><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 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointEnd"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster1Global LE-Cluster2Global" id="L-Cluster1Global-Cluster2Global-0" d="M115.05915686319446,263.05915686319446L124.84096405266204,258.11596367119233C134.62277124212963,253.17277047919018,154.18638562106483,243.2863840951859,170.1431933191587,238.4265242365171C186.1000010172526,233.5666643778483,198.45000203450522,233.73333104451498,204.6250025431315,233.8166643778483L210.8000030517578,233.89999771118164"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster2Global LE-Cluster1Shared" id="L-Cluster2Global-Cluster1Shared-0" d="M325.35915991495233,211.25915762613394L335.1409671044199,206.3159644341318C344.92277429388747,201.3727712421297,364.4863886728226,191.48638485812538,380.4431963709165,186.6265249994566C396.40000406901044,181.76666514078775,408.750005086263,181.93333180745444,414.92500559488934,182.0166651407878L421.10000610351557,182.09999847412112"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster1Shared LE-Cluster2Shared" id="L-Cluster1Shared-Cluster2Shared-0" d="M525.9932873158965,149.7932827382597L537.3860737804997,139.49440228188308C548.7788602451029,129.19552182550646,571.5644331743092,108.59776091275323,589.1322201475388,98.38221378970995C606.7000071207682,88.16666666666667,619.0500081380208,88.33333333333333,625.2250086466471,88.41666666666667L631.4000091552733,88.5"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster2Shared LE-Cluster1BothCluster2Both" id="L-Cluster2Shared-Cluster1BothCluster2Both-0" d="M744.6228958207956,64.52288971728007L754.6274147098753,59.01907476440005C764.631933598955,53.515259811520046,784.6409713771142,42.50762990576002,800.7371574414868,37.00381495288001C816.8333435058594,31.5,829.0166778564453,31.5,835.1083450317383,31.5L841.2000122070312,31.5"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster2Shared LE-Cluster1SelfClusterBoth" id="L-Cluster2Shared-Cluster1SelfClusterBoth-0" d="M744.6228958207956,112.47711028271993L754.6274147098753,117.81425856893327C764.631933598955,123.15140685514662,784.6409713771142,133.8257034275733,800.7371574414868,139.16285171378664C816.8333435058594,144.5,829.0166778564453,144.5,835.1083450317383,144.5L841.2000122070312,144.5"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster1Shared LE-Cluster2Shared2" id="L-Cluster1Shared-Cluster2Shared2-0" d="M522.7657386769941,217.63426284888473L534.6964499147477,230.4618854530908C546.6271611525013,243.28950805729687,570.4885836280085,268.944753265709,588.5942953743884,281.85570920324835C606.7000071207682,294.7666651407878,619.0500081380209,294.9333318074544,625.2250086466472,295.0166651407878L631.4000091552736,295.0999984741211"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster2Shared2 LE-Cluster1BothCluster2Self" id="L-Cluster2Shared2-Cluster1BothCluster2Self-0" d="M750.7085485378594,277.20854090846484L759.698791974095,273.92378409038736C768.6890354103307,270.6390272723099,786.6695222828021,264.0695136361549,801.7514328943307,260.7847568180775C816.8333435058594,257.5,829.0166778564453,257.5,835.1083450317383,257.5L841.2000122070312,257.5"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster2Shared2 LE-Cluster1SelfCluster2Self" id="L-Cluster2Shared2-Cluster1SelfCluster2Self-0" d="M749.5248265010749,314.17517807656174L758.7123569434413,317.66264814282164C767.8998873858078,321.15011820908154,786.2749482705407,328.1250583416013,811.0091377130303,343.6291948202147C835.7433271555201,359.1333312988281,866.8366451557667,383.16666412353516,882.3833041558901,395.1833305358887L897.9299631560134,407.1999969482422"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster1Global LE-Cluster1SelfCluster2Self" id="L-Cluster1Global-Cluster1SelfCluster2Self-0" d="M93.91778586913291,329.4822080273514L107.2231548909441,353.0185061808332C120.52852391275526,376.55480433431495,147.13926195637762,423.6274006412786,177.96963123250194,447.1636987947604C208.8000005086263,470.6999969482422,243.8500010172526,470.6999969482422,278.9000015258789,470.6999969482422C313.9500020345052,470.6999969482422,349.00000254313153,470.6999969482422,384.0500030517578,470.6999969482422C419.1000035603841,470.6999969482422,454.15000406901044,470.6999969482422,489.2000045776367,470.6999969482422C524.2500050862631,470.6999969482422,559.3000055948893,470.6999969482422,594.3500061035156,470.6999969482422C629.400006612142,470.6999969482422,664.4500071207682,470.6999969482422,699.5000076293945,470.6999969482422C734.5500081380209,470.6999969482422,769.6000086466471,470.6999969482422,796.3500086466471,468.4975597959254C823.1000086466471,466.2951226436085,841.5500081380209,461.8902483389749,850.7750078837076,459.6878111866581L860.0000076293945,457.4853740343413"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Cluster2Global LE-Cluster1SelfCluster2Self" id="L-Cluster2Global-Cluster1SelfCluster2Self-0" d="M305.6635729955825,276.2364247155992L318.72797800494504,297.34702021486294C331.79238301430763,318.4576157141267,357.9211930330327,360.6788067126542,388.5105982967084,381.7894022119179C419.1000035603841,402.89999771118164,454.15000406901044,402.89999771118164,489.2000045776367,402.89999771118164C524.2500050862631,402.89999771118164,559.3000055948893,402.89999771118164,594.3500061035156,402.89999771118164C629.400006612142,402.89999771118164,664.4500071207682,402.89999771118164,699.5000076293945,402.89999771118164C734.5500081380209,402.89999771118164,769.6000086466471,402.89999771118164,796.3500086466471,405.3639742228259C823.1000086466471,407.8279507344701,841.5500081380209,412.75590375775863,850.7750078837076,415.2198802694029L860.0000076293945,417.6838567810471"></path></g><g class="edgeLabels"><g transform="translate(173.75, 233.39999771118164)" class="edgeLabel"><g transform="translate(-11.550003051757812, -12)" class="label"><foreignObject height="24" width="23.100006103515625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">yes</span></div></foreignObject></g></g><g transform="translate(384.0500030517578, 181.5999984741211)" class="edgeLabel"><g transform="translate(-11.550003051757812, -12)" class="label"><foreignObject height="24" width="23.100006103515625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">yes</span></div></foreignObject></g></g><g transform="translate(594.3500061035156, 88)" class="edgeLabel"><g transform="translate(-11.550003051757812, -12)" class="label"><foreignObject height="24" width="23.100006103515625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">yes</span></div></foreignObject></g></g><g transform="translate(804.6500091552734, 31.5)" class="edgeLabel"><g transform="translate(-11.550003051757812, -12)" class="label"><foreignObject height="24" width="23.100006103515625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">yes</span></div></foreignObject></g></g><g transform="translate(804.6500091552734, 144.5)" class="edgeLabel"><g transform="translate(-8.666664123535156, -12)" class="label"><foreignObject height="24" width="17.333328247070312"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">no</span></div></foreignObject></g></g><g transform="translate(594.3500061035156, 294.5999984741211)" class="edgeLabel"><g transform="translate(-8.666664123535156, -12)" class="label"><foreignObject height="24" width="17.333328247070312"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">no</span></div></foreignObject></g></g><g transform="translate(804.6500091552734, 257.5)" class="edgeLabel"><g transform="translate(-11.550003051757812, -12)" class="label"><foreignObject height="24" width="23.100006103515625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">yes</span></div></foreignObject></g></g><g transform="translate(804.6500091552734, 335.0999984741211)" class="edgeLabel"><g transform="translate(-8.666664123535156, -12)" class="label"><foreignObject height="24" width="17.333328247070312"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">no</span></div></foreignObject></g></g><g transform="translate(489.2000045776367, 470.6999969482422)" class="edgeLabel"><g transform="translate(-8.666664123535156, -12)" class="label"><foreignObject height="24" width="17.333328247070312"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">no</span></div></foreignObject></g></g><g transform="translate(594.3500061035156, 402.89999771118164)" class="edgeLabel"><g transform="translate(-8.666664123535156, -12)" class="label"><foreignObject height="24" width="17.333328247070312"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">no</span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(68.5999984741211, 285.1999969482422)" id="flowchart-Cluster1Global-740" class="node default default"><polygon style="" transform="translate(-68.5999984741211,68.5999984741211)" class="label-container" points="68.5999984741211,0 137.1999969482422,-68.5999984741211 68.5999984741211,-137.1999969482422 0,-68.5999984741211"></polygon><g transform="translate(-29.599998474121094, -24)" style="" class="label"><foreignObject height="48" width="59.19999694824219"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster1<br/>Global?</span></div></foreignObject></g></g><g transform="translate(278.9000015258789, 233.39999771118164)" id="flowchart-Cluster2Global-741" class="node default default"><polygon style="" transform="translate(-68.5999984741211,68.5999984741211)" class="label-container" points="68.5999984741211,0 137.1999969482422,-68.5999984741211 68.5999984741211,-137.1999969482422 0,-68.5999984741211"></polygon><g transform="translate(-29.599998474121094, -24)" style="" class="label"><foreignObject height="48" width="59.19999694824219"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster2<br/>Global?</span></div></foreignObject></g></g><g transform="translate(489.2000045776367, 181.5999984741211)" id="flowchart-Cluster1Shared-743" class="node default default"><polygon style="" transform="translate(-68.5999984741211,68.5999984741211)" class="label-container" points="68.5999984741211,0 137.1999969482422,-68.5999984741211 68.5999984741211,-137.1999969482422 0,-68.5999984741211"></polygon><g transform="translate(-29.599998474121094, -24)" style="" class="label"><foreignObject height="48" width="59.19999694824219"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster1<br/>Shared?</span></div></foreignObject></g></g><g transform="translate(699.5000076293945, 88)" id="flowchart-Cluster2Shared-745" class="node default default"><polygon style="" transform="translate(-68.5999984741211,68.5999984741211)" class="label-container" points="68.5999984741211,0 137.1999969482422,-68.5999984741211 68.5999984741211,-137.1999969482422 0,-68.5999984741211"></polygon><g transform="translate(-29.599998474121094, -24)" style="" class="label"><foreignObject height="48" width="59.19999694824219"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster2<br/>Shared?</span></div></foreignObject></g></g><g transform="translate(938.6833419799805, 31.5)" id="flowchart-Cluster1BothCluster2Both-747" class="node default default"><rect height="63" width="194.96665954589844" y="-31.5" x="-97.48332977294922" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-89.98332977294922, -24)" style="" class="label"><foreignObject height="48" width="179.96665954589844"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster1: Local + Remote<br/>Cluster2: Local + Remote</span></div></foreignObject></g></g><g transform="translate(938.6833419799805, 144.5)" id="flowchart-Cluster1SelfClusterBoth-749" class="node default default"><rect height="63" width="194.96665954589844" y="-31.5" x="-97.48332977294922" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-89.98332977294922, -24)" style="" class="label"><foreignObject height="48" width="179.96665954589844"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster1: Local only<br/>Cluster2: Local + Remote</span></div></foreignObject></g></g><g transform="translate(699.5000076293945, 294.5999984741211)" id="flowchart-Cluster2Shared2-751" class="node default default"><polygon style="" transform="translate(-68.5999984741211,68.5999984741211)" class="label-container" points="68.5999984741211,0 137.1999969482422,-68.5999984741211 68.5999984741211,-137.1999969482422 0,-68.5999984741211"></polygon><g transform="translate(-29.599998474121094, -24)" style="" class="label"><foreignObject height="48" width="59.19999694824219"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster2<br/>Shared?</span></div></foreignObject></g></g><g transform="translate(938.6833419799805, 257.5)" id="flowchart-Cluster1BothCluster2Self-753" class="node default default"><rect height="63" width="194.96665954589844" y="-31.5" x="-97.48332977294922" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-89.98332977294922, -24)" style="" class="label"><foreignObject height="48" width="179.96665954589844"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster1: Local + Remote<br/>Cluster2: Local only</span></div></foreignObject></g></g><g transform="translate(938.6833419799805, 438.6999969482422)" id="flowchart-Cluster1SelfCluster2Self-755" class="node default default"><rect height="63" width="157.36666870117188" y="-31.5" x="-78.68333435058594" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-71.18333435058594, -24)" style="" class="label"><foreignObject height="48" width="142.36666870117188"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster1: Local only<br/>Cluster2: Local only</span></div></foreignObject></g></g></g></g></g></svg>