luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
d2/docs/assets/example.svg

215 lines
280 KiB
XML
Raw Normal View History

update outdated readme example
2024-03-25 16:37:54 +00:00
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.2.4-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 786 1248"><svg id="d2-svg" class="d2-186795793" width="786" height="1248" viewBox="11 11 786 1248"><rect x="11.000000" y="11.000000" width="786.000000" height="1248.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-186795793 .text-mono {
font-family: "d2-186795793-font-mono";
}
@font-face {
font-family: d2-186795793-font-mono;
src: url("data:application/font-woff;base64,AAEAAAAPAIAAAwBwQkFTRWUeXb0AAejUAAAARkRTSUcAAAABAAIdsAAAAAhHREVG8Yj03gAB6RwAAALqR1BPU6UIFdkAAewIAAAUXEdTVUIB/10FAAIAZAAAHUpPUy8yld/X+AAAAXgAAABgY21hcAdzcEIAAA4cAAAzZmdseWYb7v/zAABNyAABUS5oZWFkGanOOgAAAPwAAAA2aGhlYQYzAIgAAAE0AAAAJGhtdHgMtA+PAAAB2AAADEJsb2NhJ2DThAAAQYQAAAxCbWF4cAZUAmEAAAFYAAAAIG5hbWXcnQMfAAGe+AAAEM5wb3N0K4oCyQABr8gAADkMAAEAAAACCboWS6s0Xw889QADA+gAAAAA3B0N9wAAAADcHHNL/z/+OgMZBCQAAAADAAIAAAAAAAAAAQAAA9j+7wAAAlj/P/8/AxkAAQAAAAAAAAAAAAAAAAAAAAEAAQAABiAB+AAqAGUABgABAAAAAAAAAAAAAAAAAAMAAwADAlgBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFCQMEAwICBCAAAvcCADgDAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBEWAAAZ8AAAAAAeYClAAAACAAAwJYAD4AAAAgAGMAQQBXAHIAhQA1AE8AXwBRAGIAhgBIAFIAMABmADAAZABDACoATwArAAoANgAmAEEAUQBdAFAAPABEAGcASABdAFoANwBqAEoAOgBdADwAXQA8AJIARwBFAE0AMwAIAEAAMQBHACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIP///////wAaAGMAQQBBAEEAQQBBAFcAVwBXAFcADAAUAHIAcgByAHIAcgByAHIAcgBzAHIAcgByAHIAcgByAHIAcgByADUANQA1ADUANQA1ADUANQA1AE8ATwBPABsATwAKAF8AXwBfAF8AXwBfAF8AXwBfAF8AXwBfAFEAYgBiAGIAfACGAIYAhgA3AIYACgCGAEgASABIAFIAUgBSAFIAUgBSAFIAUgAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAkACQAIQBkAGQAZABkAGQAZABkAEMAQwBDAEMAQwBDAEMAQwBOACoAKgAqACoAKgAqAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwArAAoACgAKAAoAJgAmACYAJgAmACYAJgAmAEEAQQBBAEEAQQBBAAwAZQA7AFUAcABEAFkAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAEkAUQBRAFEAUQBRAFEAUQBRABEAEQARABQAXQBQAFAAUABQAFAANgA8ADwAPAA8AEQARABEAEQARABEAEQARABEAEQARABEAEQARABEAEQARABEAEgASABIAEgASABIAEgASP/v//UAXQBdACcAXQAUAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaADcAagBqAGoAagBKAEoASgBKAEoASgBKACMAOgA6ADoAXQBdAF0AXQBdAF0AXQBd/+oAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwANQA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8AAsAkgBmAJIAkgCDAIMAQABHAEcARwBHAEcARwBHAEcAWABnAEUARQBFAEUARQBFAEUATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNADMACAAIAAgACAAxADEAMQAxADEAMQAxADEARwBHAEcARwBHAEcAPABdAF0ANwBd//gAUABeAF0AXQA9AFAAPAA8AD8APABzAEUAFgBbAD4APQA3ADwAPABOADMAPABNAF0AXQBdAFoAVgA4ABwASgBKAEoATwCUACoAKgA6//sAXQBgADwAIQAsAD8APwA/AJIAkgBjAGMARwA4ADgANgBFAAIAMgBNADMACAAxADkARwBHADsAAAAZADAARwBZAEcAUgBUADwAUgA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAOQA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPABjAGMAYwBjAGMAYwBjAGMAYwBjAGMAYwBjAGMAWgBjAFoAYwA4AGMAYwBjAGMAYwBjAGMAYwAt//wAYwBjACAAYwCHACsAcgBBAE8AMABfAGIAKwBIAFIARgAwAE8AZgBLACoAJgAaADYALAAmACQAGAAYABgAXwAYACgAJgAYADkAXQAwAEEAWwB0AF0ASABRAGQAOABUAC8AXABAABsAXQA8AEIATwAsADgANQAiAFoAXQBPACwAJQA5AFsAXQBRAFEAQABPAE8AIgBRAE8AZAA+AFsAkgBEAMUA2wDbAQEA8AEJAPAAiwELAPsA6ADoANwA0QEJAJAAigCQAJQAnwCfAH8AkQCLAJMA5QDkAPYA8ACqAKoAqgCsALYAtgAgAGMAYwCHABYAcgABAD4ATgBOAGYAAgBIAE8AMABPAGYAQQAqAC8AGgA2AE8AQQAoACYAEwA3AGIALgAsAB4AcgByAAUAhwBCAEMAXwBfAFH/+AAnAAUAZgBOAC8ASwAYADAAJgCHADwAAQA+AGYAEwBPAEEAJgAmADYAQQBbAF8AAQAg//8AcgA7AE4AMAAwAC8ALwBRAEsAaACSACoARAAGAD4AZABkAG4AHQBAAF0APABdAF0AUABCADEAIABAAF4AWAA6ADoAIwBGAH0APQAsADcARABEABQAkgBQAEcAWgBaADf/+QA6ABQAbgBkADEAZwApADwARgCiAEgABgA+AG4AIQBdAFAAMwAzAEAAWABdAAYASgBRABEARABFAGQAPAA8ADEAMQA8ADwAVQBjAGMAYwACACoARwBhAEUAOQAnADgATQBGAEQAQwBHAGEARwBhAEUAOQAnADgATgBGAEQAQwBHAGEARwBhAEUAOQAnADgATQBGAEQAQwBHAGEA2wDFANsAxQAgAOMA4wBtAHkA9QCCANEA2QBeAGYA2QBmANQAxQDTAFIAYABVAFUAVQBQAAAAUAAAANsAlwCLAKYAmgCLAHUApgCaAIsAdQCKAHUAmAAAADwAPAA+/2YA0AB6AOEAYgB4AGMAYwEHAGMBBwBUAH8AfwBbAEgAnABdAA4AVwAOAF4AdADhAGIA4QBiALoAYgDiAGIA4QBiAB4AHgBw//sADwAxADEAVwBoAIYAhgCGAFUAjQCvAJIAjgCUAI4AlwCcAJcAkQDsANMA+wD0AI0ArwCSAI4AlACOAJcAnACXAJEA7ADTAPsA9AChANAArQCsAKwArACwALcArwCtAOwA1QD7APQAoQDQAK0ArACsAKwAsAC3AK8ArQDsANUA+wD0AKMAiQCOAKMArAC1AIkAkQDGAJUArwCvAIwAvQDEAEYArwCOAKwAiQDzAKIApACfAIsANACfAIwAkgCRAJEAkQCOAK8AkgCgAIkAiQCtAPsA3gClAD0AOgBVAE0ANQA6AHEAMQBgAE4ALgAqABwAbQAqAFQAPQBgAGwALQA3ADcAKgBFABwAHAAcABsAMAAcABwAHwAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAUwAbAFUAVQBmAFUA1wBVAFUAeABrAFUAVQBVAG8AVQBMAEwAVQBVAGAAVf/8AK8BAQCpAPAAVABMALoBCQCZAD4AKwAmACAARgBPAEYANAAbAHQAGgARACEAHQAhAGAAUQBWAGcAEQAhAB0AIf/0AFUAPABKAD4AVwBJAEkAIQA+AD4APgA+AD4APgAqACoAFf/nAEQAM//n/+f/+gBNAAQACQAJAAUACQAJAB3/uf/g//z/5gAtADz/9P/9AGAAMQEBANEA2QDiAL4AoADKAMoAgACkAOwAkQCRAPkApwDsAKQA+QB/AJQApwCQAL4AxQDqAM0A0gA1AKQAsQDRAOwA6wEJAJ
}
.d2-186795793 .text-mono-italic {
font-family: "d2-186795793-font-mono-italic";
}
@font-face {
font-family: d2-186795793-font-mono-italic;
src: url("data:application/font-woff;base64,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
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-186795793 .fill-N1{fill:#000410;}
.d2-186795793 .fill-N2{fill:#000410;}
.d2-186795793 .fill-N3{fill:#9499AB;}
.d2-186795793 .fill-N4{fill:#FFFFFF;}
.d2-186795793 .fill-N5{fill:#FFFFFF;}
.d2-186795793 .fill-N6{fill:#EEF1F8;}
.d2-186795793 .fill-N7{fill:#FFFFFF;}
.d2-186795793 .fill-B1{fill:#000410;}
.d2-186795793 .fill-B2{fill:#000410;}
.d2-186795793 .fill-B3{fill:#FFFFFF;}
.d2-186795793 .fill-B4{fill:#E7E9EE;}
.d2-186795793 .fill-B5{fill:#F5F6F9;}
.d2-186795793 .fill-B6{fill:#FFFFFF;}
.d2-186795793 .fill-AA2{fill:#6D7284;}
.d2-186795793 .fill-AA4{fill:#F5F6F9;}
.d2-186795793 .fill-AA5{fill:#FFFFFF;}
.d2-186795793 .fill-AB4{fill:#F5F6F9;}
.d2-186795793 .fill-AB5{fill:#FFFFFF;}
.d2-186795793 .stroke-N1{stroke:#000410;}
.d2-186795793 .stroke-N2{stroke:#000410;}
.d2-186795793 .stroke-N3{stroke:#9499AB;}
.d2-186795793 .stroke-N4{stroke:#FFFFFF;}
.d2-186795793 .stroke-N5{stroke:#FFFFFF;}
.d2-186795793 .stroke-N6{stroke:#EEF1F8;}
.d2-186795793 .stroke-N7{stroke:#FFFFFF;}
.d2-186795793 .stroke-B1{stroke:#000410;}
.d2-186795793 .stroke-B2{stroke:#000410;}
.d2-186795793 .stroke-B3{stroke:#FFFFFF;}
.d2-186795793 .stroke-B4{stroke:#E7E9EE;}
.d2-186795793 .stroke-B5{stroke:#F5F6F9;}
.d2-186795793 .stroke-B6{stroke:#FFFFFF;}
.d2-186795793 .stroke-AA2{stroke:#6D7284;}
.d2-186795793 .stroke-AA4{stroke:#F5F6F9;}
.d2-186795793 .stroke-AA5{stroke:#FFFFFF;}
.d2-186795793 .stroke-AB4{stroke:#F5F6F9;}
.d2-186795793 .stroke-AB5{stroke:#FFFFFF;}
.d2-186795793 .background-color-N1{background-color:#000410;}
.d2-186795793 .background-color-N2{background-color:#000410;}
.d2-186795793 .background-color-N3{background-color:#9499AB;}
.d2-186795793 .background-color-N4{background-color:#FFFFFF;}
.d2-186795793 .background-color-N5{background-color:#FFFFFF;}
.d2-186795793 .background-color-N6{background-color:#EEF1F8;}
.d2-186795793 .background-color-N7{background-color:#FFFFFF;}
.d2-186795793 .background-color-B1{background-color:#000410;}
.d2-186795793 .background-color-B2{background-color:#000410;}
.d2-186795793 .background-color-B3{background-color:#FFFFFF;}
.d2-186795793 .background-color-B4{background-color:#E7E9EE;}
.d2-186795793 .background-color-B5{background-color:#F5F6F9;}
.d2-186795793 .background-color-B6{background-color:#FFFFFF;}
.d2-186795793 .background-color-AA2{background-color:#6D7284;}
.d2-186795793 .background-color-AA4{background-color:#F5F6F9;}
.d2-186795793 .background-color-AA5{background-color:#FFFFFF;}
.d2-186795793 .background-color-AB4{background-color:#F5F6F9;}
.d2-186795793 .background-color-AB5{background-color:#FFFFFF;}
.d2-186795793 .color-N1{color:#000410;}
.d2-186795793 .color-N2{color:#000410;}
.d2-186795793 .color-N3{color:#9499AB;}
.d2-186795793 .color-N4{color:#FFFFFF;}
.d2-186795793 .color-N5{color:#FFFFFF;}
.d2-186795793 .color-N6{color:#EEF1F8;}
.d2-186795793 .color-N7{color:#FFFFFF;}
.d2-186795793 .color-B1{color:#000410;}
.d2-186795793 .color-B2{color:#000410;}
.d2-186795793 .color-B3{color:#FFFFFF;}
.d2-186795793 .color-B4{color:#E7E9EE;}
.d2-186795793 .color-B5{color:#F5F6F9;}
.d2-186795793 .color-B6{color:#FFFFFF;}
.d2-186795793 .color-AA2{color:#6D7284;}
.d2-186795793 .color-AA4{color:#F5F6F9;}
.d2-186795793 .color-AA5{color:#FFFFFF;}
.d2-186795793 .color-AB4{color:#F5F6F9;}
.d2-186795793 .color-AB5{color:#FFFFFF;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#000410;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#000410;--color-neutral-muted:#EEF1F8;--color-accent-fg:#000410;--color-accent-emphasis:#000410;--color-attention-subtle:#000410;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}@media screen and (prefers-color-scheme:dark){
.d2-186795793 .fill-N1{fill:#CDD6F4;}
.d2-186795793 .fill-N2{fill:#BAC2DE;}
.d2-186795793 .fill-N3{fill:#A6ADC8;}
.d2-186795793 .fill-N4{fill:#585B70;}
.d2-186795793 .fill-N5{fill:#45475A;}
.d2-186795793 .fill-N6{fill:#313244;}
.d2-186795793 .fill-N7{fill:#1E1E2E;}
.d2-186795793 .fill-B1{fill:#CBA6f7;}
.d2-186795793 .fill-B2{fill:#CBA6f7;}
.d2-186795793 .fill-B3{fill:#6C7086;}
.d2-186795793 .fill-B4{fill:#585B70;}
.d2-186795793 .fill-B5{fill:#45475A;}
.d2-186795793 .fill-B6{fill:#313244;}
.d2-186795793 .fill-AA2{fill:#f38BA8;}
.d2-186795793 .fill-AA4{fill:#45475A;}
.d2-186795793 .fill-AA5{fill:#313244;}
.d2-186795793 .fill-AB4{fill:#45475A;}
.d2-186795793 .fill-AB5{fill:#313244;}
.d2-186795793 .stroke-N1{stroke:#CDD6F4;}
.d2-186795793 .stroke-N2{stroke:#BAC2DE;}
.d2-186795793 .stroke-N3{stroke:#A6ADC8;}
.d2-186795793 .stroke-N4{stroke:#585B70;}
.d2-186795793 .stroke-N5{stroke:#45475A;}
.d2-186795793 .stroke-N6{stroke:#313244;}
.d2-186795793 .stroke-N7{stroke:#1E1E2E;}
.d2-186795793 .stroke-B1{stroke:#CBA6f7;}
.d2-186795793 .stroke-B2{stroke:#CBA6f7;}
.d2-186795793 .stroke-B3{stroke:#6C7086;}
.d2-186795793 .stroke-B4{stroke:#585B70;}
.d2-186795793 .stroke-B5{stroke:#45475A;}
.d2-186795793 .stroke-B6{stroke:#313244;}
.d2-186795793 .stroke-AA2{stroke:#f38BA8;}
.d2-186795793 .stroke-AA4{stroke:#45475A;}
.d2-186795793 .stroke-AA5{stroke:#313244;}
.d2-186795793 .stroke-AB4{stroke:#45475A;}
.d2-186795793 .stroke-AB5{stroke:#313244;}
.d2-186795793 .background-color-N1{background-color:#CDD6F4;}
.d2-186795793 .background-color-N2{background-color:#BAC2DE;}
.d2-186795793 .background-color-N3{background-color:#A6ADC8;}
.d2-186795793 .background-color-N4{background-color:#585B70;}
.d2-186795793 .background-color-N5{background-color:#45475A;}
.d2-186795793 .background-color-N6{background-color:#313244;}
.d2-186795793 .background-color-N7{background-color:#1E1E2E;}
.d2-186795793 .background-color-B1{background-color:#CBA6f7;}
.d2-186795793 .background-color-B2{background-color:#CBA6f7;}
.d2-186795793 .background-color-B3{background-color:#6C7086;}
.d2-186795793 .background-color-B4{background-color:#585B70;}
.d2-186795793 .background-color-B5{background-color:#45475A;}
.d2-186795793 .background-color-B6{background-color:#313244;}
.d2-186795793 .background-color-AA2{background-color:#f38BA8;}
.d2-186795793 .background-color-AA4{background-color:#45475A;}
.d2-186795793 .background-color-AA5{background-color:#313244;}
.d2-186795793 .background-color-AB4{background-color:#45475A;}
.d2-186795793 .background-color-AB5{background-color:#313244;}
.d2-186795793 .color-N1{color:#CDD6F4;}
.d2-186795793 .color-N2{color:#BAC2DE;}
.d2-186795793 .color-N3{color:#A6ADC8;}
.d2-186795793 .color-N4{color:#585B70;}
.d2-186795793 .color-N5{color:#45475A;}
.d2-186795793 .color-N6{color:#313244;}
.d2-186795793 .color-N7{color:#1E1E2E;}
.d2-186795793 .color-B1{color:#CBA6f7;}
.d2-186795793 .color-B2{color:#CBA6f7;}
.d2-186795793 .color-B3{color:#6C7086;}
.d2-186795793 .color-B4{color:#585B70;}
.d2-186795793 .color-B5{color:#45475A;}
.d2-186795793 .color-B6{color:#313244;}
.d2-186795793 .color-AA2{color:#f38BA8;}
.d2-186795793 .color-AA4{color:#45475A;}
.d2-186795793 .color-AA5{color:#313244;}
.d2-186795793 .color-AB4{color:#45475A;}
.d2-186795793 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}}]]></style><style type="text/css"><![CDATA[
.dots-overlay {
fill: url(#dots);
mix-blend-mode: multiply;
}]]></style><defs><pattern id="dots" x="0" y="0" width="15" height="15" patternUnits="userSpaceOnUse">
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="2" y="2" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="12" y="2" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="12" y="12" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="2" y="12" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="2" y="7" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="12" y="7" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="7" y="2" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="7" y="12" width="1" height="1" fill="#0A0F25"/>
</g>
<g style="mix-blend-mode:multiply" opacity="0.1">
<rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
</g>
</pattern>
</defs><g id="network"><g class="shape" ><rect x="12.000000" y="311.000000" width="611.000000" height="902.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /><rect x="12.000000" y="311.000000" width="611.000000" height="902.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="17.000000" y="316.000000" width="601.000000" height="892.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="317.500000" y="344.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="user"><g class="shape" ><path d="M 444 99 H 314 V 98 C 314 83 328 70 351 63 C 338 58 331 50 331 40 C 331 25 352 12 379 12 C 405 12 427 25 427 40 C 427 49 420 58 407 63 C 429 69 444 83 444 98 V 99 H 444 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="379.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">USER</text></g><g id="api server"><g class="shape" ><rect x="592.000000" y="59.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="663.000000" y="97.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">API SERVER</text></g><g id="logs"><g class="shape" ><path d="M 714 301 H 774 C 775 301 776 301 777 302 L 794 318 C 795 319 795 320 795 321 V 388 C 795 388 795 388 795 388 H 714 C 713 388 713 388 713 388 V 302 C 713 301 713 301 714 301 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 794 388 H 714 C 713 388 713 388 713 387 V 302 C 713 301 713 301 714 301 H 773 C 774 301 774 301 774 302 V 319 C 774 320 775 321 776 321 H 794 C 795 321 795 321 795 322 V 387 C 794 388 795 388 794 388 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 704 311 H 764 C 765 311 766 311 767 312 L 784 328 C 785 329 785 330 785 331 V 398 C 785 398 785 398 785 398 H 704 C 703 398 703 398 703 398 V 312 C 703 311 703 311 704 311 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 784 398 H 704 C 703 398 703 398 703 397 V 312 C 703 311 703 311 704 311 H 763 C 764 311 764 311 764 312 V 329 C 764 330 765 331 766 331 H 784 C 785 331 785 331 785 332 V 397 C 784 398 785 398 784 398 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="744.000000" y="360.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">LOGS</text></g><g id="network.cell tower"><g class="shape" ><rect x="62.000000" y="361.000000" width="261.000000" height="413.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="62.000000" y="361.000000" width="261.000000" height="413.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="390.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="network.online portal"><g class="shape" ><rect x="343.000000" y="366.000000" width="230.000000" height="169.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="343.000000" y="366.000000" width="230.000000" height="169.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="458.000000" y="395.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">ONLINE PORTAL</text></g><g id="network.data processor"><g class="shape" ><rect x="70.000000" y="945.000000" width="245.000000" height="218.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /><rect x="70.000000" y="945.000000" width="245.000000" height="218.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="192.500000" y="974.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">DATA PROCESSOR</text></g><g id="network.cell tower.satellites"><g class="shape" ><path d="M 137 401 H 283 C 279 401 268 419 268 434 C 268 449 279 467 283 467 H 137 C 133 467 122 449 122 434 C 122 419 133 401 137 401 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 127 411 H 273 C 269 411 258 429 258 444 C 258 459 269 477 273 477 H 127 C 123 477 112 459 112 444 C 112 429 123 411 127 411 Z" class=" stroke-B1 fill-AA
<rect x="11" y="11" width="786" height="1248" fill="white"></rect>
<rect x="124.000000" y="557.000000" width="38" height="21" fill="black"></rect>
<rect x="173.000000" y="557.000000" width="38" height="21" fill="black"></rect>
<rect x="222.000000" y="557.000000" width="38" height="21" fill="black"></rect>
<rect x="145.000000" y="849.000000" width="96" height="21" fill="black"></rect>
<rect x="194.000000" y="159.000000" width="86" height="21" fill="black"></rect>
<rect x="416.000000" y="225.000000" width="58" height="21" fill="black"></rect>
<rect x="510.000000" y="256.000000" width="69" height="21" fill="black"></rect>
<rect x="710.000000" y="185.000000" width="68" height="21" fill="black"></rect>
</mask></svg></svg>
Reference in a new issue Copy permalink