All examples By author By category About

eesur

d3 | manipulating a single SVG shape

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