JSFiddle - React, Tailwind, and code Playground
by Leo
HTML
<svg width="100" height="100" viewBox="0 0 4 4" preserveAspectRatio="xMinYMin slice" >
<path vector-effect="non-scaling-stroke" d="M0 0 L0 4" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M1 0 L1 4" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M2 0 L2 4" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M3 0 L3 4" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M4 0 L4 4" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M0 0 L4 0" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M0 1 L4 1" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M0 2 L4 2" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M0 3 L4 3" stroke="black"/>
<path vector-effect="non-scaling-stroke" d="M0 4 L4 4" stroke="black"/>
<text x="0.2" y="0.6" font-family="Verdana" font-size="0.4">0,0</text>
<text x="1.2" y="0.6" font-family="Verdana" font-size="0.4">0,1</text>
<text x="2.2" y="0.6" font-family="Verdana" font-size="0.4">0,2</text>
<text x="3.2" y="0.6" font-family="Verdana" font-size="0.4">0,3</text>
<text x="0.2" y="1.6" font-family="Verdana" font-size="0.4">1,0</text>
<text x="1.2" y="1.6" font-family="Verdana" font-size="0.4">1,1</text>
<text x="2.2" y="1.6" font-family="Verdana" font-size="0.4">1,2</text>
<text x="3.2" y="1.6" font-family="Verdana" font-size="0.4">1,3</text>
<text x="0.2" y="2.6" font-family="Verdana" font-size="0.4">2,0</text>
<text x="1.2" y="2.6" font-family="Verdana" font-size="0.4">2,1</text>
<text x="2.2" y="2.6" font-family="Verdana" font-size="0.4">2,2</text>
<text x="3.2" y="2.6" font-family="Verdana" font-size="0.4">2,3</text>
<text x="0.2" y="3.6" font-family="Verdana" font-size="0.4">3,0</text>
<text x="1.2" y="3.6" font-family="Verdana" font-size="0.4">3,1</text>
<text x="2.2" y="3.6" font-family="Verdana" font-size="0.4">3,2</text>
<text x="3.2" y="3.6" font-family="Verdana" font-size="0.4">3,3</text>
</svg>