Revision control
Copy as Markdown
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="240"
height="270"
version="1.1"
<style>
svg .line-style { stroke: black; fill: none }
svg .text-style { font: 12px arial; fill: black }
svg .italic-style { font: 12px arial; fill: black; font-style: italic }
svg .bold-style { font: 14px arial; fill: black; font-weight: bold }
svg.dark .line-style { stroke: #f2f2f2; fill: none }
svg.dark .text-style { font: 12px arial; fill: #f2f2f2 }
svg.dark .italic-style { font: 12px arial; fill: #f2f2f2; font-style: italic }
svg.dark .bold-style { font: 14px arial; fill: #f2f2f2; font-weight: bold }
[data-theme="dark"] svg .line-style { stroke: #f2f2f2; fill: none }
[data-theme="dark"] svg .text-style { font: 12px arial; fill: #f2f2f2 }
[data-theme="dark"] svg .italic-style { font: 12px arial; fill: #f2f2f2; font-style: italic }
[data-theme="dark"] svg .bold-style { font: 14px arial; fill: #f2f2f2; font-weight: bold }
[data-theme="light"] svg .line-style { stroke: black; fill: none }
[data-theme="light"] svg .text-style { font: 12px arial; fill: black }
[data-theme="light"] svg .italic-style { font: 12px arial; fill: black; font-style: italic }
[data-theme="light"] svg .bold-style { font: 14px arial; fill: black; font-weight: bold }
</style>
<text x="75" y="16" font-family="arial" font-size="14px" font-weight="bold"
class="bold-style">Table Model</text>
<path d="m 15.5,30.5 h 30 v 30 h -30 z" stroke="black" fill="none"
stroke-dasharray="5, 5"
class="line-style"/>
<text x="55" y="49" font-family="arial" font-size="12px" font-style="italic"
class="italic-style">Root item</text>
<text x="175" y="89" font-family="arial" font-size="12px"
class="text-style">row = 0</text>
<text x="175" y="119" font-family="arial" font-size="12px"
class="text-style">row = 1</text>
<text x="175" y="149" font-family="arial" font-size="12px"
class="text-style">row = 2</text>
<text x="175" y="179" font-family="arial" font-size="12px"
class="text-style">row = 3</text>
<path d="m 30.5,60.5 v 25" stroke="black"
class="line-style" />
<path d="m 30.5,85.5 h 20" stroke="black"
class="line-style" />
<path d="m 50.5,70.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 80.5,70.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 110.5,70.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 140.5,70.5 h 30 v 30" stroke="black" fill="none"
class="line-style" stroke-dasharray="3, 3" />
<path d="m 50.5,100.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 80.5,100.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 110.5,100.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 140.5,100.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" stroke-dasharray="3, 3" />
<path d="m 50.5,130.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 80.5,130.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 110.5,130.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" />
<path d="m 80.5,160.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" stroke-dasharray="3, 3" />
<path d="m 50.5,160.5 v 30 h 30" stroke="black" fill="none"
class="line-style" stroke-dasharray="3, 3" />
<path d="m 110.5,190.5 h 30" stroke="black"
class="line-style" stroke-dasharray="3, 3" />
<path d="m 140.5,160.5 h 30 v 30 h -30 z" stroke="black" fill="none"
class="line-style" stroke-dasharray="3, 3" />
<path d="m 170.5,130.5 v 30" stroke="black"
class="line-style" stroke-dasharray="3, 3" />
<g transform="translate(65, 200)">
<text x="0" y="0" font-family="arial" font-size="12px"
class="text-style" transform="rotate(90)">column = 0</text>
<text x="0" y="-30" font-family="arial" font-size="12px"
class="text-style" transform="rotate(90)">column = 1</text>
<text x="0" y="-60" font-family="arial" font-size="12px"
class="text-style" transform="rotate(90)">column = 2</text>
<text x="0" y="-90" font-family="arial" font-size="12px"
class="text-style" transform="rotate(90)">column = 3</text>
</g>
</svg>