Vachmi
The <circle>
element is a basic SVG shape to draw circles of various radii, colours
and at desired location.
Here is the SVG code to draw this circle.
<circle cx="50" cy="50" r="50" style="fill:rgb(100,150,100);" />
</svg>
• The position of the circle is determined by cx and cy attributes. These represent the centre of the circle.
• This position is relative to the position of its parent element.
• The r attribute defines the radius of the circle.
• The CSS fill property defines the fill color of the rectangle
cx - The x-axis coordinate of the center of the circle
cy - The y-axis coordinate of the center of the circle
r - The radius of the circle