The Fano plane as a disc

fano_disc2.svg

<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="400" height="400" viewBox="0 0 200 200">

<!-- The Fano finite projective plane as a disc -->
<title>Fano disc</title>

<defs>
    <circle id="dot" r="6.5" stroke="none" />
</defs>

<!-- <rect width="100%" height="100%" fill="url(#checker)"/>  -->

<g transform="translate(100,100)">
    <g style="fill: none; stroke-width: 0.5">
        <circle cx="0" cy="0" r="70" stroke="#000"/>

        <!-- Arc: A rx,ry, x-axis-rotation, large-arc-flag, sweep-flag, x,y -->
        <path d="M 0,-70 A99 99 0 0, 0, 0,70 A99 99 0 0, 0, 0,-70" stroke="#00f"/>
        <path d="M 0,-70 v140" stroke="#00a"/>

        <path d="M -70,0 A99 99 0 0, 0, 70,0 A99 99 0 0, 0, -70,0" stroke="#f00"/>
        <path d="M -70,0 h140" stroke="#a00"/>

        <path d="M 49.5,-49.5 A121.2436 121.2436 0 0, 0, -49.5,49.5 
            A121.2436 121.2436 0 0, 0, 49.5,-49.5" stroke="#f0f"/>
        <path d="M 49.5,-49.5 l-99,99" stroke="#a0a"/>

        <path d="M -49.5,-49.5 A121.2436 121.2436  0 0, 0, 49.5,49.5 
            A121.2436 121.2436  0 0, 0, -49.5,-49.5 l99,99" stroke="#f0f"/> 
        <path d="M -49.5,-49.5 l99,99" stroke="#a0a"/> 
    </g>

   <g style="fill:#fff; font-family:helvetica; text-anchor:middle" font-size="7">

        <use xlink:href="#dot" x="0" y="0" fill="#000"/>
        <text x="0" y="2">o</text>

        <use xlink:href="#dot" x="29" y="0" fill="#f00"/>
        <text x="29" y="2">x</text>
        <use xlink:href="#dot" x="-29" y="0" fill="#f00"/>
        <text x="-29" y="2">x</text>
        <use xlink:href="#dot" x="70" y="0" fill="#a00"/>
        <text x="70" y="2">X</text>
        <use xlink:href="#dot" x="-70" y="0" fill="#a00"/>
        <text x="-70" y="2">X</text>

        <use xlink:href="#dot" x="0" y="29" fill="#00f"/>
        <text x="0" y="31">y</text>
        <use xlink:href="#dot" x="0" y="-29" fill="#00f"/>
        <text x="0" y="-27">y</text>
        <use xlink:href="#dot" x="0" y="70" fill="#00a"/>
        <text x="0" y="72">Y</text>
        <use xlink:href="#dot" x="0" y="-70" fill="#00a"/>
        <text x="0" y="-68">Y</text>

        <use xlink:href="#dot" x="25.6218" y="25.6218" fill="#f0f"/>
        <text x="25.6218" y="27.6218">xy</text>
        <use xlink:href="#dot" x="25.6218" y="-25.6218" fill="#f0f"/>
        <text x="25.6218" y="-23.6218">xy</text>
        <use xlink:href="#dot" x="-25.6218" y="25.6218" fill="#f0f"/>
        <text x="-25.6218" y="27.6218">xy</text>
        <use xlink:href="#dot" x="-25.6218" y="-25.6218" fill="#f0f"/>
        <text x="-25.6218" y="-23.6218">xy</text>

        <use xlink:href="#dot" x="-49.5" y="-49.5" fill="#a0a"/>
        <text x="-49.5" y="-47.5">XY</text>
        <use xlink:href="#dot" x="-49.5" y="49.5" fill="#a0a"/>
        <text x="-49.5" y="51.5">XY</text>
        <use xlink:href="#dot" x="49.5" y="-49.5" fill="#a0a"/>
        <text x="49.5" y="-47.5">XY</text>
        <use xlink:href="#dot" x="49.5" y="49.5" fill="#a0a"/>
        <text x="49.5" y="51.5">XY</text>
    </g>
</g>
</svg>