    <g>
        <rect x="160" y="180" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
          <animate attributeName="width" to="300" begin="2s" dur="3s" fill="freeze"/>
        </rect>
        <text x="20" y="205">to</text>
      </g>
      <g>
        <rect x="160" y="220" width="30" height="30" fill="#FFAA44" stroke="#FF00FF" stroke-width="4">
          <animate attributeName="width" values="30;300" begin="2s" dur="3s" fill="freeze"/>
        </rect>
        <text x="20" y="245