test/alpha.svg

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="160" viewBox="0 0 800 160">
  <g transform="translate(0.5,0.5)" text-anchor="middle" font-size="14" font-family="sans-serif" font-weight="normal">
    <g transform="translate(4,94)">
      <g stroke="black" stroke-width="1" stroke-linecap="round">
        <line x2="791"/>
        <line y2="50"/>
        <line x2="791" y1="50" y2="50"/>
        <line x1="791" x2="791" y2="50"/>
        <line x1="742" x2="742" y2="6"/>
        <line x1="742" x2="742" y1="50" y2="44"/>
        <line x1="692" x2="692" y2="6"/>
        <line x1="692" x2="692" y1="50" y2="44"/>
        <line x1="643" x2="643" y2="6"/>
        <line x1="643" x2="643" y1="50" y2="44"/>
        <line x1="593" x2="593" y2="6"/>
        <line x1="593" x2="593" y1="50" y2="44"/>
        <line x1="544" x2="544" y2="6"/>
        <line x1="544" x2="544" y1="50" y2="44"/>
        <line x1="494" x2="494" y2="6"/>
        <line x1="494" x2="494" y1="50" y2="44"/>
        <line x1="445" x2="445" y2="6"/>
        <line x1="445" x2="445" y1="50" y2="44"/>
        <line x1="396" x2="396" y2="50"/>
        <line x1="346" x2="346" y2="6"/>
        <line x1="346" x2="346" y1="50" y2="44"/>
        <line x1="297" x2="297" y2="6"/>
        <line x1="297" x2="297" y1="50" y2="44"/>
        <line x1="247" x2="247" y2="6"/>
        <line x1="247" x2="247" y1="50" y2="44"/>
        <line x1="198" x2="198" y2="6"/>
        <line x1="198" x2="198" y1="50" y2="44"/>
        <line x1="148" x2="148" y2="6"/>
        <line x1="148" x2="148" y1="50" y2="44"/>
        <line x1="99" x2="99" y2="6"/>
        <line x1="99" x2="99" y1="50" y2="44"/>
        <line x1="49" x2="49" y2="50"/>
      </g>
      <g>
        <g>
          <rect x="49" width="346" height="50" style="fill-opacity:0.1"/>
          <rect width="49" height="50" style="fill-opacity:0.1;fill:hsl(170,100%,50%)"/>
        </g>
        <g transform="translate(25,-9)">
          <g transform="translate(742)">
            <text y="6">0</text>
          </g>
          <g transform="translate(396)">
            <text y="6">7</text>
          </g>
          <g transform="translate(346)">
            <text y="6">8</text>
          </g>
          <g transform="translate(49)">
            <text y="6">14</text>
          </g>
          <g transform="translate(0)">
            <text y="6">15</text>
          </g>
        </g>
        <g transform="translate(25,25)">
          <g transform="translate(569)">
            <text y="6">
              <tspan>IPO</tspan>
            </text>
          </g>
          <g transform="translate(0)">
            <text y="6">
              <tspan>BRK</tspan>
            </text>
          </g>
        </g>
        <g transform="translate(25,57)">
          <g transform="translate(569)">
            <text y="6">
              <tspan>RO</tspan>
            </text>
          </g>
          <g transform="translate(0)">
            <text y="6">
              <tspan>RW</tspan>
            </text>
          </g>
        </g>
      </g>
    </g>
    <g transform="translate(4,14)">
      <g stroke="black" stroke-width="1" stroke-linecap="round">
        <line x2="791"/>
        <line y2="50"/>
        <line x2="791" y1="50" y2="50"/>
        <line x1="791" x2="791" y2="50"/>
        <line x1="742" x2="742" y2="6"/>
        <line x1="742" x2="742" y1="50" y2="44"/>
        <line x1="692" x2="692" y2="6"/>
        <line x1="692" x2="692" y1="50" y2="44"/>
        <line x1="643" x2="643" y2="6"/>
        <line x1="643" x2="643" y1="50" y2="44"/>
        <line x1="593" x2="593" y2="50"/>
        <line x1="544" x2="544" y2="6"/>
        <line x1="544" x2="544" y1="50" y2="44"/>
        <line x1="494" x2="494" y2="6"/>
        <line x1="494" x2="494" y1="50" y2="44"/>
        <line x1="445" x2="445" y2="50"/>
        <line x1="396" x2="396" y2="6"/>
        <line x1="396" x2="396" y1="50" y2="44"/>
        <line x1="346" x2="346" y2="6"/>
        <line x1="346" x2="346" y1="50" y2="44"/>
        <line x1="297" x2="297" y2="50"/>
        <line x1="247" x2="247" y2="6"/>
        <line x1="247" x2="247" y1="50" y2="44"/>
        <line x1="198" x2="198" y2="6"/>
        <line x1="198" x2="198" y1="50" y2="44"/>
        <line x1="148" x2="148" y2="50"/>
        <line x1="99" x2="99" y2="6"/>
        <line x1="99" x2="99" y1="50" y2="44"/>
        <line x1="49" x2="49" y2="6"/>
        <line x1="49" x2="49" y1="50" y2="44"/>
      </g>
      <g>
        <g>
          <rect x="593" width="198" height="50" style="fill-opacity:0.1;fill:hsl(170,100%,50%)"/>
          <rect width="148" height="50" style="fill-opacity:0.1"/>
        </g>
        <g transform="translate(25,-9)">
          <g transform="translate(742)">
            <text y="6">16</text>
          </g>
          <g transform="translate(593)">
            <text y="6">19</text>
          </g>
          <g transform="translate(544)">
            <text y="6">20</text>
          </g>
          <g transform="translate(445)">
            <text y="6">22</text>
          </g>
          <g transform="translate(396)">
            <text y="6">23</text>
          </g>
          <g transform="translate(297)">
            <text y="6">25</text>
          </g>
          <g transform="translate(247)">
            <text y="6">26</text>
          </g>
          <g transform="translate(148)">
            <text y="6">28</text>
          </g>
          <g transform="translate(99)">
            <text y="6">29</text>
          </g>
          <g transform="translate(0)">
            <text y="6">31</text>
          </g>
        </g>
        <g transform="translate(25,25)">
          <g transform="translate(667)">
            <text y="6">
              <tspan>BRK</tspan>
            </text>
          </g>
          <g transform="translate(494)">
            <text y="6" transform="rotate(-45)">
              <tspan>CPK</tspan>
            </text>
          </g>
          <g transform="translate(346)">
            <text y="6">
              <tspan>BPS</tspan>
            </text>
          </g>
          <g transform="translate(198)">
            <text y="6">
              <tspan>Clear</tspan>
            </text>
          </g>
        </g>
        <g transform="translate(25,57)">
          <g transform="translate(667)">
            <text y="6">
              <tspan>RW</tspan>
            </text>
          </g>
          <g>
            <g transform="translate(544)">
              <text y="6">0</text>
            </g>
            <g transform="translate(494)">
              <text y="6">1</text>
            </g>
            <g transform="translate(445)">
              <text y="6">0</text>
            </g>
          </g>
          <g transform="translate(346)">
            <text y="6">
              <tspan>42</tspan>
            </text>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>