how to put cx cy r in circle in a class in svg code example

Example: svg circle

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