Showing: full SVG
Concept Groups
floating black-haired head: 0 8 19 20 21 22 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
red blazer with green tie: 17 18 23 24 25 26 28 30 31 32
black magnifying glass: 27 33 50 51 52 53 54
white document on left bench: 29 55 56 57 58
blue globe with green continents: 7 9 10 11 12 13 14 15 16
brown bench with two horizontal slats: 1 2 3 4 5 6
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
floating black-haire |
0.347
|
0.001 0.000 0.000 0.000 0.000 0.000 |
| 1 | path |
brown bench with two |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 2 | rect |
brown bench with two |
0.847
|
0.000 0.001 0.000 0.030 0.004 0.197 |
| 3 | rect |
brown bench with two |
0.972
|
0.000 0.000 0.000 0.020 0.002 0.799 |
| 4 | path |
brown bench with two |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.001 |
| 5 | path |
brown bench with two |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.001 |
| 6 | path |
brown bench with two |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.001 |
| 7 | path |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.002 0.000 |
| 8 | rect |
floating black-haire |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 9 | path |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 10 | path |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 11 | circle |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.521 0.000 |
| 12 | path |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.145 0.000 |
| 13 | path |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.070 0.000 |
| 14 | path |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.022 0.000 |
| 15 | circle |
blue globe with gree |
1.000
|
0.000 0.000 0.000 0.000 0.211 0.000 |
| 16 | circle |
blue globe with gree |
0.971
|
0.000 0.000 0.000 0.000 0.020 0.001 |
| 17 | path |
red blazer with gree |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 18 | path |
red blazer with gree |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 19 | path |
floating black-haire |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 20 | path |
floating black-haire |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 21 | path |
floating black-haire |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 22 | path |
floating black-haire |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 23 | path |
red blazer with gree |
0.995
|
0.001 0.876 0.003 0.001 0.000 0.000 |
| 24 | path |
red blazer with gree |
0.985
|
0.000 0.024 0.000 0.000 0.000 0.000 |
| 25 | path |
red blazer with gree |
1.000
|
0.000 0.026 0.000 0.000 0.000 0.000 |
| 26 | path |
red blazer with gree |
0.577
|
0.001 0.004 0.002 0.000 0.000 0.000 |
| 27 | path |
black magnifying gla |
0.703
|
0.001 0.001 0.004 0.000 0.000 0.000 |
| 28 | path |
red blazer with gree |
1.000
|
0.000 0.001 0.000 0.000 0.000 0.000 |
| 29 | path |
white document on le |
0.574
|
0.000 0.001 0.000 0.001 0.000 0.000 |
| 30 | path |
red blazer with gree |
1.000
|
0.000 0.065 0.000 0.000 0.000 0.000 |
| 31 | path |
red blazer with gree |
1.000
|
0.000 0.001 0.000 0.000 0.000 0.000 |
| 32 | path |
red blazer with gree |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 33 | rect |
black magnifying gla |
0.738
|
0.001 0.000 0.002 0.000 0.000 0.000 |
| 34 | circle |
floating black-haire |
1.000
|
0.166 0.000 0.000 0.000 0.000 0.000 |
| 35 | path |
floating black-haire |
1.000
|
0.009 0.000 0.000 0.000 0.000 0.000 |
| 36 | path |
floating black-haire |
1.000
|
0.009 0.000 0.000 0.000 0.000 0.000 |
| 37 | path |
floating black-haire |
1.000
|
0.019 0.000 0.000 0.000 0.000 0.000 |
| 38 | circle |
floating black-haire |
1.000
|
0.001 0.000 0.000 0.000 0.000 0.000 |
| 39 | circle |
floating black-haire |
1.000
|
0.001 0.000 0.000 0.000 0.000 0.000 |
| 40 | path |
floating black-haire |
1.000
|
0.162 0.000 0.000 0.000 0.000 0.000 |
| 41 | circle |
floating black-haire |
1.000
|
0.034 0.000 0.000 0.000 0.000 0.000 |
| 42 | circle |
floating black-haire |
1.000
|
0.025 0.000 0.000 0.000 0.000 0.000 |
| 43 | circle |
floating black-haire |
1.000
|
0.011 0.000 0.000 0.000 0.000 0.000 |
| 44 | circle |
floating black-haire |
1.000
|
0.023 0.000 0.000 0.000 0.000 0.000 |
| 45 | circle |
floating black-haire |
1.000
|
0.041 0.000 0.000 0.000 0.000 0.000 |
| 46 | circle |
floating black-haire |
1.000
|
0.043 0.000 0.000 0.000 0.000 0.000 |
| 47 | circle |
floating black-haire |
1.000
|
0.035 0.000 0.000 0.000 0.000 0.000 |
| 48 | circle |
floating black-haire |
1.000
|
0.031 0.000 0.000 0.000 0.000 0.000 |
| 49 | circle |
floating black-haire |
1.000
|
0.033 0.000 0.000 0.000 0.000 0.000 |
| 50 | rect |
black magnifying gla |
0.741
|
0.041 0.000 0.116 0.000 0.000 0.000 |
| 51 | rect |
black magnifying gla |
0.751
|
0.003 0.000 0.008 0.000 0.000 0.000 |
| 52 | circle |
black magnifying gla |
0.738
|
0.230 0.000 0.646 0.000 0.000 0.000 |
| 53 | circle |
black magnifying gla |
0.738
|
0.074 0.000 0.207 0.000 0.000 0.000 |
| 54 | path |
black magnifying gla |
0.738
|
0.004 0.000 0.013 0.000 0.000 0.000 |
| 55 | path |
white document on le |
1.000
|
0.000 0.000 0.000 0.899 0.000 0.000 |
| 56 | path |
white document on le |
1.000
|
0.000 0.000 0.000 0.018 0.000 0.000 |
| 57 | path |
white document on le |
1.000
|
0.000 0.000 0.000 0.019 0.000 0.000 |
| 58 | path |
white document on le |
1.000
|
0.000 0.000 0.000 0.012 0.000 0.000 |
SVG Code
<svg width="900" height="600" viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg">
<!--
Step-by-Step Analysis (from description)
1) Scene: Flat-style illustration with a seated person at a light brown wooden desk.
2) Person: Dark, curly hair; friendly expression; seated posture.
3) Clothing: Orange-red blazer, teal tie, dark blue trousers, teal socks.
4) Action/Prop: Person holds a magnifying glass toward a globe.
5) Globe: Blue and teal with simple land/water shapes; suggests study/exploration.
6) Composition: Desk in foreground, person behind/at desk, globe on desk, magnifying glass between face and globe.
-->
<defs>
<!-- Subtle shadow -->
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="4" stdDeviation="6" flood-color="#000" flood-opacity="0.18"/>
</filter>
<!-- Globe highlight -->
<radialGradient id="globeShine" cx="35%" cy="30%" r="70%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.35"/>
<stop offset="55%" stop-color="#ffffff" stop-opacity="0.08"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</radialGradient>
<!-- Desk wood gradient -->
<linearGradient id="deskWood" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#d7a36f"/>
<stop offset="100%" stop-color="#c48a55"/>
</linearGradient>
<!-- Magnifying glass lens -->
<radialGradient id="lens" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#dff7ff" stop-opacity="0.75"/>
<stop offset="60%" stop-color="#bfefff" stop-opacity="0.35"/>
<stop offset="100%" stop-color="#9ad8ef" stop-opacity="0.15"/>
</radialGradient>
</defs>
<!-- Background -->
<rect width="900" height="600" fill="#f6f7fb"/>
<!-- Floor/ground hint -->
<path d="M0,430 C180,390 360,470 540,430 C690,395 780,425 900,410 L900,600 L0,600 Z"
fill="#eef1f7"/>
<!-- Desk -->
<g filter="url(#softShadow)">
<rect x="90" y="330" width="720" height="70" rx="14" fill="url(#deskWood)"/>
<!-- Desk front panel -->
<rect x="110" y="400" width="680" height="120" rx="16" fill="#b97a48"/>
<!-- Simple wood lines -->
<path d="M140 435 H760" stroke="#a86d40" stroke-width="6" opacity="0.35" stroke-linecap="round"/>
<path d="M140 470 H760" stroke="#a86d40" stroke-width="6" opacity="0.25" stroke-linecap="round"/>
<path d="M140 505 H760" stroke="#a86d40" stroke-width="6" opacity="0.18" stroke-linecap="round"/>
</g>
<!-- Globe on desk -->
<g transform="translate(585 250)" filter="url(#softShadow)">
<!-- Stand -->
<path d="M70 155 C95 165 110 180 114 205 C116 220 106 230 90 232 L50 232 C34 230 24 220 26 205 C30 180 45 165 70 155 Z"
fill="#2b3a4a"/>
<rect x="44" y="232" width="52" height="16" rx="8" fill="#223141"/>
<!-- Axis -->
<path d="M25 50 C10 90 10 125 25 165" fill="none" stroke="#2b3a4a" stroke-width="10" stroke-linecap="round"/>
<path d="M115 50 C130 90 130 125 115 165" fill="none" stroke="#2b3a4a" stroke-width="10" stroke-linecap="round"/>
<!-- Globe sphere -->
<circle cx="70" cy="105" r="78" fill="#2a86c9"/>
<!-- Teal oceans accent -->
<path d="M20 115 C30 70 60 45 90 40 C112 36 130 50 140 70
C150 95 140 125 120 145 C95 170 55 175 35 155 C25 145 18 132 20 115 Z"
fill="#1fb7b1" opacity="0.85"/>
<!-- Land masses -->
<path d="M55 70 C45 78 44 92 54 98 C66 106 64 120 52 128 C42 135 45 150 60 152
C78 154 84 138 80 125 C76 110 88 102 98 94 C110 86 104 72 92 68
C78 63 66 62 55 70 Z"
fill="#1aa37a"/>
<path d="M102 128 C92 132 90 142 98 148 C108 156 120 150 126 142
C132 134 124 124 114 124 C110 124 106 126 102 128 Z"
fill="#169a71"/>
<!-- Shine -->
<circle cx="70" cy="105" r="78" fill="url(#globeShine)"/>
<!-- Outline -->
<circle cx="70" cy="105" r="78" fill="none" stroke="#1f5f93" stroke-width="6" opacity="0.35"/>
</g>
<!-- Person (seated) -->
<g transform="translate(210 140)">
<!-- Legs (dark blue trousers) -->
<path d="M210 250 C205 290 205 330 210 360 C214 383 245 388 252 365
C260 340 262 300 268 260 Z"
fill="#1f3b63"/>
<path d="M150 255 C130 300 120 330 118 360 C116 382 145 392 160 372
C175 352 182 320 195 270 Z"
fill="#1f3b63"/>
<!-- Socks (teal) -->
<path d="M112 360 C110 382 135 398 156 388 C168 382 170 370 164 360 Z" fill="#1fb7b1"/>
<path d="M206 360 C202 382 228 398 250 388 C262 382 264 370 258 360 Z" fill="#1fb7b1"/>
<!-- Shoes (simple) -->
<path d="M95 388 C120 410 170 410 185 392 C190 386 186 378 176 378
C155 378 132 374 116 370 C105 367 92 378 95 388 Z"
fill="#2b2f36"/>
<path d="M195 388 C220 410 270 410 285 392 C290 386 286 378 276 378
C255 378 232 374 216 370 C205 367 192 378 195 388 Z"
fill="#2b2f36"/>
<!-- Torso (orange-red blazer) -->
<path d="M110 150 C125 120 160 105 200 105 C240 105 275 120 290 150
C305 180 305 225 292 255 C280 282 248 290 200 290 C152 290 120 282 108 255
C95 225 95 180 110 150 Z"
fill="#e4573d"/>
<!-- Blazer lapels -->
<path d="M170 120 C150 150 145 185 150 220 C155 255 170 280 200 290
C185 260 182 210 184 170 C185 150 180 132 170 120 Z"
fill="#d84b33" opacity="0.9"/>
<path d="M230 120 C250 150 255 185 250 220 C245 255 230 280 200 290
C215 260 218 210 216 170 C215 150 220 132 230 120 Z"
fill="#d84b33" opacity="0.9"/>
<!-- Shirt -->
<path d="M185 120 C190 140 190 160 185 182 C180 205 182 235 200 255
C218 235 220 205 215 182 C210 160 210 140 215 120 Z"
fill="#ffffff"/>
<!-- Tie (teal) -->
<path d="M200 138 L220 165 L200 185 L180 165 Z" fill="#1fb7b1"/>
<path d="M200 185 C192 215 190 235 200 258 C210 235 208 215 200 185 Z" fill="#169f9a"/>
<!-- Arms -->
<!-- Left arm resting -->
<path d="M120 170 C90 190 82 215 90 235 C98 255 125 250 135 235
C148 215 150 185 145 170 Z"
fill="#e4573d"/>
<!-- Right arm holding magnifying glass -->
<path d="M280 175 C310 185 330 205 338 228 C346 250 330 268 310 262
C292 256 272 232 262 210 C255 194 260 180 280 175 Z"
fill="#e4573d"/>
<!-- Hands (skin) -->
<path d="M132 235 C120 245 120 262 135 268 C150 274 165 262 162 248
C160 238 145 230 132 235 Z"
fill="#f2b49a"/>
<path d="M318 250 C305 255 302 270 314 278 C328 288 346 278 344 264
C342 254 330 246 318 250 Z"
fill="#f2b49a"/>
<!-- Neck -->
<rect x="186" y="92" width="28" height="28" rx="10" fill="#f2b49a"/>
<!-- Head -->
<g>
<circle cx="200" cy="70" r="52" fill="#f2b49a"/>
<!-- Friendly expression -->
<path d="M182 72 C188 66 194 66 200 72" stroke="#2b2f36" stroke-width="5" stroke-linecap="round" fill="none"/>
<path d="M200 72 C206 66 212 66 218 72" stroke="#2b2f36" stroke-width="5" stroke-linecap="round" fill="none"/>
<path d="M185 92 C195 105 205 105 215 92" stroke="#2b2f36" stroke-width="5" stroke-linecap="round" fill="none"/>
<!-- Cheeks -->
<circle cx="170" cy="90" r="7" fill="#e98f7b" opacity="0.6"/>
<circle cx="230" cy="90" r="7" fill="#e98f7b" opacity="0.6"/>
</g>
<!-- Dark curly hair -->
<g fill="#1f1f24">
<path d="M155 55 C150 20 175 5 200 5 C230 5 255 20 250 55
C245 40 230 35 215 38 C205 40 195 40 185 38 C170 35 158 40 155 55 Z"/>
<!-- curls -->
<circle cx="160" cy="55" r="14"/>
<circle cx="176" cy="40" r="14"/>
<circle cx="196" cy="34" r="14"/>
<circle cx="216" cy="38" r="14"/>
<circle cx="236" cy="50" r="14"/>
<circle cx="246" cy="70" r="14"/>
<circle cx="154" cy="72" r="14"/>
<circle cx="170" cy="76" r="12"/>
<circle cx="230" cy="76" r="12"/>
</g>
<!-- Magnifying glass (toward globe) -->
<g transform="translate(320 210) rotate(-18)">
<!-- Handle -->
<rect x="40" y="55" width="18" height="70" rx="9" fill="#2b3a4a"/>
<rect x="40" y="95" width="18" height="30" rx="9" fill="#223141" opacity="0.9"/>
<!-- Rim -->
<circle cx="50" cy="40" r="34" fill="#2b3a4a"/>
<circle cx="50" cy="40" r="26" fill="url(#lens)"/>
<!-- Lens highlight -->
<path d="M38 22 C28 30 26 42 32 52" fill="none" stroke="#ffffff" stroke-width="4" opacity="0.45" stroke-linecap="round"/>
</g>
</g>
<!-- Simple papers on desk for study vibe -->
<g opacity="0.95" filter="url(#softShadow)">
<path d="M150 355 L310 340 L330 410 L170 425 Z" fill="#ffffff"/>
<path d="M170 372 L290 362" stroke="#c8d0dd" stroke-width="5" stroke-linecap="round"/>
<path d="M175 392 L305 382" stroke="#c8d0dd" stroke-width="5" stroke-linecap="round"/>
<path d="M180 412 L260 404" stroke="#c8d0dd" stroke-width="5" stroke-linecap="round"/>
</g>
</svg>