SOURCE

<svg weight="300" height="500">
    <circle cx="100" cy="140" r="80" stroke="black" stroke-width="2" fill="white"/>
    <text x="90" y="80" fill="black">12</text>
    <text x="100" y="210" fill="black">6</text>
    <text x="30" y="140" fill="black">9</text>
    <text x="160" y="140" fill="black">3</text>
    <text x="130" y="90" fill="black">1</text>
    <text x="150" y="110" fill="black">2</text>
    <text x="157" y="173" fill="black">4</text>
    <text x="135" y="200" fill="black">5</text>
    <text x="53" y="92" fill="black">11</text>
    <text x="33" y="115" fill="black">10</text>
    <text x="67" y="200" fill="black">7</text>
    <text x="40" y="173" fill="black">8</text>
    <rect width="2" height="50" fill="black" x="100" y="145"/>
    <rect width="50" height="2" fill="red" x="100" y="145"/>
    

</svg>

@keyframes{
    100{
        fill:#1abd43;
    }
}