html
<div style="height:400px; width:400px;">
  <svg viewBox="0 0 400 400">  
    <line x1="0" y1="150" x2="0" y2="400" stroke="black" />
    <line x1="0" y1="400" x2="400" y2="400" stroke="black" />
    <rect x="10" y="195" width="50" height="200" fill="none" stroke="black"/>
    <rect x="70" y="245" width="50" height="150" fill="none" stroke="black"/>
    <rect x="130"  y="320" width="50" height="75" fill="none" stroke="black"/>
    <rect x="190"  y="320" width="50" height="75" fill="none" stroke="black"/>
    <rect x="250"  y="195"width="50" height="200" fill="none" stroke="black"/>
    <rect x="310" y="195" width="50" height="200" fill="none" stroke="black"/>             
  </svg>
</div>