Showing: full SVG
Concept Groups
red geometric lanterns: 0 1 2 3 4 5 6 7 8 11 12 13 14 17 18 19 20 21 23 24 25 26 27 28 32 33 34
blue cords: 9 10 15 16 22 29 30 31
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | line |
red geometric lanter |
0.771
|
0.009 0.003 |
| 1 | rect |
red geometric lanter |
0.658
|
0.015 0.008 |
| 2 | ellipse |
red geometric lanter |
0.677
|
0.175 0.083 |
| 3 | rect |
red geometric lanter |
0.663
|
0.009 0.005 |
| 4 | line |
red geometric lanter |
0.670
|
0.002 0.001 |
| 5 | circle |
red geometric lanter |
0.673
|
0.003 0.001 |
| 6 | path |
red geometric lanter |
0.729
|
0.004 0.002 |
| 7 | line |
red geometric lanter |
0.751
|
0.007 0.002 |
| 8 | rect |
red geometric lanter |
0.566
|
0.019 0.015 |
| 9 | rect |
blue cords |
0.513
|
0.120 0.127 |
| 10 | rect |
blue cords |
0.623
|
0.020 0.033 |
| 11 | line |
red geometric lanter |
0.649
|
0.002 0.001 |
| 12 | circle |
red geometric lanter |
0.808
|
0.002 0.000 |
| 13 | path |
red geometric lanter |
0.833
|
0.006 0.001 |
| 14 | line |
red geometric lanter |
0.684
|
0.005 0.003 |
| 15 | rect |
blue cords |
0.522
|
0.017 0.018 |
| 16 | path |
blue cords |
0.502
|
0.199 0.201 |
| 17 | rect |
red geometric lanter |
0.506
|
0.012 0.011 |
| 18 | line |
red geometric lanter |
0.667
|
0.003 0.001 |
| 19 | circle |
red geometric lanter |
0.709
|
0.004 0.002 |
| 20 | path |
red geometric lanter |
0.683
|
0.009 0.004 |
| 21 | line |
red geometric lanter |
0.648
|
0.008 0.004 |
| 22 | rect |
blue cords |
0.657
|
0.018 0.034 |
| 23 | path |
red geometric lanter |
0.566
|
0.144 0.110 |
| 24 | rect |
red geometric lanter |
0.507
|
0.012 0.012 |
| 25 | line |
red geometric lanter |
0.582
|
0.002 0.002 |
| 26 | circle |
red geometric lanter |
0.725
|
0.003 0.001 |
| 27 | path |
red geometric lanter |
0.804
|
0.007 0.002 |
| 28 | line |
red geometric lanter |
0.632
|
0.010 0.006 |
| 29 | rect |
blue cords |
0.746
|
0.019 0.056 |
| 30 | rect |
blue cords |
0.669
|
0.111 0.224 |
| 31 | rect |
blue cords |
0.583
|
0.016 0.023 |
| 32 | line |
red geometric lanter |
0.563
|
0.002 0.002 |
| 33 | circle |
red geometric lanter |
0.660
|
0.002 0.001 |
| 34 | path |
red geometric lanter |
0.755
|
0.005 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400">
<!-- Lantern 1 - Spherical -->
<g>
<!-- Cord -->
<line x1="60" y1="0" x2="60" y2="80" stroke="#1a2a5e" stroke-width="3"/>
<!-- Top band -->
<rect x="45" y="80" width="30" height="12" fill="#1a2a5e"/>
<!-- Main body - spherical -->
<ellipse cx="60" cy="140" rx="35" ry="45" fill="#e63946"/>
<!-- Bottom band -->
<rect x="48" y="175" width="24" height="10" fill="#1a2a5e"/>
<!-- Tassel cord -->
<line x1="60" y1="185" x2="60" y2="210" stroke="#1a2a5e" stroke-width="2"/>
<!-- Bead -->
<circle cx="60" cy="215" r="5" fill="#e63946"/>
<!-- Tassel -->
<path d="M55 220 L60 240 L65 220" fill="#1a2a5e"/>
</g>
<!-- Lantern 2 - Cylindrical -->
<g>
<!-- Cord -->
<line x1="160" y1="0" x2="160" y2="60" stroke="#1a2a5e" stroke-width="3"/>
<!-- Top band -->
<rect x="140" y="60" width="40" height="12" fill="#1a2a5e"/>
<!-- Main body - cylindrical -->
<rect x="142" y="72" width="36" height="90" rx="3" fill="#e63946"/>
<!-- Bottom band -->
<rect x="140" y="162" width="40" height="12" fill="#1a2a5e"/>
<!-- Tassel cord -->
<line x1="160" y1="174" x2="160" y2="200" stroke="#1a2a5e" stroke-width="2"/>
<!-- Bead -->
<circle cx="160" cy="205" r="4" fill="#e63946"/>
<!-- Tassel -->
<path d="M154 209 L160 235 L166 209" fill="#1a2a5e"/>
</g>
<!-- Lantern 3 - Diamond/Tapering (center, larger) -->
<g>
<!-- Cord -->
<line x1="250" y1="0" x2="250" y2="50" stroke="#1a2a5e" stroke-width="3"/>
<!-- Top band -->
<rect x="235" y="50" width="30" height="14" fill="#1a2a5e"/>
<!-- Main body - diamond shape -->
<path d="M250 64 L290 130 L250 200 L210 130 Z" fill="#e63946"/>
<!-- Bottom band -->
<rect x="238" y="190" width="24" height="12" fill="#1a2a5e"/>
<!-- Tassel cord -->
<line x1="250" y1="202" x2="250" y2="235" stroke="#1a2a5e" stroke-width="2"/>
<!-- Bead -->
<circle cx="250" cy="242" r="6" fill="#e63946"/>
<!-- Tassel -->
<path d="M243 248 L250 280 L257 248" fill="#1a2a5e"/>
</g>
<!-- Lantern 4 - Oval tapering bottom -->
<g>
<!-- Cord -->
<line x1="340" y1="0" x2="340" y2="70" stroke="#1a2a5e" stroke-width="3"/>
<!-- Top band -->
<rect x="322" y="70" width="36" height="12" fill="#1a2a5e"/>
<!-- Main body - tapering oval -->
<path d="M322 82 Q310 130 325 175 L355 175 Q370 130 358 82 Z" fill="#e63946"/>
<!-- Bottom band -->
<rect x="325" y="175" width="30" height="10" fill="#1a2a5e"/>
<!-- Tassel cord -->
<line x1="340" y1="185" x2="340" y2="210" stroke="#1a2a5e" stroke-width="2"/>
<!-- Bead -->
<circle cx="340" cy="216" r="5" fill="#e63946"/>
<!-- Tassel -->
<path d="M334 221 L340 248 L346 221" fill="#1a2a5e"/>
</g>
<!-- Lantern 5 - Rounded rectangular -->
<g>
<!-- Cord -->
<line x1="440" y1="0" x2="440" y2="90" stroke="#1a2a5e" stroke-width="3"/>
<!-- Top band -->
<rect x="420" y="90" width="40" height="12" fill="#1a2a5e"/>
<!-- Main body - rounded rectangle -->
<rect x="418" y="102" width="44" height="70" rx="10" fill="#e63946"/>
<!-- Bottom band -->
<rect x="420" y="172" width="40" height="10" fill="#1a2a5e"/>
<!-- Tassel cord -->
<line x1="440" y1="182" x2="440" y2="205" stroke="#1a2a5e" stroke-width="2"/>
<!-- Bead -->
<circle cx="440" cy="210" r="4" fill="#e63946"/>
<!-- Tassel -->
<path d="M435 214 L440 238 L445 214" fill="#1a2a5e"/>
</g>
</svg>