how to draw a circle in svg using javascript code example

Example: svg circle

<svg width="100" height="100">
  <circle cx="50%" cy="50%" r="10" fill="red"/>
</svg>