DONT ADD ANYTHING HERE!

Notes

<circle cx cy r />
  1. The circle SVG element is an SVG basic shape, used to draw circles based on a center point and a radius
  2. cx
    1. The x-axis coordinate of the center of the circle
    2. Value type:
      1. length
      2. percentage
    3. Default value: 0
  3. cy
    1. The y-axis coordinate of the center of the circle
    2. Value type:
      1. length
      2. percentage
    3. Default value: 0
  4. r
    1. The radius of the circle
    2. A value lower or equal to zero disables rendering of the circle
    3. Value type:
      1. length
      2. percentage

Code

HTML

// svg_example_two.svg

<div class="flex_container">
    <object 
        data="../svg/svg_example_two.svg" 
        type="image/svg+xml">
    </object>
</div>

SVG

<svg version= "1.1" 

     width = "300"
     height = "150"
     xmlns = "http://www.w3.org/2000/svg">
     
    <rect  width = "100%" 
           height = "100%" 
           fill = "lightgoldenrodyellow" />

    <circle cx = "150" 
            cy = "75" 
            r = "40"  
            stroke = "red" 
            stroke-width = "5"  
            fill = "lightgreen" />
</svg>

References

MDN: svg circle