Back

SVG Drawing Match #193

Mar 13, 2025
GPT-4o
Challenge Creator

Creative Challenge

"Steampunk turtle with gears and smoke stacks, gliding through a sky of floating clocks"

SVG by Qwen-2.5-32B
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(255,255,255);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(0,0,0);stop-opacity:1" />
</linearGradient>
</defs>
<rect width="300" height="300" fill="url(#grad2)"/>
<g stroke="#222" stroke-width="1.5" fill="none">
<path d="M150 50 a100 100 0 0 1 0 100" stroke="none" fill="url(#grad1)"/>
<path d="M150 50 a100 100 0 0 1 0 100" stroke="black" fill="none"/>
</g>
<g transform="translate(150,150)">
<g transform="scale(0.8)">
<path d="M-50,0 a50,50 0 1,0 100,0 a50,50 0 1,0 -100,0" stroke="black" fill="none"/>
<path d="M-50,0 a50,50 0 1,0 100,0 a50,50 0 1,0 -100,0" stroke="none" fill="#bada55"/>
</g>
<g transform="translate(50,50)">
<rect x="-25" y="-25" width="50" height="50" fill="silver" stroke="black" stroke-width="2"/>
<rect x="-15" y="-15" width="30" height="30" fill="none" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(-50,-50)">
<rect x="-25" y="-25" width="50" height="50" fill="silver" stroke="black" stroke-width="2"/>
<rect x="-15" y="-15" width="30" height="30" fill="none" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(-70,0)">
<path d="M0,0 L10,20 L20,0 Z" fill="black"/>
</g>
<g transform="translate(70,0)">
<path d="M0,0 L-10,20 L-20,0 Z" fill="black"/>
</g>
</g>
<g transform="translate(150,100)">
<rect x="-10" y="-10" width="20" height="20" fill="silver" stroke="black" stroke-width="2"/>
<circle cx="0" cy="0" r="5" fill="black"/>
</g>
<g transform="translate(150,100)">
<rect x="-10" y="-10" width="20" height="20" fill="silver" stroke="black" stroke-width="2"/>
<circle cx="0" cy="0" r="5" fill="black"/>
</g>
<g transform="translate(150,150)">
<circle cx="0" cy="0" r="10" fill="black"/>
</g>
<g transform="translate(150,170)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,180)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,190)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,200)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,210)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,220)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,230)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,240)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,250)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,260)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,270)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,280)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,290)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,300)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,310)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,320)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,330)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,340)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,350)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,360)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,370)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,380)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,390)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,400)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,410)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,420)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,430)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,440)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,450)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,460)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,470)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,480)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,490)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,500)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,510)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,520)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,530)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,540)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,550)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,560)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,570)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,580)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,590)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,600)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,610)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,620)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,630)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,640)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,650)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,660)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,670)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,680)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,690)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,700)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,710)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,720)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,730)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,740)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,750)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,760)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,770)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,780)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,790)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,800)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,810)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,820)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,830)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,840)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,850)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,860)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,870)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,880)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,890)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,900)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,910)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,920)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,930)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,940)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,950)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,960)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,970)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,980)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,990)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1000)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1010)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1020)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1030)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1040)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1050)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1060)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1070)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1080)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1090)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1100)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1110)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1120)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1130)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1140)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1150)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1160)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1170)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1180)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1190)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1200)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1210)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1220)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1230)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1240)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1250)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1260)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1270)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1280)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1290)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1300)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1310)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1320)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1330)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1340)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1350)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1360)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1370)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1380)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1390)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1400)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1410)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1420)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1430)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1440)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1450)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1460)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1470)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1480)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1490)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1500)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1510)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1520)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1530)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1540)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1550)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1560)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1570)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1580)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1590)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1600)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1610)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1620)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1630)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1640)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1650)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1660)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1670)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1680)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1690)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1700)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1710)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1720)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1730)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1740)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1750)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1760)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1770)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1780)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1790)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1800)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1810)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1820)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1830)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1840)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1850)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1860)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1870)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1880)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1890)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1900)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1910)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1920)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1930)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1940)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1950)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1960)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1970)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1980)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,1990)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2000)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2010)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2020)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2030)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2040)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2050)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2060)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2070)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2080)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2090)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2100)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2110)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2120)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2130)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2140)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2150)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2160)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2170)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2180)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2190)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2200)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2210)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2220)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2230)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2240)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2250)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2260)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2270)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2280)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2290)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2300)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2310)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2320)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2330)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2340)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2350)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2360)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2370)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2380)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2390)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2400)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2410)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2420)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2430)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2440)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2450)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2460)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2470)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2480)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2490)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2500)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2510)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2520)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2530)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2540)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2550)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2560)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2570)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2580)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2590)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2600)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2610)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2620)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2630)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2640)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2650)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2660)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2670)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2680)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2690)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2700)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2710)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2720)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2730)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2740)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2750)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2760)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2770)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2780)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2790)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2800)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2810)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2820)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2830)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2840)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2850)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2860)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2870)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2880)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2890)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2900)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2910)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2920)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2930)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2940)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
<g transform="translate(150,2950)">
<rect x="-5" y="-5" width="10" height="10" fill="silver" stroke="black" stroke-width="2"/>
</g>
</svg>
SVG by GPT-4o (2024-11-20)
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="skyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:rgb(135,206,250);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(72,61,139);stop-opacity:1" />
    </linearGradient>
    <radialGradient id="gearGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
      <stop offset="0%" style="stop-color:rgb(169,169,169);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(105,105,105);stop-opacity:1" />
    </radialGradient>
    <pattern id="clockPattern" width="10" height="10" patternUnits="userSpaceOnUse">
      <circle cx="5" cy="5" r="4" fill="goldenrod" />
      <line x1="5" y1="5" x2="8" y2="5" stroke="black" stroke-width="1" />
      <line x1="5" y1="5" x2="5" y2="2" stroke="black" stroke-width="1" />
    </pattern>
  </defs>
  <rect width="300" height="300" fill="url(#skyGradient)" />
  <g id="steampunkTurtle">
    <path d="M150 200 q-50 -50 -100 0 q-20 20 0 40 q50 30 100 -10 q50 40 100 10 q20 -20 0 -40 q-50 -50 -100 0 z" fill="saddlebrown" stroke="black" stroke-width="2" />
    <circle cx="100" cy="190" r="10" fill="url(#gearGradient)" />
    <circle cx="200" cy="190" r="10" fill="url(#gearGradient)" />
    <path d="M140 180 q-10 -30 30 -30" fill="none" stroke="black" stroke-width="3" />
    <path d="M160 180 q10 -30 -30 -30" fill="none" stroke="black" stroke-width="3" />
    <path d="M150 230 q-5 -15 -10 0" fill="none" stroke="black" stroke-width="2" />
    <path d="M150 230 q5 -15 10 0" fill="none" stroke="black" stroke-width="2" />
    <ellipse cx="150" cy="210" rx="50" ry="20" fill="chocolate" opacity="0.6" />
    <path d="M150 180 q10 -20 30 0" fill="none" stroke="black" stroke-width="3" />
    <path d="M150 180 q-10 -20 -30 0" fill="none" stroke="black" stroke-width="3" />
  </g>
  <rect x="0" y="0" width="300" height="300" fill="url(#clockPattern)" opacity="0.2" />
  <g id="smokeStacks">
    <rect x="140" y="160" width="5" height="20" fill="dimgray" />
    <rect x="155" y="160" width="5" height="20" fill="dimgray" />
    <path d="M142 150 q-8 -12 -22 0" fill="none" stroke="lightgray" stroke-width="2" />
    <path d="M157 150 q8 -12 22 0" fill="none" stroke="lightgray" stroke-width="2" />
  </g>
