I am trying to create a pattern of multiple circles of different colour and each time created rotated slightly, here is an example of what I am trying to achieve:
<http://etc.usf.edu/clipart/42900/42923/circle-29_42923.htm>

I have created the svg to create the circle in the correct spacing however I am not sure how to duplicate the circle using SVG, here is a fragment of my code so far:

```
<title>Multiple Circles</title>

    <svg x="100" >
        <svg height="500" width="500">
          <circle cx="100" cy="100" r="40" stroke="black" stroke-width="3" fill="transparent" /> 
        </svg>
    </svg>

</svg>

```