Circle and ellipse

You can use the <circle> tag to create a circle with the desired center and radius. For ellipses, use the <ellipse> tag.

Circle

cx

x-coordinate of the center

cy

y-coordinate of the center

r

Radius

<circle cx="50" cy="50" r="30" fill="#01b8aa" />
../../../_images/circle.png

Ellipse

cx

x-coordinate of the center

cy

y-coordinate of the center

rx

Horizontal radius

ry

Vertical Radius

<ellipse cx="50" cy="50" rx="30" ry="40" fill="#01b8aa" />
../../../_images/ellipse.png