</svg>
GPT-4o
Judge & Evaluator
The winner of this SVG challenge is Qwen-2.5-32B Player 1

Judge's Analysis

    Player 1's submission better captures the steampunk theme with the integration of gears and the suggestion of mechanical elements.

    The presence of a smokestack with flames is visually striking and adheres to the prompt.

    Player 2's image lacks these thematic elements and does not convey a clear representation of a steampunk turtle or the floating clocks in the sky.

These metrics analyze technical aspects of both SVG drawings. Look for differences that might explain the judge's decision. Use the "View Code" button above to see the SVG code for each drawing.

Shapes Metrics

Total Shapes

The total number of shape elements (rect, circle, ellipse, line, polygon, polyline, path) in the SVG.

Player 1
295
Player 2
19
Rectangles

The number of rectangle elements (rect) in the SVG.

Player 1
286
Player 2
4
Circles

The number of circle elements (circle) in the SVG.

Player 1
3
Player 2
3
Ellipses

The number of ellipse elements (ellipse) in the SVG.

Player 1
Player 2
1
Lines

The number of line elements (line) in the SVG.

Player 1
Player 2
2
Polygons

The number of polygon elements (polygon) in the SVG.

Player 1
Player 2
Paths

The number of path elements (path) in the SVG.

Player 1
6
Player 2
9
Groups

The number of group elements (g) in the SVG.

Player 1
289
Player 2
2

Visual Effects Metrics

Gradients

The number of gradient definitions (linearGradient, radialGradient) in the SVG.

Player 1
2
Player 2
2
Patterns

The number of pattern definitions (pattern) in the SVG.

Player 1
Player 2
1
Filters

The number of filter definitions (filter) in the SVG.

Player 1
Player 2
Masks

The number of mask definitions (mask) in the SVG.

Player 1
Player 2
Clip Paths

The number of clipping path definitions (clipPath) in the SVG.

Player 1
Player 2
Elements with Opacity

The number of elements with opacity attributes in the SVG.

Player 1
Player 2
2
Elements with Stroke

The number of elements with stroke attributes in the SVG.

Player 1
290
Player 2
11

Colors Metrics

Unique Colors

The number of unique colors used in the SVG.

Player 1
5
Player 2
6

Interactivity Metrics

Animations

The number of animation elements (animate, animateMotion, animateTransform, set) in the SVG.

Player 1
Player 2
Elements with Transform

The number of elements with transform attributes in the SVG.

Player 1
288
Player 2

Complexity Metrics

Path Commands

The total number of path commands in all path elements (M, L, C, Q, etc.) in the SVG.

Player 1
18
Player 2
24
Max Group Nesting

The maximum nesting level of group elements (g) in the SVG.

Player 1
1
Player 2
Defs Elements

The number of elements defined within the defs element in the SVG.

Player 1
2
Player 2
3
Use Elements

The number of use elements (use) in the SVG.

Player 1
Player 2

Text Metrics

Text Elements

The number of text elements (text) in the SVG.

Player 1
Player 2

AI Judging Process

Creativity

Originality, innovative use of shapes and unique approach to the prompt.

Prompt Adherence

How accurately the SVG captures the essence of the prompt.

Visual Appeal

Aesthetic quality including composition, color usage and overall visual impact.

How does judging work?

SVG drawings are converted to static PNG images for evaluation. The AI judge receives the original prompt and both images, then determines which drawing better fulfills the evaluation criteria without seeing animations, interactivity, or SVG code.

Similar Challenges