<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
<defs>
<clipPath id="left-half">
<rect width="100" height="200"/>
</clipPath>
<clipPath id="right-half">
<rect x="100" width="100" height="200"/>
</clipPath>
</defs>
<circle cx="100" cy="100" r="98" fill="none" stroke="green" stroke-width="2"/>
<circle cx="100" cy="100" r="98" fill="white" clip-path="url(#left-half)"/>
<circle cx="100" cy="100" r="98" fill="green" clip-path="url(#right-half)"/>
<circle cx="100" cy="50" r="49" fill="green"/>
<circle cx="100" cy="148" r="49" fill="white"/>
<circle cx="100" cy="50" r="10" fill="white"/>
<circle cx="100" cy="148" r="10" fill="green"/>
</svg>