Memento fixity visualization

fixity.svg

<svg xmlns="http://www.w3.org/2000/svg" width="590" height="400">
    <text x="295" y="395" id="p434_footer" class="p434_footer" text-anchor="middle" fill="#999999" style="font-size: 11px; font-family: &quot;open sans&quot;;"></text>
    <g transform="translate(295,202.5)" class="p434_pieChart">
        <g class="p434_arc" transform="rotate(0)">
            <path id="p434_segment0" fill="#3e8d3f" style="stroke: rgb(255, 255, 255); stroke-width: 1;" data-index="0" d="M1.1817841611771959e-14,-193A193,193,0,1,1,-59.640279914364925,183.5539076449646L-45.73451516749227,140.7563644116827A148,148,0,1,0,9.062386313690414e-15,-148Z"></path>
        </g>
        <g class="p434_arc" transform="rotate(198.00000000000003)">
            <path id="p434_segment1" fill="#8d2a18" style="stroke: rgb(255, 255, 255); stroke-width: 1;" data-index="1" d="M1.1817841611771959e-14,-193A193,193,0,0,1,156.14027991436487,-113.44255369244732L119.73451516749222,-86.99221733928603A148,148,0,0,0,9.062386313690414e-15,-148Z"></path>
        </g>
        <g class="p434_arc" transform="rotate(251.99999999999997)">
            <path id="p434_segment2" fill="#f87f00" style="stroke: rgb(255, 255, 255); stroke-width: 1;" data-index="2" d="M1.1817841611771959e-14,-193A193,193,0,0,1,183.55390764496462,59.64027991436485L140.7563644116827,45.73451516749221A148,148,0,0,0,9.062386313690414e-15,-148Z"></path>
        </g>
        <g class="p466_arc" transform="rotate(0)">
            <path id="p466_segment0" fill="#3e8d3f" style="stroke: rgb(255, 255, 255); stroke-width: 1;" data-index="0" d="M8.939921633775678e-15,-146A146,146,0,1,1,-8.939921633775678e-15,146A146,146,0,1,1,8.939921633775678e-15,-146Z"></path>
        </g>
    </g>
    <g class="p434_labels-inner">
        <g id="p434_labelGroup0-inner" data-index="0" class="p434_labelGroup-inner" style="opacity: 1;" transform="translate(458.6982079229588,232.56316245195998)">
            <text id="p434_segmentValue0-inner" class="p434_segmentValue-inner" style="font-size: 10px; font-family: verdana; fill: rgb(225, 225, 225);">22</text>
        </g>
        <g id="p434_labelGroup1-inner" data-index="1" class="p434_labelGroup-inner" style="opacity: 1;" transform="translate(168.6705268547274,327.8294731452728)">
            <text id="p434_segmentValue1-inner" class="p434_segmentValue-inner" style="font-size: 10px; font-family: verdana; fill: rgb(225, 225, 225);">6</text>
        </g>
        <g id="p434_labelGroup2-inner" data-index="2" class="p434_labelGroup-inner" style="opacity: 1;" transform="translate(148.36818497313408,103.81315135340219)">
            <text id="p434_segmentValue2-inner" class="p434_segmentValue-inner" style="font-size: 10px; font-family: verdana; fill: rgb(225, 225, 225);">12</text>
        </g>
    </g>
    <g class="p434_labels-outer">
        <g id="p434_labelGroup0-outer" data-index="0" class="p434_labelGroup-outer" style="opacity: 1;"></g>
        <g id="p434_labelGroup1-outer" data-index="1" class="p434_labelGroup-outer" style="opacity: 1;"></g>
        <g id="p434_labelGroup2-outer" data-index="2" class="p434_labelGroup-outer" style="opacity: 1;"></g>
    </g>
</svg>