Showing: full SVG
Concept Groups
hamburger: 0 6 7 8 9 10 11 12 13 14 15 16 17 18
fries: 1 2 3 4 5
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
hamburger |
1.000
|
0.000 0.000 |
| 1 | rect |
fries |
1.000
|
0.000 0.289 |
| 2 | rect |
fries |
1.000
|
0.000 0.168 |
| 3 | rect |
fries |
1.000
|
0.000 0.366 |
| 4 | rect |
fries |
1.000
|
0.000 0.068 |
| 5 | rect |
fries |
1.000
|
0.000 0.106 |
| 6 | path |
hamburger |
0.992
|
0.209 0.002 |
| 7 | path |
hamburger |
0.979
|
0.041 0.001 |
| 8 | rect |
hamburger |
1.000
|
0.163 0.000 |
| 9 | path |
hamburger |
0.998
|
0.047 0.000 |
| 10 | ellipse |
hamburger |
1.000
|
0.042 0.000 |
| 11 | ellipse |
hamburger |
1.000
|
0.042 0.000 |
| 12 | path |
hamburger |
1.000
|
0.456 0.000 |
| 13 | ellipse |
hamburger |
1.000
|
0.000 0.000 |
| 14 | ellipse |
hamburger |
1.000
|
0.000 0.000 |
| 15 | ellipse |
hamburger |
1.000
|
0.000 0.000 |
| 16 | ellipse |
hamburger |
1.000
|
0.000 0.000 |
| 17 | ellipse |
hamburger |
1.000
|
0.000 0.000 |
| 18 | ellipse |
hamburger |
1.000
|
0.000 0.000 |
SVG Code
<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background (Transparent) -->
<rect width="400" height="300" fill="none" />
<!-- French Fries -->
<g id="fries" transform="translate(260, 180)">
<rect x="0" y="10" width="12" height="60" rx="2" fill="#FBC02D" stroke="#C49000" stroke-width="1" />
<rect x="15" y="0" width="12" height="70" rx="2" fill="#FBC02D" stroke="#C49000" stroke-width="1" />
<rect x="30" y="15" width="12" height="55" rx="2" fill="#FBC02D" stroke="#C49000" stroke-width="1" />
<rect x="5" y="25" width="12" height="45" rx="2" transform="rotate(-5)" fill="#F9A825" stroke="#C49000" stroke-width="1" />
<rect x="22" y="20" width="12" height="50" rx="2" transform="rotate(5)" fill="#F9A825" stroke="#C49000" stroke-width="1" />
</g>
<!-- Hamburger -->
<g id="hamburger" transform="translate(80, 80)">
<!-- Bottom Bun -->
<path d="M20,160 Q20,180 100,180 Q180,180 180,160 L180,150 L20,150 Z" fill="#D99058" stroke="#A0522D" stroke-width="2" />
<!-- Lettuce -->
<path d="M15,140 Q25,130 40,140 Q55,150 70,140 Q85,130 100,140 Q115,150 130,140 Q145,130 160,140 Q175,150 185,140 L185,150 L15,150 Z" fill="#4CAF50" stroke="#2E7D32" stroke-width="1" />
<!-- Patty -->
<rect x="20" y="125" width="160" height="20" rx="10" fill="#5D3A1A" stroke="#3E2723" stroke-width="1" />
<!-- Cheese -->
<path d="M20,120 L180,120 L180,125 Q180,135 170,135 L160,125 L40,125 L30,135 Q20,135 20,125 Z" fill="#FFD700" />
<!-- Tomatoes -->
<ellipse cx="60" cy="115" rx="35" ry="8" fill="#E53935" stroke="#B71C1C" stroke-width="1" />
<ellipse cx="140" cy="115" rx="35" ry="8" fill="#E53935" stroke="#B71C1C" stroke-width="1" />
<!-- Top Bun -->
<path d="M20,110 Q20,40 100,40 Q180,40 180,110 Z" fill="#D99058" stroke="#A0522D" stroke-width="2" />
<!-- Sesame Seeds -->
<g fill="#F5DEB3">
<ellipse cx="60" cy="65" rx="3" ry="1.5" transform="rotate(-20, 60, 65)" />
<ellipse cx="100" cy="55" rx="3" ry="1.5" />
<ellipse cx="140" cy="65" rx="3" ry="1.5" transform="rotate(20, 140, 65)" />
<ellipse cx="80" cy="85" rx="3" ry="1.5" transform="rotate(10, 80, 85)" />
<ellipse cx="120" cy="85" rx="3" ry="1.5" transform="rotate(-10, 120, 85)" />
<ellipse cx="100" cy="75" rx="3" ry="1.5" />
</g>
</g>
</svg>