Showing: full SVG
Concept Groups
hamburger: 0 1 2 3 4 5 6 9 11 16 17 18 19 21 22
fries: 7 8 10 12 13 14 15 20
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
hamburger |
1.000
|
0.000 0.000 |
| 1 | path |
hamburger |
1.000
|
0.000 0.000 |
| 2 | path |
hamburger |
1.000
|
0.000 0.000 |
| 3 | path |
hamburger |
1.000
|
0.000 0.000 |
| 4 | path |
hamburger |
1.000
|
0.000 0.000 |
| 5 | path |
hamburger |
1.000
|
0.000 0.000 |
| 6 | path |
hamburger |
1.000
|
0.000 0.000 |
| 7 | ellipse |
fries |
0.504
|
0.142 0.144 |
| 8 | circle |
fries |
0.553
|
0.001 0.001 |
| 9 | circle |
hamburger |
1.000
|
0.000 0.000 |
| 10 | circle |
fries |
0.553
|
0.001 0.001 |
| 11 | circle |
hamburger |
1.000
|
0.000 0.000 |
| 12 | circle |
fries |
0.560
|
0.001 0.001 |
| 13 | path |
fries |
0.581
|
0.131 0.182 |
| 14 | ellipse |
fries |
0.558
|
0.222 0.279 |
| 15 | ellipse |
fries |
0.503
|
0.113 0.114 |
| 16 | ellipse |
hamburger |
0.524
|
0.141 0.129 |
| 17 | ellipse |
hamburger |
0.628
|
0.243 0.144 |
| 18 | circle |
hamburger |
0.530
|
0.001 0.001 |
| 19 | circle |
hamburger |
0.626
|
0.001 0.001 |
| 20 | circle |
fries |
0.505
|
0.001 0.001 |
| 21 | circle |
hamburger |
0.600
|
0.001 0.001 |
| 22 | circle |
hamburger |
0.530
|
0.001 0.001 |
SVG Code
<svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="none"/>
<!-- French Fries -->
<g transform="translate(200, 150)">
<!-- Fry 1 -->
<path d="M0 0 L15 0 L12 20 L-3 20 Z" fill="#D4A76A"/>
<path d="M2 2 L13 2 L10 18 L-1 18 Z" fill="#E6C08A"/>
<!-- Fry 2 -->
<path d="M0 20 L15 20 L12 40 L-3 40 Z" fill="#D4A76A"/>
<path d="M2 22 L13 22 L10 38 L-1 38 Z" fill="#E6C08A"/>
<!-- Fry 3 -->
<path d="M0 40 L15 40 L12 60 L-3 60 Z" fill="#D4A76A"/>
<path d="M2 42 L13 42 L10 58 L-1 58 Z" fill="#E6C08A"/>
</g>
<!-- Burger -->
<!-- Top Bun -->
<ellipse cx="100" cy="70" rx="60" ry="15" fill="#F4C17C"/>
<!-- Sesame Seeds -->
<circle cx="85" cy="65" r="2" fill="#B8860B"/>
<circle cx="95" cy="75" r="2" fill="#B8860B"/>
<circle cx="105" cy="65" r="2" fill="#B8860B"/>
<circle cx="115" cy="75" r="2" fill="#B8860B"/>
<circle cx="125" cy="65" r="2" fill="#B8860B"/>
<!-- Lettuce -->
<path d="M40 75 Q100 65 160 75 Q150 85 100 85 Q50 85 40 75" fill="#4CAF50"/>
<!-- Tomato -->
<ellipse cx="100" cy="95" rx="45" ry="15" fill="#F44336"/>
<!-- Cheese -->
<ellipse cx="100" cy="110" rx="45" ry="10" fill="#FFEB3B"/>
<!-- Patty -->
<ellipse cx="100" cy="125" rx="45" ry="15" fill="#795548"/>
<!-- Bottom Bun -->
<ellipse cx="100" cy="140" rx="60" ry="15" fill="#F4C17C"/>
<!-- Sesame Seeds -->
<circle cx="85" cy="135" r="2" fill="#B8860B"/>
<circle cx="95" cy="145" r="2" fill="#B8860B"/>
<circle cx="105" cy="135" r="2" fill="#B8860B"/>
<circle cx="115" cy="145" r="2" fill="#B8860B"/>
<circle cx="125" cy="135" r="2" fill="#B8860B"/>
</svg>