Showing: full SVG
Concept Groups
top-left green grid square:
top-right green grid square:
bottom-left green grid square: 0
bottom-right green grid square:
central vertical grid line: 1 2 3 4 5 6 7 8
central horizontal grid line: 9 10 11 12 13
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
bottom-left green gr |
0.205
|
0.985 0.990 0.993 0.947 0.420 0.510 |
| 1 | path |
central vertical gri |
0.669
|
0.002 0.000 0.000 0.003 0.070 0.029 |
| 2 | path |
central vertical gri |
0.664
|
0.003 0.000 0.000 0.003 0.071 0.029 |
| 3 | path |
central vertical gri |
0.681
|
0.001 0.000 0.000 0.003 0.072 0.029 |
| 4 | path |
central vertical gri |
0.676
|
0.001 0.000 0.000 0.003 0.072 0.030 |
| 5 | path |
central vertical gri |
0.679
|
0.000 0.000 0.000 0.003 0.071 0.030 |
| 6 | path |
central vertical gri |
0.673
|
0.001 0.000 0.001 0.003 0.070 0.029 |
| 7 | path |
central vertical gri |
0.669
|
0.001 0.002 0.000 0.003 0.071 0.029 |
| 8 | path |
central vertical gri |
0.663
|
0.001 0.002 0.000 0.003 0.070 0.029 |
| 9 | path |
central horizontal g |
0.741
|
0.005 0.005 0.000 0.006 0.002 0.051 |
| 10 | path |
central horizontal g |
0.863
|
0.000 0.000 0.000 0.006 0.003 0.051 |
| 11 | path |
central horizontal g |
0.842
|
0.000 0.000 0.001 0.006 0.004 0.052 |
| 12 | path |
central horizontal g |
0.860
|
0.000 0.000 0.001 0.006 0.002 0.051 |
| 13 | path |
central horizontal g |
0.826
|
0.000 0.000 0.003 0.005 0.002 0.050 |
SVG Code
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
<!-- Define the clipping path for the torn edge effect -->
<defs>
<clipPath id="torn-edge">
<path d="
M 50,60
Q 150,45 300,55
T 550,50
Q 565,150 545,250
T 555,340
Q 400,355 250,345
T 45,350
Q 35,250 55,150
Z" />
</clipPath>
</defs>
<!-- Background Layer with torn edges -->
<path d="
M 50,60
Q 150,45 300,55
T 550,50
Q 565,150 545,250
T 555,340
Q 400,355 250,345
T 45,350
Q 35,250 55,150
Z"
fill="#8b9467" />
<!-- Grid Layer clipped to the torn shape -->
<g clip-path="url(#torn-edge)" fill="none" stroke="#3e442b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<!-- Vertical Hand-Drawn Lines -->
<path d="M 100,30 Q 115,150 95,370" />
<path d="M 155,30 Q 140,180 160,370" />
<path d="M 210,30 Q 225,200 205,370" />
<path d="M 260,30 Q 250,150 270,370" />
<path d="M 320,30 Q 330,220 310,370" />
<path d="M 375,30 Q 360,180 385,370" />
<path d="M 430,30 Q 445,150 425,370" />
<path d="M 490,30 Q 475,210 500,370" />
<!-- Horizontal Hand-Drawn Lines -->
<path d="M 20,105 Q 250,90 580,110" />
<path d="M 20,155 Q 300,170 580,145" />
<path d="M 20,205 Q 280,195 580,215" />
<path d="M 20,255 Q 310,270 580,250" />
<path d="M 20,305 Q 290,290 580,315" />
</g>
</svg>