Showing: full SVG
Concept Groups
right checkerboard border: 4
bottom checkerboard border: 0 1 2 3
yellow diamond in bottom-left corner:
central white space: 5
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
bottom checkerboard |
0.513
|
0.323 0.341 0.000 0.000 |
| 1 | rect |
bottom checkerboard |
0.556
|
0.216 0.271 0.001 0.000 |
| 2 | rect |
bottom checkerboard |
0.512
|
0.178 0.186 0.000 0.000 |
| 3 | rect |
bottom checkerboard |
0.516
|
0.189 0.201 0.000 0.000 |
| 4 | rect |
right checkerboard b |
1.000
|
0.000 0.000 0.000 0.000 |
| 5 | polygon |
central white space |
0.478
|
0.094 0.000 0.999 1.000 |
SVG Code
<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
<!-- Checkerboard frame -->
<defs>
<pattern id="checkerboard" width="20" height="20" patternUnits="userSpaceOnUse">
<rect width="20" height="20" fill="#F5F5DC"/>
<rect width="10" height="10" fill="#000000"/>
<rect x="10" y="10" width="10" height="10" fill="#000000"/>
</pattern>
</defs>
<!-- Top border -->
<rect x="0" y="0" width="400" height="30" fill="url(#checkerboard)"/>
<!-- Bottom border -->
<rect x="0" y="270" width="400" height="30" fill="url(#checkerboard)"/>
<!-- Left border -->
<rect x="0" y="30" width="30" height="240" fill="url(#checkerboard)"/>
<!-- Right border -->
<rect x="370" y="30" width="30" height="240" fill="url(#checkerboard)"/>
<!-- Transparent central area (represented by no fill) -->
<rect x="30" y="30" width="340" height="240" fill="none" stroke="none"/>
<!-- Light yellow diamond in bottom left corner -->
<polygon points="50,220 100,270 50,320 0,270" fill="#FFFF99" stroke="#FFD700" stroke-width="2"/>
</svg>