Showing: full SVG
Concept Groups
bottom-right green grid square: 0
central horizontal grid line: 10 11 12 13 14 15 26 27 28 29 30 31 32
central vertical grid line: 1 2 3 4 5 6 7 8 9 16 17 18 19 20 21 22 23 24 25
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
bottom-right green g |
0.379
|
0.924 0.892 0.619 |
| 1 | path |
central vertical gri |
0.785
|
0.003 0.004 0.027 |
| 2 | path |
central vertical gri |
0.786
|
0.003 0.005 0.028 |
| 3 | path |
central vertical gri |
0.835
|
0.003 0.002 0.027 |
| 4 | path |
central vertical gri |
0.835
|
0.003 0.003 0.028 |
| 5 | path |
central vertical gri |
0.832
|
0.003 0.003 0.027 |
| 6 | path |
central vertical gri |
0.866
|
0.003 0.001 0.028 |
| 7 | path |
central vertical gri |
0.834
|
0.003 0.002 0.027 |
| 8 | path |
central vertical gri |
0.782
|
0.003 0.004 0.027 |
| 9 | path |
central vertical gri |
0.782
|
0.003 0.004 0.026 |
| 10 | path |
central horizontal g |
0.531
|
0.004 0.007 0.002 |
| 11 | path |
central horizontal g |
0.509
|
0.004 0.007 0.002 |
| 12 | path |
central horizontal g |
0.510
|
0.004 0.007 0.002 |
| 13 | path |
central horizontal g |
0.504
|
0.004 0.007 0.002 |
| 14 | path |
central horizontal g |
0.504
|
0.004 0.007 0.003 |
| 15 | path |
central horizontal g |
0.516
|
0.004 0.007 0.002 |
| 16 | path |
central vertical gri |
0.787
|
0.001 0.002 0.011 |
| 17 | path |
central vertical gri |
0.784
|
0.001 0.002 0.011 |
| 18 | path |
central vertical gri |
0.784
|
0.001 0.002 0.012 |
| 19 | path |
central vertical gri |
0.805
|
0.001 0.002 0.012 |
| 20 | path |
central vertical gri |
0.836
|
0.001 0.001 0.012 |
| 21 | path |
central vertical gri |
0.813
|
0.001 0.002 0.012 |
| 22 | path |
central vertical gri |
0.791
|
0.001 0.002 0.011 |
| 23 | path |
central vertical gri |
0.801
|
0.001 0.002 0.012 |
| 24 | path |
central vertical gri |
0.796
|
0.001 0.002 0.011 |
| 25 | path |
central vertical gri |
0.790
|
0.001 0.002 0.011 |
| 26 | path |
central horizontal g |
0.497
|
0.002 0.003 0.001 |
| 27 | path |
central horizontal g |
0.483
|
0.002 0.003 0.001 |
| 28 | path |
central horizontal g |
0.474
|
0.002 0.003 0.002 |
| 29 | path |
central horizontal g |
0.474
|
0.002 0.003 0.001 |
| 30 | path |
central horizontal g |
0.465
|
0.002 0.003 0.002 |
| 31 | path |
central horizontal g |
0.472
|
0.002 0.003 0.002 |
| 32 | path |
central horizontal g |
0.497
|
0.002 0.003 0.001 |
SVG Code
<svg width="400" height="280" viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
<!-- Background with wavy edges -->
<defs>
<clipPath id="wavyEdge">
<path d="M 8 15
Q 20 8, 40 12
Q 80 5, 120 10
Q 160 3, 200 8
Q 240 2, 280 9
Q 320 4, 360 11
Q 380 6, 392 14
Q 398 40, 395 70
Q 400 110, 394 140
Q 398 180, 393 210
Q 397 240, 390 265
Q 370 272, 340 268
Q 300 275, 260 270
Q 220 278, 180 272
Q 140 279, 100 273
Q 60 280, 30 271
Q 10 276, 6 260
Q 2 220, 5 180
Q 0 140, 4 100
Q 1 60, 7 30
Z"/>
</clipPath>
</defs>
<!-- Olive green background -->
<rect x="0" y="0" width="400" height="280" fill="#8B9A6B" clip-path="url(#wavyEdge)"/>
<!-- Hand-drawn grid lines - vertical -->
<g stroke="#4A5D3A" stroke-width="2.5" fill="none" stroke-linecap="round" clip-path="url(#wavyEdge)">
<!-- Vertical lines -->
<path d="M 40 8 Q 42 50, 38 100 Q 41 150, 39 200 Q 43 250, 40 275"/>
<path d="M 80 5 Q 78 60, 82 110 Q 79 160, 83 210 Q 80 260, 81 278"/>
<path d="M 120 10 Q 123 55, 118 105 Q 121 155, 119 205 Q 122 255, 120 272"/>
<path d="M 160 6 Q 158 58, 162 108 Q 159 158, 163 208 Q 160 258, 161 276"/>
<path d="M 200 9 Q 203 52, 198 102 Q 201 152, 199 202 Q 202 252, 200 270"/>
<path d="M 240 4 Q 238 56, 242 106 Q 239 156, 243 206 Q 240 256, 241 274"/>
<path d="M 280 8 Q 282 54, 278 104 Q 281 154, 279 204 Q 283 254, 280 271"/>
<path d="M 320 6 Q 318 53, 322 103 Q 319 153, 323 203 Q 320 253, 321 269"/>
<path d="M 360 11 Q 362 57, 358 107 Q 361 157, 359 207 Q 363 257, 360 268"/>
<!-- Horizontal lines -->
<path d="M 5 40 Q 50 38, 100 42 Q 150 39, 200 43 Q 250 38, 300 41 Q 350 37, 395 40"/>
<path d="M 8 80 Q 55 83, 105 78 Q 155 82, 205 79 Q 255 84, 305 80 Q 355 83, 393 81"/>
<path d="M 6 120 Q 52 118, 102 122 Q 152 117, 202 121 Q 252 116, 302 120 Q 352 118, 394 119"/>
<path d="M 7 160 Q 53 163, 103 158 Q 153 162, 203 159 Q 253 164, 303 160 Q 353 163, 392 161"/>
<path d="M 5 200 Q 51 198, 101 202 Q 151 197, 201 201 Q 251 196, 301 200 Q 351 198, 394 199"/>
<path d="M 8 240 Q 54 243, 104 238 Q 154 242, 204 239 Q 254 244, 304 240 Q 354 243, 391 241"/>
</g>
<!-- Additional wobbly texture lines -->
<g stroke="#3D4F2F" stroke-width="1.5" fill="none" stroke-linecap="round" clip-path="url(#wavyEdge)" opacity="0.6">
<path d="M 20 12 Q 22 70, 19 130 Q 23 190, 20 250"/>
<path d="M 60 7 Q 58 65, 62 125 Q 59 185, 61 265"/>
<path d="M 100 9 Q 102 68, 99 128 Q 103 188, 100 270"/>
<path d="M 140 5 Q 138 66, 142 126 Q 139 186, 141 273"/>
<path d="M 180 8 Q 182 64, 179 124 Q 183 184, 180 268"/>
<path d="M 220 6 Q 218 67, 222 127 Q 219 187, 221 271"/>
<path d="M 260 10 Q 262 63, 259 123 Q 263 183, 260 266"/>
<path d="M 300 7 Q 298 69, 302 129 Q 299 189, 301 269"/>
<path d="M 340 9 Q 342 62, 339 122 Q 343 182, 340 267"/>
<path d="M 380 12 Q 378 68, 382 128 Q 379 188, 381 264"/>
<path d="M 6 20 Q 60 18, 120 22 Q 180 17, 240 21 Q 300 16, 360 20 Q 390 18, 394 19"/>
<path d="M 7 60 Q 65 63, 125 58 Q 185 62, 245 59 Q 305 64, 365 60 Q 388 62, 393 61"/>
<path d="M 5 100 Q 58 98, 118 102 Q 178 97, 238 101 Q 298 96, 358 100 Q 386 98, 395 99"/>
<path d="M 8 140 Q 62 143, 122 138 Q 182 142, 242 139 Q 302 144, 362 140 Q 384 142, 392 141"/>
<path d="M 6 180 Q 59 178, 119 182 Q 179 177, 239 181 Q 299 176, 359 180 Q 387 178, 394 179"/>
<path d="M 7 220 Q 63 223, 123 218 Q 183 222, 243 219 Q 303 224, 363 220 Q 385 222, 391 221"/>
<path d="M 5 260 Q 57 258, 117 262 Q 177 257, 237 261 Q 297 256, 357 260 Q 383 258, 390 259"/>
</g>
</svg>