← Back to dashboard

smiling student with headphones in virtual screen

Model: openai | Tier: complex | ID: 67a03c90-832f-44c7-a3f7-fedf874e940c_317f196de50b5886 | 33 elements

0.793
Editability
1.000
Coverage
0.793
Purity
0.046
Crosstalk
0.215
Compact
0.782
Locality
0.944
Contiguity
full
Showing: full SVG

Concept Groups

top-left three-dot menu: 4 5 11 12 13 14 15 26 31
yellow headphones with black band: 18 19 20 21 22
central smiling face with closed eyes: 17 23 24 25
right-raised arm with flower-shaped hand: 16 27 28 29 30
stack of white papers on left: 6 7 8 9 10 32
purple rounded screen border: 0 1 2 3

Elements — click to highlight

#TagConceptPurityContributions
0 rect purple rounded scree
0.869
top-left thr
0.061
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.406
1 rect purple rounded scree
0.825
top-left thr
0.112
yellow headp
0.000
central smil
0.000
right-raised
0.002
stack of whi
0.000
purple round
0.537
2 circle purple rounded scree
0.686
top-left thr
0.001
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.003
3 circle purple rounded scree
0.643
top-left thr
0.001
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.002
4 circle top-left three-dot m
0.882
top-left thr
0.001
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
5 path top-left three-dot m
0.571
top-left thr
0.058
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.043
6 path stack of white paper
0.826
top-left thr
0.032
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.154
purple round
0.000
7 path stack of white paper
0.827
top-left thr
0.036
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.171
purple round
0.000
8 path stack of white paper
0.847
top-left thr
0.073
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.405
purple round
0.001
9 path stack of white paper
0.829
top-left thr
0.017
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.084
purple round
0.000
10 path stack of white paper
0.827
top-left thr
0.013
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.062
purple round
0.000
11 rect top-left three-dot m
1.000
top-left thr
0.000
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
12 rect top-left three-dot m
1.000
top-left thr
0.000
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
13 path top-left three-dot m
1.000
top-left thr
0.000
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
14 path top-left three-dot m
1.000
top-left thr
0.000
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
15 path top-left three-dot m
0.934
top-left thr
0.271
yellow headp
0.000
central smil
0.000
right-raised
0.010
stack of whi
0.003
purple round
0.006
16 path right-raised arm wit
0.814
top-left thr
0.004
yellow headp
0.000
central smil
0.000
right-raised
0.019
stack of whi
0.000
purple round
0.000
17 ellipse central smiling face
0.748
top-left thr
0.046
yellow headp
0.003
central smil
0.819
right-raised
0.227
stack of whi
0.000
purple round
0.000
18 path yellow headphones wi
0.333
top-left thr
0.041
yellow headp
0.045
central smil
0.014
right-raised
0.034
stack of whi
0.000
purple round
0.000
19 path yellow headphones wi
0.864
top-left thr
0.001
yellow headp
0.003
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
20 path yellow headphones wi
0.952
top-left thr
0.021
yellow headp
0.449
central smil
0.000
right-raised
0.001
stack of whi
0.000
purple round
0.000
21 rect yellow headphones wi
0.852
top-left thr
0.014
yellow headp
0.239
central smil
0.013
right-raised
0.015
stack of whi
0.000
purple round
0.000
22 rect yellow headphones wi
0.852
top-left thr
0.015
yellow headp
0.255
central smil
0.018
right-raised
0.011
stack of whi
0.000
purple round
0.000
23 path central smiling face
0.684
top-left thr
0.001
yellow headp
0.002
central smil
0.023
right-raised
0.007
stack of whi
0.000
purple round
0.000
24 path central smiling face
0.697
top-left thr
0.002
yellow headp
0.003
central smil
0.029
right-raised
0.008
stack of whi
0.000
purple round
0.000
25 path central smiling face
0.753
top-left thr
0.004
yellow headp
0.000
central smil
0.084
right-raised
0.023
stack of whi
0.000
purple round
0.000
26 path top-left three-dot m
0.552
top-left thr
0.000
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
27 path right-raised arm wit
0.709
top-left thr
0.081
yellow headp
0.000
central smil
0.000
right-raised
0.227
stack of whi
0.013
purple round
0.000
28 path right-raised arm wit
0.886
top-left thr
0.005
yellow headp
0.000
central smil
0.000
right-raised
0.037
stack of whi
0.000
purple round
0.000
29 path right-raised arm wit
0.892
top-left thr
0.022
yellow headp
0.000
central smil
0.000
right-raised
0.184
stack of whi
0.000
purple round
0.000
30 path right-raised arm wit
0.897
top-left thr
0.021
yellow headp
0.000
central smil
0.000
right-raised
0.179
stack of whi
0.000
purple round
0.000
31 path top-left three-dot m
0.952
top-left thr
0.006
yellow headp
0.000
central smil
0.000
right-raised
0.000
stack of whi
0.000
purple round
0.000
32 path stack of white paper
0.650
top-left thr
0.042
yellow headp
0.000
central smil
0.000
right-raised
0.016
stack of whi
0.109
purple round
0.001

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="650" viewBox="0 0 900 650"> <!-- Transparent background by default --> <defs> <style> .outline{stroke:#000;stroke-width:6;stroke-linecap:round;stroke-linejoin:round} </style> <!-- Clip everything to the inner screen area so the person appears "inside" the computer --> <clipPath id="screenClip"> <rect x="120" y="90" width="660" height="420" rx="26" ry="26"/> </clipPath> </defs> <!-- STEP-BY-STEP ANALYSIS (as comments) 1) Main object is a computer-like screen frame in light purple with bold black outline. 2) Top-left has three small black dots (window controls). 3) Inside the screen: a cheerful student in flat vector style with bold outlines. - Yellow headphones - Yellow t-shirt - Smiling face - Right hand raised enthusiastically (arm up) 4) Student sits behind a desk surface. 5) On desk: a stack of papers and a pencil. 6) Outside the screen should remain transparent (no background shapes). --> <!-- Screen frame --> <rect x="100" y="70" width="700" height="460" rx="32" ry="32" fill="#D8C8FF" class="outline"/> <!-- Screen inner panel (slightly lighter) --> <rect x="120" y="90" width="660" height="420" rx="26" ry="26" fill="#E9E1FF" class="outline"/> <!-- Window control dots --> <circle cx="155" cy="120" r="7" fill="#000"/> <circle cx="180" cy="120" r="7" fill="#000"/> <circle cx="205" cy="120" r="7" fill="#000"/> <!-- Content clipped to screen --> <g clip-path="url(#screenClip)"> <!-- Desk --> <path d="M120 410 C220 380, 330 370, 450 380 C570 390, 680 385, 780 360 L780 520 L120 520 Z" fill="#FFFFFF" class="outline"/> <!-- Papers stack --> <g> <path d="M190 390 L330 370 L360 455 L220 475 Z" fill="#FFFFFF" class="outline"/> <path d="M205 370 L345 350 L375 435 L235 455 Z" fill="#FFFFFF" class="outline"/> <path d="M220 350 L360 330 L390 415 L250 435 Z" fill="#FFFFFF" class="outline"/> <!-- Paper lines --> <path d="M245 378 L325 364" class="outline" fill="none" stroke-width="4"/> <path d="M255 402 L340 386" class="outline" fill="none" stroke-width="4"/> </g> <!-- Pencil --> <g transform="rotate(-12 520 430)"> <rect x="470" y="420" width="140" height="18" rx="9" fill="#FFD24A" class="outline"/> <rect x="590" y="420" width="20" height="18" rx="4" fill="#FF8BA0" class="outline"/> <path d="M470 420 L450 429 L470 438 Z" fill="#D8B07A" class="outline"/> <path d="M450 429 L442 429 L450 433 Z" fill="#000"/> </g> <!-- Student body (torso) --> <path d="M420 330 C380 335, 345 360, 330 405 C320 435, 330 475, 350 520 L610 520 C630 470, 640 435, 630 405 C615 360, 580 335, 540 330 Z" fill="#FFD24A" class="outline"/> <!-- Neck --> <path d="M455 290 C470 310, 490 312, 505 290 L505 330 C490 340, 470 340, 455 330 Z" fill="#F2B8A0" class="outline"/> <!-- Head --> <ellipse cx="480" cy="240" rx="78" ry="85" fill="#F2B8A0" class="outline"/> <!-- Hair --> <path d="M410 235 C410 175, 450 150, 490 150 C540 150, 570 180, 565 235 C550 215, 530 205, 505 205 C475 205, 450 215, 430 240 C425 245, 418 242, 410 235 Z" fill="#2B1B14" class="outline"/> <!-- Earphones (yellow headphones) --> <!-- Headband --> <path d="M420 235 C420 175, 450 160, 480 160 C520 160, 545 180, 545 235" fill="none" class="outline"/> <path d="M420 235 C420 180, 450 168, 480 168 C515 168, 538 185, 545 235" fill="none" stroke="#FFD24A" stroke-width="14" stroke-linecap="round"/> <!-- Ear pads --> <rect x="395" y="235" width="34" height="62" rx="16" fill="#FFD24A" class="outline"/> <rect x="531" y="235" width="34" height="62" rx="16" fill="#FFD24A" class="outline"/> <!-- Face: eyes and smile --> <path d="M450 245 C442 238, 432 238, 424 245" fill="none" class="outline" stroke-width="5"/> <path d="M536 245 C528 238, 518 238, 510 245" fill="none" class="outline" stroke-width="5"/> <path d="M455 275 C470 295, 490 300, 510 275" fill="none" class="outline" stroke-width="6"/> <!-- Left arm resting --> <path d="M360 370 C330 385, 315 405, 315 425 C315 455, 345 468, 380 458 C400 452, 415 438, 430 420" fill="none" class="outline"/> <path d="M430 420 C420 440, 405 455, 382 462 C345 473, 305 458, 305 425 C305 400, 325 375, 360 360" fill="#F2B8A0" class="outline"/> <!-- Right arm raised --> <path d="M585 360 C635 330, 660 285, 660 235 C660 205, 645 185, 625 175" fill="none" class="outline"/> <path d="M570 365 C625 340, 650 295, 650 240 C650 210, 635 195, 615 185 C600 178, 585 185, 580 200 C575 215, 585 228, 600 235 C610 240, 620 242, 630 240" fill="#F2B8A0" class="outline"/> <!-- Raised hand --> <path d="M608 160 C600 140, 610 125, 630 125 C645 125, 655 138, 650 155 C662 142, 680 148, 680 165 C680 180, 668 190, 655 188 C660 205, 645 218, 628 212 C615 208, 606 195, 610 180 C595 185, 582 175, 588 160 C592 150, 602 148, 608 160 Z" fill="#F2B8A0" class="outline"/> <!-- Shirt collar detail --> <path d="M430 335 C455 360, 505 360, 530 335" fill="none" class="outline" stroke-width="5"/> <!-- Desk edge line for depth --> <path d="M120 410 C220 380, 330 370, 450 380 C570 390, 680 385, 780 360" fill="none" class="outline" stroke-width="6"/> </g> </svg>