Showing: full SVG
Concept Groups
smiling person writing: 10 18 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 45
yellow desk: 0 1 2 3 4 5 6 7 8 9 11 12 13 14 15 16 17 19 20 21 40 41 42 43 44
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
yellow desk |
1.000
|
0.000 0.114 |
| 1 | rect |
yellow desk |
1.000
|
0.000 0.000 |
| 2 | rect |
yellow desk |
1.000
|
0.000 0.000 |
| 3 | circle |
yellow desk |
1.000
|
0.000 0.002 |
| 4 | circle |
yellow desk |
1.000
|
0.000 0.002 |
| 5 | circle |
yellow desk |
1.000
|
0.000 0.001 |
| 6 | rect |
yellow desk |
0.985
|
0.009 0.584 |
| 7 | rect |
yellow desk |
0.995
|
0.001 0.156 |
| 8 | rect |
yellow desk |
0.984
|
0.000 0.002 |
| 9 | rect |
yellow desk |
0.981
|
0.000 0.011 |
| 10 | rect |
smiling person writi |
1.000
|
0.000 0.000 |
| 11 | line |
yellow desk |
1.000
|
0.000 0.000 |
| 12 | line |
yellow desk |
0.914
|
0.000 0.000 |
| 13 | line |
yellow desk |
1.000
|
0.000 0.000 |
| 14 | line |
yellow desk |
1.000
|
0.000 0.000 |
| 15 | line |
yellow desk |
1.000
|
0.000 0.000 |
| 16 | line |
yellow desk |
1.000
|
0.000 0.000 |
| 17 | path |
yellow desk |
1.000
|
0.000 0.000 |
| 18 | path |
smiling person writi |
1.000
|
0.000 0.000 |
| 19 | path |
yellow desk |
1.000
|
0.000 0.000 |
| 20 | ellipse |
yellow desk |
1.000
|
0.000 0.025 |
| 21 | rect |
yellow desk |
0.849
|
0.008 0.045 |
| 22 | rect |
smiling person writi |
0.914
|
0.001 0.000 |
| 23 | ellipse |
smiling person writi |
0.958
|
0.143 0.006 |
| 24 | ellipse |
smiling person writi |
0.951
|
0.310 0.016 |
| 25 | ellipse |
smiling person writi |
0.955
|
0.085 0.004 |
| 26 | ellipse |
smiling person writi |
0.954
|
0.087 0.004 |
| 27 | path |
smiling person writi |
0.964
|
0.002 0.000 |
| 28 | ellipse |
smiling person writi |
0.965
|
0.017 0.001 |
| 29 | ellipse |
smiling person writi |
0.963
|
0.017 0.001 |
| 30 | circle |
smiling person writi |
0.965
|
0.003 0.000 |
| 31 | circle |
smiling person writi |
0.963
|
0.003 0.000 |
| 32 | path |
smiling person writi |
1.000
|
0.000 0.000 |
| 33 | path |
smiling person writi |
1.000
|
0.000 0.000 |
| 34 | path |
smiling person writi |
0.959
|
0.026 0.001 |
| 35 | ellipse |
smiling person writi |
0.960
|
0.002 0.000 |
| 36 | ellipse |
smiling person writi |
0.959
|
0.002 0.000 |
| 37 | path |
smiling person writi |
0.943
|
0.201 0.012 |
| 38 | path |
smiling person writi |
0.946
|
0.063 0.004 |
| 39 | ellipse |
smiling person writi |
0.962
|
0.019 0.001 |
| 40 | rect |
yellow desk |
0.999
|
0.000 0.006 |
| 41 | polygon |
yellow desk |
1.000
|
0.000 0.000 |
| 42 | polygon |
yellow desk |
1.000
|
0.000 0.000 |
| 43 | rect |
yellow desk |
1.000
|
0.000 0.001 |
| 44 | rect |
yellow desk |
1.000
|
0.000 0.000 |
| 45 | ellipse |
smiling person writi |
0.932
|
0.002 0.000 |
SVG Code
<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
<!-- Browser window frame -->
<rect x="40" y="30" width="320" height="240" rx="10" ry="10" fill="#F5D547" stroke="#E5C537" stroke-width="2"/>
<!-- Browser header bar -->
<rect x="40" y="30" width="320" height="30" rx="10" ry="10" fill="#F5D547"/>
<rect x="40" y="50" width="320" height="10" fill="#F5D547"/>
<!-- Three dots on browser -->
<circle cx="330" cy="45" r="5" fill="#333"/>
<circle cx="345" cy="45" r="5" fill="#333"/>
<circle cx="360" cy="45" r="5" fill="#333"/>
<!-- Content area background -->
<rect x="50" y="60" width="300" height="200" fill="#FFF9E6"/>
<!-- Yellow desk -->
<rect x="50" y="200" width="300" height="60" fill="#F5D547"/>
<rect x="50" y="200" width="300" height="8" fill="#E5C537"/>
<!-- Stack of lined paper -->
<rect x="140" y="180" width="120" height="80" fill="#FFFFFF" stroke="#DDD" stroke-width="1"/>
<rect x="145" y="185" width="110" height="70" fill="#FFFFFF"/>
<!-- Paper lines -->
<line x1="150" y1="195" x2="250" y2="195" stroke="#CCC" stroke-width="1"/>
<line x1="150" y1="205" x2="250" y2="205" stroke="#CCC" stroke-width="1"/>
<line x1="150" y1="215" x2="250" y2="215" stroke="#CCC" stroke-width="1"/>
<line x1="150" y1="225" x2="250" y2="225" stroke="#CCC" stroke-width="1"/>
<line x1="150" y1="235" x2="250" y2="235" stroke="#CCC" stroke-width="1"/>
<line x1="150" y1="245" x2="250" y2="245" stroke="#CCC" stroke-width="1"/>
<!-- Written content on paper -->
<path d="M155 193 Q160 191 165 193 Q170 195 175 193" stroke="#333" stroke-width="1.5" fill="none"/>
<path d="M180 193 Q185 191 190 193 Q195 195 200 193" stroke="#333" stroke-width="1.5" fill="none"/>
<path d="M155 203 Q160 201 165 203 Q170 205 175 203 Q180 201 185 203" stroke="#333" stroke-width="1.5" fill="none"/>
<!-- Person body - red top -->
<ellipse cx="200" cy="250" rx="45" ry="30" fill="#E53935"/>
<rect x="155" y="180" width="90" height="70" fill="#E53935"/>
<!-- Neck -->
<rect x="190" y="120" width="20" height="25" fill="#FFCCB3"/>
<!-- Head -->
<ellipse cx="200" cy="105" rx="35" ry="40" fill="#FFCCB3"/>
<!-- Dark hair -->
<ellipse cx="200" cy="75" rx="38" ry="25" fill="#2D2D2D"/>
<ellipse cx="170" cy="90" rx="12" ry="20" fill="#2D2D2D"/>
<ellipse cx="230" cy="90" rx="12" ry="20" fill="#2D2D2D"/>
<path d="M165 70 Q200 60 235 70 Q240 85 235 100 L165 100 Q160 85 165 70" fill="#2D2D2D"/>
<!-- Face features -->
<!-- Eyes -->
<ellipse cx="185" cy="100" rx="5" ry="6" fill="#2D2D2D"/>
<ellipse cx="215" cy="100" rx="5" ry="6" fill="#2D2D2D"/>
<circle cx="186" cy="99" r="1.5" fill="#FFF"/>
<circle cx="216" cy="99" r="1.5" fill="#FFF"/>
<!-- Eyebrows -->
<path d="M178 92 Q185 89 192 92" stroke="#2D2D2D" stroke-width="2" fill="none"/>
<path d="M208 92 Q215 89 222 92" stroke="#2D2D2D" stroke-width="2" fill="none"/>
<!-- Smile -->
<path d="M188 118 Q200 128 212 118" stroke="#2D2D2D" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- Cheeks -->
<ellipse cx="175" cy="112" rx="6" ry="4" fill="#FFB3B3" opacity="0.5"/>
<ellipse cx="225" cy="112" rx="6" ry="4" fill="#FFB3B3" opacity="0.5"/>
<!-- Arms -->
<!-- Left arm -->
<path d="M155 180 Q130 190 125 220 Q120 235 130 240" stroke="#FFCCB3" stroke-width="18" fill="none" stroke-linecap="round"/>
<!-- Right arm holding pencil -->
<path d="M245 180 Q260 195 250 220" stroke="#FFCCB3" stroke-width="18" fill="none" stroke-linecap="round"/>
<!-- Right hand -->
<ellipse cx="248" cy="218" rx="12" ry="10" fill="#FFCCB3"/>
<!-- Yellow pencil -->
<g transform="rotate(-30, 230, 200)">
<rect x="220" y="195" width="60" height="10" fill="#F5D547"/>
<polygon points="280,195 280,205 295,200" fill="#FFCCB3"/>
<polygon points="293,198 293,202 298,200" fill="#333"/>
<rect x="220" y="195" width="8" height="10" fill="#E57373"/>
<rect x="228" y="195" width="3" height="10" fill="#B0B0B0"/>
</g>
<!-- Left hand -->
<ellipse cx="130" cy="238" rx="10" ry="8" fill="#FFCCB3"/>
</svg>