Showing: full SVG
Concept Groups
second teal vertical bar from right: 1 2 3 4 6 7 8 11 12 13 14 16 17 18 19
rightmost teal vertical bar: 0 5 9 10 15 20
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | polygon |
rightmost teal verti |
0.531
|
0.412 0.467 |
| 1 | rect |
second teal vertical |
0.606
|
0.007 0.004 |
| 2 | rect |
second teal vertical |
1.000
|
0.001 0.000 |
| 3 | rect |
second teal vertical |
0.648
|
0.010 0.006 |
| 4 | rect |
second teal vertical |
0.631
|
0.001 0.001 |
| 5 | rect |
rightmost teal verti |
0.526
|
0.004 0.004 |
| 6 | rect |
second teal vertical |
0.991
|
0.015 0.000 |
| 7 | rect |
second teal vertical |
0.579
|
0.008 0.006 |
| 8 | rect |
second teal vertical |
0.866
|
0.013 0.002 |
| 9 | rect |
rightmost teal verti |
0.522
|
0.005 0.005 |
| 10 | polygon |
rightmost teal verti |
0.529
|
0.414 0.466 |
| 11 | rect |
second teal vertical |
0.591
|
0.006 0.004 |
| 12 | rect |
second teal vertical |
0.770
|
0.020 0.006 |
| 13 | rect |
second teal vertical |
0.797
|
0.020 0.005 |
| 14 | rect |
second teal vertical |
0.633
|
0.012 0.007 |
| 15 | rect |
rightmost teal verti |
0.505
|
0.004 0.004 |
| 16 | rect |
second teal vertical |
0.740
|
0.013 0.005 |
| 17 | rect |
second teal vertical |
0.638
|
0.007 0.004 |
| 18 | rect |
second teal vertical |
0.989
|
0.009 0.000 |
| 19 | rect |
second teal vertical |
0.832
|
0.018 0.004 |
| 20 | line |
rightmost teal verti |
0.532
|
0.000 0.000 |
SVG Code
<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
<!-- Define Clip Paths for the two folded sections -->
<defs>
<clipPath id="clipLeft">
<polygon points="80,100 200,60 200,240 80,200" />
</clipPath>
<clipPath id="clipRight">
<polygon points="200,60 320,100 320,200 200,240" />
</clipPath>
</defs>
<!-- Background is transparent by default -->
<!-- Left Teal Shape -->
<polygon points="80,100 200,60 200,240 80,200" fill="#008080" />
<!-- Left Barcode Lines -->
<g clip-path="url(#clipLeft)">
<rect x="90" y="50" width="4" height="200" fill="white" />
<rect x="100" y="50" width="8" height="200" fill="white" />
<rect x="115" y="50" width="2" height="200" fill="white" />
<rect x="122" y="50" width="5" height="200" fill="white" />
<rect x="135" y="50" width="10" height="200" fill="white" />
<rect x="150" y="50" width="3" height="200" fill="white" />
<rect x="160" y="50" width="6" height="200" fill="white" />
<rect x="175" y="50" width="2" height="200" fill="white" />
<rect x="185" y="50" width="9" height="200" fill="white" />
</g>
<!-- Right Teal Shape -->
<polygon points="200,60 320,100 320,200 200,240" fill="#008080" />
<!-- Right Barcode Lines -->
<g clip-path="url(#clipRight)">
<rect x="205" y="50" width="9" height="200" fill="white" />
<rect x="220" y="50" width="3" height="200" fill="white" />
<rect x="230" y="50" width="6" height="200" fill="white" />
<rect x="245" y="50" width="2" height="200" fill="white" />
<rect x="255" y="50" width="10" height="200" fill="white" />
<rect x="270" y="50" width="4" height="200" fill="white" />
<rect x="285" y="50" width="8" height="200" fill="white" />
<rect x="300" y="50" width="2" height="200" fill="white" />
<rect x="308" y="50" width="5" height="200" fill="white" />
</g>
<!-- Central Fold Shadow (Subtle line to define the crease) -->
<line x1="200" y1="60" x2="200" y2="240" stroke="rgba(0,0,0,0.1)" stroke-width="1" />
</svg>