Showing: full SVG
Concept Groups
top-left green grid segment: 0 20
top-right green grid segment: 19
bottom-right green grid segment: 22 23
central horizontal grid lines: 21
central vertical grid lines: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | use |
top-left green grid |
0.243
|
0.919 0.916 0.856 0.826 0.267 |
| 1 | path |
central vertical gri |
0.728
|
0.005 0.000 0.006 0.008 0.052 |
| 2 | path |
central vertical gri |
0.731
|
0.005 0.000 0.007 0.009 0.055 |
| 3 | path |
central vertical gri |
0.750
|
0.003 0.000 0.006 0.009 0.054 |
| 4 | path |
central vertical gri |
0.771
|
0.001 0.000 0.007 0.009 0.055 |
| 5 | path |
central vertical gri |
0.782
|
0.000 0.000 0.006 0.009 0.055 |
| 6 | path |
central vertical gri |
0.786
|
0.000 0.000 0.006 0.009 0.055 |
| 7 | path |
central vertical gri |
0.788
|
0.000 0.000 0.006 0.009 0.054 |
| 8 | path |
central vertical gri |
0.785
|
0.000 0.001 0.006 0.009 0.055 |
| 9 | path |
central vertical gri |
0.596
|
0.000 0.022 0.006 0.008 0.053 |
| 10 | path |
central vertical gri |
0.364
|
0.026 0.014 0.012 0.016 0.039 |
| 11 | path |
central vertical gri |
0.389
|
0.020 0.012 0.013 0.016 0.039 |
| 12 | path |
central vertical gri |
0.469
|
0.005 0.011 0.013 0.016 0.039 |
| 13 | path |
central vertical gri |
0.536
|
0.000 0.008 0.013 0.017 0.043 |
| 14 | path |
central vertical gri |
0.677
|
0.000 0.000 0.012 0.017 0.060 |
| 15 | path |
central vertical gri |
0.486
|
0.003 0.000 0.002 0.001 0.005 |
| 16 | path |
central vertical gri |
0.295
|
0.002 0.000 0.002 0.002 0.002 |
| 17 | path |
central vertical gri |
0.377
|
0.001 0.000 0.002 0.002 0.003 |
| 18 | path |
central vertical gri |
0.368
|
0.000 0.002 0.002 0.001 0.003 |
| 19 | path |
top-right green grid |
0.416
|
0.000 0.005 0.002 0.001 0.004 |
| 20 | path |
top-left green grid |
0.358
|
0.006 0.004 0.003 0.003 0.001 |
| 21 | path |
central horizontal g |
0.336
|
0.000 0.003 0.003 0.004 0.001 |
| 22 | path |
bottom-right green g |
0.427
|
0.000 0.000 0.003 0.002 0.002 |
| 23 | use |
bottom-right green g |
0.462
|
0.003 0.002 0.007 0.002 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="520" viewBox="0 0 900 520">
<!-- Step-by-Step Analysis (embedded as SVG comments)
1) Overall form: a horizontal rectangle with uneven, wavy edges (torn/cut-out look).
2) Background: a lighter olive-green fill covering the entire irregular shape.
3) Grid: irregular, hand-drawn darker green lines forming a wobbly square mesh.
4) Texture: slight organic variation via subtle noise/roughening of edges and strokes.
5) Composition: grid lines clipped to the irregular outer shape so nothing extends beyond.
-->
<defs>
<!-- Subtle paper/ink variation -->
<filter id="roughen" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.012" numOctaves="2" seed="7" result="noise"/>
<feDisplacementMap in="SourceGraphic" in2="noise" scale="6" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<!-- Slight stroke wobble -->
<filter id="strokeWobble" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.03" numOctaves="1" seed="11" result="n"/>
<feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<!-- Irregular outer shape used for clipping -->
<clipPath id="tornClip">
<path d="
M 55 95
C 80 70, 135 65, 175 78
C 220 92, 275 70, 330 82
C 390 95, 455 70, 520 86
C 590 104, 655 78, 720 90
C 785 104, 830 88, 850 110
C 872 134, 870 168, 854 198
C 836 232, 868 270, 852 310
C 836 350, 860 382, 840 410
C 820 438, 770 450, 720 440
C 675 431, 620 455, 560 438
C 500 421, 445 452, 390 438
C 330 422, 275 452, 220 438
C 165 424, 120 442, 88 420
C 58 400, 62 360, 70 330
C 80 292, 52 260, 66 220
C 80 180, 40 140, 55 95
Z" />
</clipPath>
<!-- Background path reused for fill -->
<path id="tornShape" d="
M 55 95
C 80 70, 135 65, 175 78
C 220 92, 275 70, 330 82
C 390 95, 455 70, 520 86
C 590 104, 655 78, 720 90
C 785 104, 830 88, 850 110
C 872 134, 870 168, 854 198
C 836 232, 868 270, 852 310
C 836 350, 860 382, 840 410
C 820 438, 770 450, 720 440
C 675 431, 620 455, 560 438
C 500 421, 445 452, 390 438
C 330 422, 275 452, 220 438
C 165 424, 120 442, 88 420
C 58 400, 62 360, 70 330
C 80 292, 52 260, 66 220
C 80 180, 40 140, 55 95
Z" />
</defs>
<!-- Light olive background -->
<use href="#tornShape" fill="#A7A46A" filter="url(#roughen)"/>
<!-- Grid clipped to torn shape -->
<g clip-path="url(#tornClip)" filter="url(#strokeWobble)">
<!-- Slightly transparent darker green, hand-drawn look -->
<g fill="none" stroke="#2F4A2A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" opacity="0.9">
<!-- Vertical wobbly lines -->
<path d="M 120 60 C 110 120, 135 170, 118 230 C 102 290, 140 340, 120 470" />
<path d="M 200 55 C 190 120, 215 165, 198 225 C 182 285, 222 340, 202 475" />
<path d="M 280 55 C 270 120, 295 170, 278 232 C 262 292, 305 345, 285 475" />
<path d="M 360 55 C 350 115, 375 170, 358 235 C 342 298, 385 350, 365 475" />
<path d="M 440 55 C 430 118, 455 172, 438 238 C 422 302, 468 352, 446 475" />
<path d="M 520 55 C 510 120, 535 175, 518 242 C 502 308, 548 360, 526 475" />
<path d="M 600 55 C 590 122, 615 178, 598 246 C 582 314, 630 365, 606 475" />
<path d="M 680 55 C 670 125, 695 182, 678 250 C 662 320, 710 370, 686 475" />
<path d="M 760 60 C 750 130, 775 188, 758 255 C 742 326, 790 375, 766 470" />
<!-- Horizontal wobbly lines -->
<path d="M 40 140 C 120 120, 190 160, 270 140 C 350 120, 430 170, 510 145 C 600 118, 690 170, 880 140" />
<path d="M 40 210 C 120 190, 190 235, 270 210 C 350 185, 430 245, 510 215 C 600 185, 690 240, 880 210" />
<path d="M 40 280 C 120 260, 190 305, 270 280 C 350 255, 430 315, 510 285 C 600 255, 690 310, 880 280" />
<path d="M 40 350 C 120 330, 190 375, 270 350 C 350 325, 430 385, 510 355 C 600 325, 690 382, 880 350" />
<path d="M 40 420 C 120 400, 190 445, 270 420 C 350 395, 430 455, 510 425 C 600 395, 690 450, 880 420" />
</g>
<!-- A second pass (slightly offset, lighter opacity) to mimic hand-drawn overstroke -->
<g fill="none" stroke="#2B4326" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.35">
<path d="M 126 62 C 116 122, 142 172, 124 232 C 108 292, 146 342, 126 468" />
<path d="M 286 58 C 276 122, 301 172, 284 234 C 268 294, 311 347, 291 472" />
<path d="M 446 58 C 436 122, 461 174, 444 240 C 428 304, 474 354, 452 472" />
<path d="M 606 58 C 596 124, 621 180, 604 248 C 588 316, 636 366, 612 472" />
<path d="M 766 62 C 756 132, 781 190, 764 258 C 748 328, 796 377, 772 468" />
<path d="M 50 146 C 130 126, 200 166, 280 146 C 360 126, 440 176, 520 151 C 610 124, 700 176, 870 146" />
<path d="M 50 286 C 130 266, 200 311, 280 286 C 360 261, 440 321, 520 291 C 610 261, 700 316, 870 286" />
<path d="M 50 426 C 130 406, 200 451, 280 426 C 360 401, 440 461, 520 431 C 610 401, 700 456, 870 426" />
</g>
</g>
<!-- Optional subtle edge darkening to emphasize torn border -->
<use href="#tornShape" fill="none" stroke="#3A4E2F" stroke-width="5" opacity="0.25" filter="url(#roughen)"/>
</svg>