SVG Multiple Rectangles

HTML

<!-- width und height im svg Tag grenzen die Grafik ein! default sind 100 -->
<!-- Werte ohne Angabe sind Pixel -->
<script>
var aa = 45;
var country = document.getElementById("UK");

</script>
<svg height='300px' width='500px'>

  <!-- Simple copy, the background is black by default -->
  <use xlink:href="#s-rect" x="0" y="0" fill='purple' stroke="red" stroke-width="4" width='146' height='20'/>
    
  <!-- Adding width and fill -->
  <use xlink:href="#s-rect" x="130" y="70"
       width="200" fill="yellowgreen"/>
    
  <!-- Adding fill and stroke -->
  <use xlink:href="#s-rect" x="20" y="140" width='200'
       />
    

      <rect id="r1" width="100" height="40" x="2" y="2" fill='blue' stroke-width="4" stroke="red"/>



</svg>