Manipulating a single SVG shape triggered via user input.
Also a good way to illustrate how SVG coordinate space works. Note you need to put the radius in to view the circle (otherwise it’s at 0).
The cx and cy attributes define the x and y coordinates of the center of the circle.
If cx and cy are omitted, the circle's center is set to (0,0)
The r attribute defines the radius of the circle