Revision control
Copy as Markdown
<svg viewBox="0 0 250 250" width="250" height="250" version="1.1"
<style>
svg .line-style { stroke: black; fill: none }
svg .text-style { font: 12px arial; fill: black; font-weight: bold }
svg .circle { fill: #ffaa55; stroke: black; stroke-width: 1 }
svg .shape-style { stroke: black; fill: #418331; stroke-width: 1 }
[data-theme="dark"] svg .line-style { stroke: #f2f2f2; fill: none }
[data-theme="dark"] svg .text-style { font: 12px arial; fill: #f2f2f2; font-weight: bold }
[data-theme="dark"] svg .circle { fill: #772211; stroke: #f2f2f2; stroke-width: 1 }
[data-theme="dark"] svg .shape-style { stroke: #ffaa55; fill: #418331; stroke-width: 1 }
[data-theme="light"] svg .line-style { stroke: black; fill: none }
[data-theme="light"] svg .text-style { font: 12px arial; fill: black; font-weight: bold }
[data-theme="light"] svg .circle { fill: #ffaa55; stroke: black; stroke-width: 1 }
[data-theme="light"] svg .shape-style { stroke: black; fill: #418331; stroke-width: 1 }
</style>
<g transform="translate(2,2)">
<path
d="M 69,207 182,37 162,21 48,192 Z"
class="shape-style" />
<text x="2" y="19" class="text-style">0</text>
<path d="M 15,40 h 225" class="line-style" />
<text x="2" y="44" class="text-style">1</text>
<path d="M 15,65 h 225" class="line-style" />
<text x="2" y="69" class="text-style">2</text>
<path d="M 15,90 h 225" class="line-style" />
<text x="2" y="94" class="text-style">3</text>
<path d="M 15,115 h 225" class="line-style" />
<text x="2" y="119" class="text-style">4</text>
<path d="M 15,140 h 225" class="line-style" />
<text x="2" y="144" class="text-style">5</text>
<path d="M 15,165 h 225" class="line-style" />
<text x="2" y="169" class="text-style">6</text>
<path d="M 15,190 h 225" class="line-style" />
<text x="2" y="194" class="text-style">7</text>
<path d="M 15,215 h 225" class="line-style" />
<text x="2" y="219" class="text-style">8</text>
<text x="2" y="244" class="text-style">9</text>
<text x="13" y="9" class="text-style">0</text>
<path d="M 40,15 v 225" class="line-style" />
<text x="36" y="9" class="text-style">1</text>
<path d="M 65,15 v 225" class="line-style" />
<text x="61" y="9" class="text-style">2</text>
<path d="M 90,15 v 225" class="line-style" />
<text x="86" y="9" class="text-style">3</text>
<path d="M 115,15 v 225" class="line-style" />
<text x="111" y="9" class="text-style">4</text>
<path d="M 140,15 v 225" class="line-style" />
<text x="136" y="9" class="text-style">5</text>
<path d="M 165,15 v 225" class="line-style" />
<text x="161" y="9" class="text-style">6</text>
<path d="M 190,15 v 225" class="line-style" />
<text x="186" y="9" class="text-style">7</text>
<path d="M 215,15 v 225" class="line-style" />
<text x="211" y="9" class="text-style">8</text>
<text x="236" y="9" class="text-style">9</text>
<circle cx="165" cy="40" r="7" class="circle" />
<circle cx="65" cy="190" r="7" class="circle" />
<path d="M 15,15 h 225 v 225 h -225 z" class="line-style" />
</g>
</svg>