Showing: full SVG
Concept Groups
light blue left map panel: 3
peach central map panel: 0 2
light blue right map panel: 1
black dashed winding path: 4 7 9 11
black location pin with pink center: 10 13 14 15
small black star at path end: 5 6 8 12
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
peach central map pa |
0.222
|
0.051 0.070 0.048 0.048 0.045 0.053 |
| 1 | rect |
light blue right map |
0.278
|
0.507 0.308 0.550 0.309 0.120 0.185 |
| 2 | rect |
peach central map pa |
0.464
|
0.000 0.081 0.000 0.026 0.024 0.044 |
| 3 | rect |
light blue left map |
0.249
|
0.363 0.204 0.353 0.151 0.187 0.201 |
| 4 | rect |
black dashed winding |
0.247
|
0.004 0.007 0.005 0.008 0.003 0.007 |
| 5 | rect |
small black star at |
0.213
|
0.004 0.006 0.005 0.006 0.004 0.007 |
| 6 | path |
small black star at |
0.277
|
0.006 0.026 0.015 0.026 0.015 0.034 |
| 7 | path |
black dashed winding |
0.474
|
0.000 0.024 0.000 0.074 0.021 0.037 |
| 8 | path |
small black star at |
0.259
|
0.028 0.019 0.002 0.025 0.019 0.033 |
| 9 | path |
black dashed winding |
0.453
|
0.033 0.046 0.019 0.161 0.041 0.054 |
| 10 | path |
black location pin w |
0.385
|
0.000 0.013 0.000 0.008 0.029 0.024 |
| 11 | path |
black dashed winding |
0.354
|
0.000 0.033 0.002 0.046 0.016 0.033 |
| 12 | path |
small black star at |
0.285
|
0.001 0.030 0.002 0.033 0.022 0.035 |
| 13 | path |
black location pin w |
0.474
|
0.001 0.096 0.000 0.057 0.292 0.170 |
| 14 | circle |
black location pin w |
0.537
|
0.000 0.034 0.000 0.019 0.151 0.077 |
| 15 | path |
black location pin w |
0.542
|
0.000 0.002 0.000 0.001 0.011 0.005 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="420" viewBox="0 0 640 420">
<!-- Step-by-Step Analysis (as comments)
1) Overall object: a folded map with three vertical panels and a slightly wavy top/bottom edge.
2) Color palette: soft peach and light blue fills; dark outlines; transparent background.
3) Folding: indicate panel separations with vertical crease lines and subtle shading.
4) Path: a dashed, winding line running across the map surface from left toward right.
5) Destination marker: a small outlined star near the right edge where the dashed path ends.
6) Main marker: a large white location pin near the top-right area of the map, with a peach center.
-->
<defs>
<!-- Slight paper shadow -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.18"/>
</filter>
<!-- Clip path to keep content inside the map silhouette -->
<clipPath id="mapClip">
<path d="M110,120
C125,105 160,105 175,120
L240,120
C255,105 290,105 305,120
L370,120
C385,105 420,105 435,120
L500,120
L520,135
L520,310
C505,325 470,325 455,310
L390,310
C375,325 340,325 325,310
L260,310
C245,325 210,325 195,310
L130,310
L110,295
Z"/>
</clipPath>
</defs>
<!-- Map base silhouette -->
<path filter="url(#softShadow)"
d="M110,120
C125,105 160,105 175,120
L240,120
C255,105 290,105 305,120
L370,120
C385,105 420,105 435,120
L500,120
L520,135
L520,310
C505,325 470,325 455,310
L390,310
C375,325 340,325 325,310
L260,310
C245,325 210,325 195,310
L130,310
L110,295
Z"
fill="#F7C9B6" stroke="#1F1F1F" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"/>
<!-- Panel fills and details clipped inside the map -->
<g clip-path="url(#mapClip)">
<!-- Left panel (light blue) -->
<rect x="110" y="110" width="140" height="220" fill="#BFE3F2" opacity="0.95"/>
<!-- Middle panel (peach) -->
<rect x="250" y="110" width="140" height="220" fill="#F7C9B6" opacity="0.98"/>
<!-- Right panel (light blue) -->
<rect x="390" y="110" width="130" height="220" fill="#BFE3F2" opacity="0.95"/>
<!-- Subtle panel shading near folds -->
<rect x="242" y="110" width="16" height="220" fill="#000000" opacity="0.06"/>
<rect x="382" y="110" width="16" height="220" fill="#000000" opacity="0.06"/>
<!-- Hand-drawn-ish terrain blobs -->
<path d="M150,250 C175,220 220,225 235,250 C250,275 220,295 190,290 C165,286 140,275 150,250 Z"
fill="#F7C9B6" opacity="0.55"/>
<path d="M300,190 C325,165 360,170 370,195 C380,220 350,240 320,235 C295,231 280,210 300,190 Z"
fill="#BFE3F2" opacity="0.55"/>
<path d="M420,255 C445,230 490,235 505,260 C520,285 485,305 455,295 C430,287 405,275 420,255 Z"
fill="#F7C9B6" opacity="0.45"/>
<!-- Dashed winding route -->
<path d="M150,210
C190,180 220,235 260,210
C300,185 320,250 360,230
C400,210 420,260 455,245
C480,235 495,230 505,235"
fill="none" stroke="#1F1F1F" stroke-width="5"
stroke-linecap="round" stroke-linejoin="round"
stroke-dasharray="10 12"/>
<!-- End star (outlined) -->
<path d="M525,235
L535,243
L547,241
L542,252
L550,262
L537,262
L530,273
L526,261
L514,257
L524,249
L523,237 Z"
fill="none" stroke="#1F1F1F" stroke-width="5" stroke-linejoin="round" stroke-linecap="round"/>
</g>
<!-- Fold/crease lines on top of map -->
<path d="M250,122 L250,308" stroke="#1F1F1F" stroke-width="5" stroke-linecap="round" opacity="0.9"/>
<path d="M390,122 L390,308" stroke="#1F1F1F" stroke-width="5" stroke-linecap="round" opacity="0.9"/>
<!-- Location pin (white with peach center), near top-right -->
<g transform="translate(430 70)">
<!-- Pin outer -->
<path d="M60,20
C35,20 15,40 15,65
C15,95 45,120 57,150
C59,156 61,156 63,150
C75,120 105,95 105,65
C105,40 85,20 60,20 Z"
fill="#FFFFFF" stroke="#1F1F1F" stroke-width="6" stroke-linejoin="round"/>
<!-- Pin inner circle -->
<circle cx="60" cy="65" r="20" fill="#F7C9B6" stroke="#1F1F1F" stroke-width="6"/>
<!-- Small highlight -->
<path d="M48,52 C44,58 44,66 48,72" fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" opacity="0.8"/>
</g>
</svg>