Showing: full SVG
Concept Groups
yellow car body: 1 2 26 27
front-left gray wheel: 0
rear-right gray wheel: 6 7 8 9
top-left blue figure washing: 10 11 12 13 14 15 16 17 18 19 20 21 22 25
light blue car hood: 3 4 5 23 24
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | ellipse |
front-left gray whee |
0.670
|
0.012 0.042 0.001 0.000 0.007 |
| 1 | path |
yellow car body |
0.454
|
0.571 0.340 0.003 0.015 0.329 |
| 2 | path |
yellow car body |
0.545
|
0.101 0.022 0.000 0.000 0.062 |
| 3 | path |
light blue car hood |
0.642
|
0.073 0.015 0.000 0.002 0.160 |
| 4 | path |
light blue car hood |
0.630
|
0.046 0.012 0.000 0.000 0.098 |
| 5 | path |
light blue car hood |
0.704
|
0.070 0.015 0.000 0.000 0.201 |
| 6 | circle |
rear-right gray whee |
0.633
|
0.029 0.194 0.401 0.000 0.010 |
| 7 | circle |
rear-right gray whee |
0.596
|
0.007 0.055 0.094 0.000 0.002 |
| 8 | circle |
rear-right gray whee |
0.631
|
0.029 0.196 0.406 0.000 0.012 |
| 9 | circle |
rear-right gray whee |
0.596
|
0.007 0.054 0.094 0.000 0.003 |
| 10 | path |
top-left blue figure |
0.849
|
0.014 0.007 0.000 0.331 0.038 |
| 11 | circle |
top-left blue figure |
0.908
|
0.001 0.001 0.000 0.046 0.003 |
| 12 | line |
top-left blue figure |
0.778
|
0.007 0.007 0.000 0.095 0.012 |
| 13 | circle |
top-left blue figure |
0.665
|
0.008 0.023 0.000 0.071 0.005 |
| 14 | circle |
top-left blue figure |
0.740
|
0.003 0.004 0.000 0.027 0.003 |
| 15 | circle |
top-left blue figure |
0.618
|
0.002 0.009 0.000 0.019 0.001 |
| 16 | path |
top-left blue figure |
0.858
|
0.007 0.002 0.000 0.196 0.023 |
| 17 | circle |
top-left blue figure |
0.928
|
0.001 0.000 0.000 0.032 0.002 |
| 18 | line |
top-left blue figure |
0.818
|
0.002 0.001 0.000 0.046 0.007 |
| 19 | rect |
top-left blue figure |
0.748
|
0.004 0.001 0.000 0.048 0.011 |
| 20 | text |
top-left blue figure |
0.768
|
0.000 0.000 0.000 0.005 0.001 |
| 21 | line |
top-left blue figure |
0.897
|
0.002 0.001 0.000 0.034 0.002 |
| 22 | rect |
top-left blue figure |
0.894
|
0.002 0.001 0.000 0.032 0.002 |
| 23 | circle |
light blue car hood |
0.655
|
0.002 0.000 0.000 0.000 0.004 |
| 24 | circle |
light blue car hood |
0.707
|
0.001 0.000 0.000 0.000 0.002 |
| 25 | circle |
top-left blue figure |
0.781
|
0.000 0.000 0.000 0.000 0.000 |
| 26 | circle |
yellow car body |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 27 | circle |
yellow car body |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
SVG Code
<svg width="500" height="400" viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background is transparent by default -->
<!-- Shadow under the car -->
<ellipse cx="250" cy="300" rx="120" ry="40" fill="rgba(0,0,0,0.1)" />
<!-- Car Body (Isometric) -->
<g id="car">
<!-- Side Panel -->
<path d="M 120,260 L 280,310 L 380,260 L 380,230 L 280,210 L 120,230 Z" fill="#FFD700" />
<!-- Front Hood -->
<path d="M 120,230 L 220,190 L 280,210 L 120,260 Z" fill="#FFC107" />
<!-- Roof -->
<path d="M 230,180 L 310,150 L 370,175 L 290,205 Z" fill="#FFD700" />
<!-- Windows -->
<path d="M 235,185 L 290,165 L 290,200 L 240,205 Z" fill="#B3E5FC" /> <!-- Front Windshield -->
<path d="M 295,165 L 360,185 L 360,220 L 300,205 Z" fill="#81D4FA" /> <!-- Side Window -->
<!-- Wheels -->
<circle cx="180" cy="285" r="22" fill="#333" />
<circle cx="180" cy="285" r="12" fill="#999" />
<circle cx="330" cy="285" r="22" fill="#333" />
<circle cx="330" cy="285" r="12" fill="#999" />
</g>
<!-- Figure 2: Washing the side -->
<g id="figure-side">
<!-- Body -->
<path d="M 380,290 L 400,240 L 420,290 Z" fill="#1A237E" />
<circle cx="400" cy="230" r="12" fill="#FFCCBC" /> <!-- Head -->
<!-- Arms reaching for car -->
<line x1="400" y1="250" x2="360" y2="260" stroke="#1A237E" stroke-width="8" stroke-linecap="round" />
<!-- Suds on car side -->
<circle cx="350" cy="260" r="8" fill="white" />
<circle cx="365" cy="255" r="5" fill="white" />
<circle cx="355" cy="270" r="6" fill="white" opacity="0.8" />
</g>
<!-- Figure 1: On the roof -->
<g id="figure-roof">
<!-- Body leaning over roof -->
<path d="M 210,170 L 250,140 L 230,120 Z" fill="#1A237E" />
<circle cx="220" cy="120" r="10" fill="#FFCCBC" /> <!-- Head -->
<!-- Arm with Brush -->
<line x1="235" y1="145" x2="260" y2="160" stroke="#1A237E" stroke-width="6" stroke-linecap="round" />
<!-- Brush with T mark -->
<rect x="260" y="155" width="20" height="10" rx="2" fill="#444" transform="rotate(20, 260, 155)" />
<text x="264" y="164" font-family="Arial" font-weight="bold" font-size="8" fill="white" transform="rotate(20, 260, 155)">T</text>
<!-- Arm with Sponge -->
<line x1="220" y1="145" x2="210" y2="180" stroke="#1A237E" stroke-width="6" stroke-linecap="round" />
<!-- Sponge -->
<rect x="200" y="175" width="15" height="10" rx="3" fill="#FFF176" />
<!-- Suds on roof -->
<circle cx="270" cy="180" r="6" fill="white" />
<circle cx="285" cy="175" r="4" fill="white" />
</g>
<!-- Extra Bubbles in the air -->
<circle cx="390" cy="220" r="4" fill="white" opacity="0.6" />
<circle cx="410" cy="210" r="3" fill="white" opacity="0.4" />
<circle cx="190" cy="160" r="5" fill="white" opacity="0.5" />
</svg>