Showing: full SVG
Concept Groups
hamburger: 15 30 32 34 35 36
fries: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 16 17 18 19 20 21 22 23 24 25 26 27 28 29 31 33
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | ellipse |
fries |
0.985
|
0.000 0.002 |
| 1 | ellipse |
fries |
0.997
|
0.000 0.001 |
| 2 | path |
fries |
1.000
|
0.000 0.000 |
| 3 | path |
fries |
1.000
|
0.000 0.000 |
| 4 | path |
fries |
1.000
|
0.000 0.000 |
| 5 | path |
fries |
1.000
|
0.000 0.000 |
| 6 | path |
fries |
1.000
|
0.000 0.000 |
| 7 | path |
fries |
1.000
|
0.000 0.000 |
| 8 | path |
fries |
1.000
|
0.000 0.000 |
| 9 | path |
fries |
1.000
|
0.000 0.000 |
| 10 | path |
fries |
1.000
|
0.000 0.000 |
| 11 | path |
fries |
1.000
|
0.000 0.113 |
| 12 | path |
fries |
1.000
|
0.000 0.010 |
| 13 | path |
fries |
1.000
|
0.000 0.005 |
| 14 | path |
fries |
0.510
|
0.267 0.278 |
| 15 | path |
hamburger |
0.504
|
0.009 0.009 |
| 16 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 17 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 18 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 19 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 20 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 21 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 22 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 23 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 24 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 25 | ellipse |
fries |
1.000
|
0.000 0.000 |
| 26 | path |
fries |
0.522
|
0.166 0.181 |
| 27 | path |
fries |
0.726
|
0.031 0.082 |
| 28 | path |
fries |
0.731
|
0.002 0.006 |
| 29 | path |
fries |
0.542
|
0.041 0.048 |
| 30 | path |
hamburger |
0.606
|
0.281 0.182 |
| 31 | path |
fries |
0.590
|
0.001 0.002 |
| 32 | path |
hamburger |
0.513
|
0.003 0.003 |
| 33 | path |
fries |
1.000
|
0.000 0.000 |
| 34 | path |
hamburger |
0.529
|
0.002 0.002 |
| 35 | path |
hamburger |
0.733
|
0.194 0.070 |
| 36 | path |
hamburger |
0.725
|
0.003 0.001 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500">
<defs>
<!-- Soft highlight/shadow gradients -->
<linearGradient id="bunTopGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#FFC95A"/>
<stop offset="1" stop-color="#E79A2E"/>
</linearGradient>
<linearGradient id="bunBottomGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#F7B34A"/>
<stop offset="1" stop-color="#D98322"/>
</linearGradient>
<linearGradient id="pattyGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#6A3A1F"/>
<stop offset="1" stop-color="#3F2213"/>
</linearGradient>
<linearGradient id="friesGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#FFD56A"/>
<stop offset="1" stop-color="#E6A52C"/>
</linearGradient>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="6" stdDeviation="6" flood-color="#000" flood-opacity="0.18"/>
</filter>
</defs>
<!--
Step-by-Step Analysis (as comments):
1) Identify main objects: a classic hamburger and a small serving of fries.
2) Burger layers: top bun (golden, sesame seeds), cheese (melted yellow),
tomato slices (bright red), patty (rich brown), lettuce (fresh green),
bottom bun (golden).
3) Fries: golden-brown sticks neatly stacked beside the burger.
4) Style: vibrant, clean cartoon illustration with subtle shading; transparent background.
5) Composition: burger centered-left, fries to the right, slight ground shadows for depth.
-->
<!-- Ground shadows (subtle) -->
<g opacity="0.35">
<ellipse cx="310" cy="365" rx="190" ry="28" fill="#000" opacity="0.18"/>
<ellipse cx="545" cy="370" rx="115" ry="22" fill="#000" opacity="0.14"/>
</g>
<!-- Fries (right side) -->
<g transform="translate(485,170)" filter="url(#softShadow)">
<!-- Fries sticks -->
<g stroke="#C98318" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
<path d="M40,25 C35,5 35,-10 45,-25 C55,-5 55,10 52,28 Z" fill="url(#friesGrad)"/>
<path d="M70,30 C65,10 65,-12 78,-30 C90,-10 90,12 86,33 Z" fill="url(#friesGrad)"/>
<path d="M100,32 C95,12 95,-8 108,-28 C120,-6 120,16 116,35 Z" fill="url(#friesGrad)"/>
<path d="M130,34 C125,14 125,-6 138,-24 C150,-4 150,18 146,38 Z" fill="url(#friesGrad)"/>
<path d="M160,34 C155,16 155,-2 168,-18 C178,-2 178,18 176,40 Z" fill="url(#friesGrad)"/>
<path d="M55,55 C50,35 52,20 60,5 C72,22 72,40 68,58 Z" fill="url(#friesGrad)"/>
<path d="M85,58 C80,38 82,22 92,6 C104,22 104,42 98,62 Z" fill="url(#friesGrad)"/>
<path d="M115,60 C110,40 112,24 122,8 C134,24 134,44 128,65 Z" fill="url(#friesGrad)"/>
<path d="M145,62 C140,42 142,26 152,10 C164,26 164,46 158,68 Z" fill="url(#friesGrad)"/>
</g>
<!-- Fry carton / pile base -->
<path d="M35,85
C55,65 85,60 115,62
C150,65 175,75 190,95
L178,175
C175,195 155,210 130,214
C95,220 70,214 55,202
C42,192 35,178 35,160 Z"
fill="#E74A3B" stroke="#B52C22" stroke-width="6" stroke-linejoin="round"/>
<!-- Carton highlight -->
<path d="M55,105
C78,92 105,90 132,94
C150,97 164,104 172,112
L166,170
C164,184 150,194 132,198
C108,205 86,202 72,194
C62,188 56,178 56,166 Z"
fill="#F26A5D" opacity="0.55"/>
<!-- Fries rim cover -->
<path d="M40,92 C60,72 95,67 124,70 C155,73 177,82 190,98
C178,112 158,122 130,125
C95,129 63,120 40,92 Z"
fill="#CC3B2E" opacity="0.55" stroke="#B52C22" stroke-width="4" stroke-linejoin="round"/>
</g>
<!-- Burger (left/center) -->
<g transform="translate(120,120)" filter="url(#softShadow)">
<!-- Top bun -->
<path d="M80,140
C92,70 150,30 250,22
C360,14 450,60 470,140
C474,156 460,168 440,172
C390,182 160,182 110,172
C92,168 76,156 80,140 Z"
fill="url(#bunTopGrad)" stroke="#C9791D" stroke-width="7" stroke-linejoin="round"/>
<!-- Bun shine -->
<path d="M130,92
C170,55 240,40 315,42
C375,44 420,62 440,92
C400,78 360,72 310,70
C230,68 175,76 130,92 Z"
fill="#FFD98A" opacity="0.55"/>
<!-- Sesame seeds -->
<g fill="#FFF2D6" opacity="0.95" stroke="#E8D2A8" stroke-width="2">
<ellipse cx="165" cy="92" rx="10" ry="6" transform="rotate(-18 165 92)"/>
<ellipse cx="205" cy="78" rx="9" ry="5.5" transform="rotate(12 205 78)"/>
<ellipse cx="245" cy="92" rx="10" ry="6" transform="rotate(-8 245 92)"/>
<ellipse cx="285" cy="74" rx="9" ry="5.5" transform="rotate(18 285 74)"/>
<ellipse cx="325" cy="92" rx="10" ry="6" transform="rotate(-15 325 92)"/>
<ellipse cx="365" cy="82" rx="9" ry="5.5" transform="rotate(10 365 82)"/>
<ellipse cx="405" cy="104" rx="10" ry="6" transform="rotate(-10 405 104)"/>
<ellipse cx="225" cy="118" rx="9" ry="5.5" transform="rotate(14 225 118)"/>
<ellipse cx="305" cy="120" rx="10" ry="6" transform="rotate(-14 305 120)"/>
<ellipse cx="380" cy="126" rx="9" ry="5.5" transform="rotate(8 380 126)"/>
</g>
<!-- Cheese (melted) -->
<path d="M105,185
C160,165 235,160 300,162
C365,164 425,172 455,182
L455,215
C430,225 405,228 375,230
C365,250 350,258 332,257
C315,256 305,244 300,230
C265,232 235,232 205,230
C195,248 178,258 160,256
C145,255 135,246 132,232
C120,230 110,226 105,222 Z"
fill="#FFD23A" stroke="#D6A500" stroke-width="6" stroke-linejoin="round"/>
<!-- Tomato slices -->
<g transform="translate(0,0)">
<path d="M135,225
C160,206 210,198 255,200
C300,202 345,210 370,226
C350,248 305,262 255,262
C205,262 160,248 135,225 Z"
fill="#E53935" stroke="#B71C1C" stroke-width="6" stroke-linejoin="round"/>
<path d="M170,228
C195,216 225,212 255,213
C285,214 315,219 340,230
C315,244 285,250 255,250
C225,250 195,244 170,228 Z"
fill="#FF5A55" opacity="0.6"/>
</g>
<!-- Lettuce -->
<path d="M95,255
C120,238 140,246 160,260
C175,232 205,238 225,260
C245,236 275,238 295,262
C315,236 350,238 370,264
C395,242 420,246 455,268
C448,292 418,308 382,312
C315,320 225,320 160,312
C125,308 100,292 95,255 Z"
fill="#4CAF50" stroke="#2E7D32" stroke-width="6" stroke-linejoin="round"/>
<!-- Patty -->
<path d="M105,285
C145,265 200,258 275,258
C350,258 410,268 455,290
C470,298 470,322 455,332
C410,360 350,372 275,372
C200,372 145,360 105,338
C88,328 88,296 105,285 Z"
fill="url(#pattyGrad)" stroke="#2B150C" stroke-width="7" stroke-linejoin="round"/>
<!-- Patty texture lines -->
<g opacity="0.25" stroke="#000" stroke-width="5" stroke-linecap="round">
<path d="M155,300 C205,288 250,286 300,290"/>
<path d="M185,330 C235,318 295,316 360,322"/>
<path d="M140,328 C160,340 185,348 215,352"/>
<path d="M330,296 C370,304 405,316 430,332"/>
</g>
<!-- Bottom bun -->
<path d="M120,350
C165,382 220,394 275,394
C330,394 395,382 440,350
C458,338 470,346 470,362
C470,410 405,442 275,442
C145,442 90,410 90,362
C90,346 102,338 120,350 Z"
fill="url(#bunBottomGrad)" stroke="#C9791D" stroke-width="7" stroke-linejoin="round"/>
<!-- Bottom bun highlight -->
<path d="M145,378
C190,402 230,410 275,410
C320,410 365,402 405,380
C370,410 325,424 275,424
C225,424 180,410 145,378 Z"
fill="#FFD07A" opacity="0.35"/>
</g>
</svg>