<div id="container" class="chart treemap has-legend">
  <div class="outer-container">
    <div class="inner-container">
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Bookcases</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Pennsylvania</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Kentucky</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Chairs</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Illinois</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Indiana</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Pennsylvania</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Kentucky</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>South Carolina</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Tennessee</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Furnishings</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Indiana</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Minnesota</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Pennsylvania</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Tennessee</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Tables</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Florida</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Utah</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Appliances</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Minnesota</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Nebraska</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Alabama</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Art</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Nebraska</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Pennsylvania</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Arizona</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Binders</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Indiana</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Minnesota</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Pennsylvania</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Alabama</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Oregon</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Washington</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Envelopes</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Pennsylvania</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>North Carolina</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Fasteners</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Labels</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Indiana</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Minnesota</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Paper</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Michigan</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Minnesota</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>North Carolina</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Virginia</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Storage</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Illinois</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Michigan</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Wisconsin</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Florida</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Tennessee</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Utah</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>South</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Technology|Accessories</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Minnesota</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Delaware</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
      <div class="treemap-container">
        <div class="title-container" display="inline-block">
          <text class="title">Technology|Phones</text>
        </div>
        <svg>
          <g class="treemap">
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Illinois</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Texas</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Delaware</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>New York</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>Arizona</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text>California</text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect leafnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>Central</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>East</text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text></text>
            </g>
            <g>
              <rect class="treerect branchnode"></rect>
              <text>West</text>
            </g>
            <g>
              <rect class="treerect rootnode"></rect>
              <text>root</text>
            </g>
          </g>
        </svg>
        <div class="parent-controls">
          <button id="goto-parent">⇪ null</button>
        </div>
      </div>
    </div>
  </div>
  <div class="legend-container legend-color">
    <svg>
      <g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
        <g class="bar vertical" fill="#999"><path></path></g>
      </g>
      <g
        id="legend-axis"
        fill="none"
        font-size="10"
        font-family="sans-serif"
        text-anchor="start"
      >
        <path class="domain" stroke="#000"></path>
        <g class="tick">
          <path stroke="#000"></path>
          <text fill="#000">−2,000</text>
        </g>
        <g class="tick">
          <path stroke="#000"></path>
          <text fill="#000">2,000</text>
        </g>
        <g class="tick">
          <path stroke="#000"></path>
          <text fill="#000">0</text>
        </g>
      </g>
    </svg>
  </div>
  <div class="tooltip"><ul id="tooltip-values"></ul></div>
</div>
