mapping_network.svg

<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="304px" style="background: #1d2127;" version="1.1" viewBox="-10.5 -10.5 121.0 324.0" width="101px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style>
.black-stroke {
    stroke: #aaa;
}

rect.black-stroke {
    stroke: #444;
}

.black-fill {
    fill: #ddd;
}

.white-fill {
    fill: #333;
}

.blue-stroke {
    stroke: #5b8fab;
}

.blue-fill {
    fill: #356782;
}

.yellow-stroke {
    stroke: #bbab52;
}

.yellow-fill {
    fill: #a7942b;
}

.grey-stroke {
    stroke: #484d5a;
}

.grey-fill {
    fill: #2e323c;
}

.red-stroke {
    stroke: #bb3232;
}

.red-fill {
    fill: #901c1c;
}

.orange-stroke {
    stroke: #a5753f;
}

.orange-fill {
    fill: #82531e;
}

.purple-stroke {
    stroke: #a556a5;
}

.purple-fill {
    fill: #8a308a;
}

.green-stroke {
    stroke: #80cc92;
}

.green-fill {
    fill: #499e5d;
}

switch foreignObject div div div {
    color: #ddd !important;
}

switch foreignObject div div div span {
    color: #ddd !important;
}

.has-background {
    background-color: #1d2127 !important;
}
</style><defs/><g><rect class="green-stroke green-fill" height="20" pointer-events="none" width="80" x="0" y="50"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;" width="100%"><div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 60px; margin-left: 1px;" xmlns="http://www.w3.org/1999/xhtml"><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: none; white-space: normal; word-wrap: normal; ">Norm</div></div></div></foreignObject><text class="black-fill" font-family="Helvetica" font-size="12px" text-anchor="middle" x="40" y="64">Norm</text></switch></g><rect class="red-stroke red-fill" height="20" pointer-events="none" width="80" x="0" y="100"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;" width="100%"><div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 110px; margin-left: 1px;" xmlns="http://www.w3.org/1999/xhtml"><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: none; white-space: normal; word-wrap: normal; ">Linear</div></div></div></foreignObject><text class="black-fill" font-family="Helvetica" font-size="12px" text-anchor="middle" x="40" y="114">Linear</text></switch></g><path class="black-stroke" d="M 40 70 L 40 93.63" fill="none" pointer-events="none" stroke-miterlimit="10"/><path class="black-stroke black-fill" d="M 40 98.88 L 36.5 91.88 L 40 93.63 L 43.5 91.88 Z" pointer-events="none" stroke-miterlimit="10"/><path class="black-stroke" d="M 40 20 L 40 43.63" fill="none" pointer-events="none" stroke-miterlimit="10"/><path class="black-stroke black-fill" d="M 40 48.88 L 36.5 41.88 L 40 43.63 L 43.5 41.88 Z" pointer-events="none" stroke-miterlimit="10"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;" width="100%"><div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 10px; margin-left: 21px;" xmlns="http://www.w3.org/1999/xhtml"><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: none; white-space: normal; word-wrap: normal; ">z</div></div></div></foreignObject><text class="black-fill" font-family="Helvetica" font-size="12px" text-anchor="middle" x="40" y="14">z</text></switch></g><rect class="red-stroke red-fill" height="20" pointer-events="none" width="80" x="0" y="150"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;" width="100%"><div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 160px; margin-left: 1px;" xmlns="http://www.w3.org/1999/xhtml"><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: none; white-space: normal; word-wrap: normal; ">Linear</div></div></div></foreignObject><text class="black-fill" font-family="Helvetica" font-size="12px" text-anchor="middle" x="40" y="164">Linear</text></switch></g><path class="black-stroke" d="M 40 120 L 40 143.63" fill="none" pointer-events="none" stroke-miterlimit="10"/><path class="black-stroke black-fill" d="M 40 148.88 L 36.5 141.88 L 40 143.63 L 43.5 141.88 Z" pointer-events="none" stroke-miterlimit="10"/><rect class="red-stroke red-fill" height="20" pointer-events="none" width="80" x="0" y="220"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;" width="100%"><div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 230px; margin-left: 1px;" xmlns="http://www.w3.org/1999/xhtml"><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: none; white-space: normal; word-wrap: normal; ">Linear</div></div></div></foreignObject><text class="black-fill" font-family="Helvetica" font-size="12px" text-anchor="middle" x="40" y="234">Linear</text></switch></g><path class="black-stroke" d="M 40 170 L 40 213.63" fill="none" pointer-events="none" stroke-dasharray="3 3" stroke-miterlimit="10"/><path class="black-stroke black-fill" d="M 40 218.88 L 36.5 211.88 L 40 213.63 L 43.5 211.88 Z" pointer-events="none" stroke-miterlimit="10"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;" width="100%"><div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 195px; margin-left: 40px;" xmlns="http://www.w3.org/1999/xhtml"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div class="has-background" style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">More layers</div></div></div></foreignObject><text class="black-fill" font-family="Helvetica" font-size="11px" text-anchor="middle" x="40" y="198">More layers</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;" width="100%"><div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 280px; margin-left: 21px;" xmlns="http://www.w3.org/1999/xhtml"><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: none; white-space: normal; word-wrap: normal; ">w</div></div></div></foreignObject><text class="black-fill" font-family="Helvetica" font-size="12px" text-anchor="middle" x="40" y="284">w</text></switch></g><path class="black-stroke" d="M 40 240 L 40 263.63" fill="none" pointer-events="none" stroke-dasharray="3 3" stroke-miterlimit="10"/><path class="black-stroke black-fill" d="M 40 268.88 L 36.5 261.88 L 40 263.63 L 43.5 261.88 Z" pointer-events="none" stroke-miterlimit="10"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a target="_blank" transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems"><text font-size="10px" text-anchor="middle" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>