assets/img/svg/highlight_struct.svg

<svg viewBox="0 0 900 180" xmlns="http://www.w3.org/2000/svg" class="w-screen h-screen leading-none markmap mm-trbxo1-1"
    style="">
    <style>
        svg {
            background-color: white;
            color-scheme: light dark;
        }

        @media (prefers-color-scheme: dark) {
            svg {
                background-color: black;
            }
        }

        .markmap {
            font: 300 16px/20px sans-serif
        }

        .markmap-link {
            fill: none
        }

        .markmap-node&gt;

        circle {
            cursor: pointer
        }

        .markmap-foreign {
            display: inline-block
        }

        .markmap-foreign a {
            color: #0097e6
        }

        .markmap-foreign a:hover {
            color: #00a8ff
        }

        .markmap-foreign code {
            background-color: #f0f0f0;
            border-radius: 2px;
            color: #555;
            font-size: calc(1em - 2px)
        }

        .markmap-foreign :not(pre)&gt;

        code {
            padding: .2em .4em
        }

        .markmap-foreign del {
            text-decoration: line-through
        }

        .markmap-foreign em {
            font-style: italic
        }

        .markmap-foreign strong {
            font-weight: bolder
        }

        .markmap-foreign mark {
            background: #ffeaa7
        }

        .markmap-foreign pre,
        .markmap-foreign pre[class*=language-] {
            margin: 0;
            padding: .2em .4em
        }
    </style>
    <g transform="translate(-77.06979326186831,80.58173813169981) scale(1.3224349157733537)">
        <path class="markmap-link" data-depth="1" data-path="1.2" d="M181,10C221,10,221,-12.5,261,-12.5"
            stroke="rgb(255, 127, 14)" stroke-width="2"></path>
        <path class="markmap-link" data-depth="1" data-path="1.4" d="M181,10C221,10,221,32.5,261,32.5"
            stroke="rgb(148, 103, 189)" stroke-width="2"></path>
        <path class="markmap-link" data-depth="2" data-path="1.2.3" d="M356,-12.5C396,-12.5,396,-12.5,436,-12.5"
            stroke="rgb(140, 86, 75)" stroke-width="1.5"></path>
        <path class="markmap-link" data-depth="2" data-path="1.4.5" d="M365,32.5C405,32.5,405,17.5,445,17.5"
            stroke="rgb(227, 119, 194)" stroke-width="1.5"></path>
        <path class="markmap-link" data-depth="2" data-path="1.4.7" d="M365,32.5C405,32.5,405,47.5,445,47.5"
            stroke="rgb(127, 127, 127)" stroke-width="1.5"></path>
        <path class="markmap-link" data-depth="3" data-path="1.4.5.6" d="M492,17.5C532,17.5,532,17.5,572,17.5"
            stroke="rgb(227, 119, 194)" stroke-width="1.5"></path>
        <path class="markmap-link" data-depth="3" data-path="1.4.7.8" d="M506,47.5C546,47.5,546,47.5,586,47.5"
            stroke="rgb(127, 127, 127)" stroke-width="1.5"></path>
        <g data-depth="3" data-path="1.4.7.8" transform="translate(586, 27.5)" class="markmap-node">
            <line x1="-1" x2="134" y1="20" y2="20" stroke="rgb(127, 127, 127)" stroke-width="1.5"></line>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="116" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml">HighLightFmt </div>
            </foreignObject>
        </g>
        <g data-depth="3" data-path="1.4.5.6" transform="translate(572, -2.5)" class="markmap-node">
            <line x1="-1" x2="163" y1="20" y2="20" stroke="rgb(227, 119, 194)" stroke-width="1.5"></line>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="145" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml"><b><span style="color: CornflowerBlue;">OsStr(</span><span
                            style="color: Orange;">File Name</span><span style="color: CornflowerBlue;">)</span></b> 
                </div>
            </foreignObject>
        </g>
        <g data-depth="2" data-path="1.4.7" transform="translate(445, 27.5)" class="markmap-node">
            <line x1="-1" x2="63" y1="20" y2="20" stroke="rgb(127, 127, 127)" stroke-width="1.5"></line>
            <circle stroke-width="1.5" cx="61" cy="20" r="6" stroke="rgb(127, 127, 127)" fill="rgb(255, 255, 255)">
            </circle>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="45" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml">Value</div>
            </foreignObject>
        </g>
        <g data-depth="2" data-path="1.4.5" transform="translate(445, -2.5)" class="markmap-node">
            <line x1="-1" x2="49" y1="20" y2="20" stroke="rgb(227, 119, 194)" stroke-width="1.5"></line>
            <circle stroke-width="1.5" cx="47" cy="20" r="6" stroke="rgb(227, 119, 194)" fill="rgb(255, 255, 255)">
            </circle>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="31" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml">Key</div>
            </foreignObject>
        </g>
        <g data-depth="2" data-path="1.2.3" transform="translate(436, -32.5)" class="markmap-node">
            <line x1="-1" x2="132" y1="20" y2="20" stroke="rgb(140, 86, 75)" stroke-width="1.5"></line>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="114" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml">HighLightRes </div>
            </foreignObject>
        </g>
        <g data-depth="1" data-path="1.4" transform="translate(261, 12.5)" class="markmap-node">
            <line x1="-1" x2="106" y1="20" y2="20" stroke="rgb(148, 103, 189)" stroke-width="2"></line>
            <circle stroke-width="1.5" cx="104" cy="20" r="6" stroke="rgb(148, 103, 189)" fill="rgb(255, 255, 255)">
            </circle>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="88" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml">files(Map) </div>
            </foreignObject>
        </g>
        <g data-depth="1" data-path="1.2" transform="translate(261, -32.5)" class="markmap-node">
            <line x1="-1" x2="97" y1="20" y2="20" stroke="rgb(255, 127, 14)" stroke-width="2"></line>
            <circle stroke-width="1.5" cx="95" cy="20" r="6" stroke="rgb(255, 127, 14)" fill="rgb(255, 255, 255)">
            </circle>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="79" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml">resource </div>
            </foreignObject>
        </g>
        <g data-depth="0" data-path="1" transform="translate(80,-10)" class="markmap-node">
            <line x1="-1" x2="103" y1="20" y2="20" stroke="rgb(31, 119, 180)" stroke-width="4"></line>
            <circle stroke-width="1.5" cx="101" cy="20" r="6" stroke="rgb(31, 119, 180)" fill="rgb(255, 255, 255)">
            </circle>
            <foreignObject class="markmap-foreign" x="8" y="0" style="opacity: 1;" width="85" height="20">
                <div xmlns="http://www.w3.org/1999/xhtml">HighLight </div>
            </foreignObject>
        </g>
    </g>
</svg>