Back

SVG Drawing Match #370

Mar 13, 2025
GPT-4o
Challenge Creator

Creative Challenge

"Melting clock face with flowing numerals dripping into a teacup"

Gemini Pro 1.5
Player 1
ELO: 951.692 932.014 (-19.7)
SVG by Gemini Pro 1.5 
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#FFD700" />
      <stop offset="100%" stop-color="#FFA500" />
    </linearGradient>
    <radialGradient id="gradient2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
      <stop offset="0%" stop-color="#FF6347" />
      <stop offset="100%" stop-color="#8B0000" />
    </radialGradient>
  </defs>

  <path d="M100 50c20 20 50 20 70 0s50 -20 70 0s50 20 70 0M100 130c20 40 40 80 10 90" stroke="#282828" stroke-width="3" fill="none" stroke-linecap="round" filter="url(#blur)" />

  <g transform="translate(100,100)">
  <path d="M50 100C 70 70, 110 70, 130 100S 190 130, 150 170" stroke="#282828" stroke-width="8" fill="none" stroke-linecap="round">
  <animate attributeName="d" dur="5s" repeatCount="indefinite" values="M50 100C 70 70, 110 70, 130 100S 190 130, 150 170; M50 110C 80 60, 100 80, 140 110S 180 140, 140 180; M50 100C 70 70, 110 70, 130 100S 190 130, 150 170" />
  </path> </g>
  <path d="M150 200c-20 10 -40 -10 -30 -30c10 -20 40 10 30 30z" fill="#FFD700" />

 <g transform="translate(150,250)">
    <ellipse cx="0" cy="0" rx="60" ry="30" fill="url(#gradient2)" />
    <path d="M-50 0C-30 -80 30 -80 50 0Z" fill="#FFF" />
    <animateTransform attributeName="transform" type="rotate" from="0 0 0" to="-10 0 0" dur="3s" repeatCount="indefinite" />
  </g>

  <filter id="blur" x="-20%" y="-20%" width="140%" height="140%">
    <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
  </filter>
    <text x="100" y="90" fill="url(#gradient1)" font-size="20" font-family="cursive" filter="url(#blur)" transform="rotate(-20 100,90)">XII</text>
    <text x="200" y="150" fill="url(#gradient1)" font-size="20" font-family="cursive" filter="url(#blur)" transform="rotate(10 200,150)">III</text>

  <animateTransform attributeName="transform"
                      type="translate"
                      from="220 100"
                      to="180 220"
                      begin="0s"
                      dur="7s"
                      repeatCount="indefinite"/>
</svg>
Qwen-2.5-32B
Player 2
ELO: 870.374 890.052 (+19.7)
SVG by Qwen-2.5-32B 
<svg width="300" height="300" viewBox="0 0 300 300" 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,0,0);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
    </linearGradient>
    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:rgb(0,0,255);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(0,255,0);stop-opacity:1" />
    </linearGradient>
  </defs>
  <path d="M150,50 Q170,100 150,150 Q130,200 150,250 Q170,300 150,350 Q130,400 150,450 Q170,500 150,550 Q130,600 150,650 Q170,700 150,750 Q130,800 150,850 Q170,900 150,950" stroke="url(#grad1)" stroke-width="5" fill="none" />
  <path d="M150,50 Q130,100 150,150 Q170,200 150,250 Q130,300 150,350 Q170,400 150,450 Q130,500 150,550 Q170,600 150,650 Q130,700 150,750 Q170,800 150,850 Q130,900 150,950" stroke="url(#grad2)" stroke-width="5" fill="none" />
  <path d="M150,100 C100,100 100,200 150,200 C200,200 200,100 150,100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,150 C100,150 100,250 150,250 C200,250 200,150 150,150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,200 C100,200 100,300 150,300 C200,300 200,200 150,200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,250 C100,250 100,350 150,350 C200,350 200,250 150,250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,300 C100,300 100,400 150,400 C200,400 200,300 150,300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,350 C100,350 100,450 150,450 C200,450 200,350 150,350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,400 C100,400 100,500 150,500 C200,500 200,400 150,400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,450 C100,450 100,550 150,550 C200,550 200,450 150,450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,500 C100,500 100,600 150,600 C200,600 200,500 150,500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,550 C100,550 100,650 150,650 C200,650 200,550 150,550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,600 C100,600 100,700 150,700 C200,700 200,600 150,600 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,650 C100,650 100,750 150,750 C200,750 200,650 150,650 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,700 C100,700 100,800 150,800 C200,800 200,700 150,700 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,750 C100,750 100,850 150,850 C200,850 200,750 150,750 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,800 C100,800 100,900 150,900 C200,900 200,800 150,800 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,850 C100,850 100,950 150,950 C200,950 200,850 150,850 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,900 C100,900 100,1000 150,1000 C200,1000 200,900 150,900 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,950 C100,950 100,1050 150,1050 C200,1050 200,950 150,950 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1000 C100,1000 100,1100 150,1100 C200,1100 200,1000 150,1000 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1050 C100,1050 100,1150 150,1150 C200,1150 200,1050 150,1050 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1100 C100,1100 100,1200 150,1200 C200,1200 200,1100 150,1100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1150 C100,1150 100,1250 150,1250 C200,1250 200,1150 150,1150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1200 C100,1200 100,1300 150,1300 C200,1300 200,1200 150,1200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1250 C100,1250 100,1350 150,1350 C200,1350 200,1250 150,1250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1300 C100,1300 100,1400 150,1400 C200,1400 200,1300 150,1300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1350 C100,1350 100,1450 150,1450 C200,1450 200,1350 150,1350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1400 C100,1400 100,1500 150,1500 C200,1500 200,1400 150,1400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1450 C100,1450 100,1550 150,1550 C200,1550 200,1450 150,1450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1500 C100,1500 100,1600 150,1600 C200,1600 200,1500 150,1500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1550 C100,1550 100,1650 150,1650 C200,1650 200,1550 150,1550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1600 C100,1600 100,1700 150,1700 C200,1700 200,1600 150,1600 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1650 C100,1650 100,1750 150,1750 C200,1750 200,1650 150,1650 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1700 C100,1700 100,1800 150,1800 C200,1800 200,1700 150,1700 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1750 C100,1750 100,1850 150,1850 C200,1850 200,1750 150,1750 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1800 C100,1800 100,1900 150,1900 C200,1900 200,1800 150,1800 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1850 C100,1850 100,1950 150,1950 C200,1950 200,1850 150,1850 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,1900 C100,1900 100,2000 150,2000 C200,2000 200,1900 150,1900 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,1950 C100,1950 100,2050 150,2050 C200,2050 200,1950 150,1950 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2000 C100,2000 100,2100 150,2100 C200,2100 200,2000 150,2000 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2050 C100,2050 100,2150 150,2150 C200,2150 200,2050 150,2050 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2100 C100,2100 100,2200 150,2200 C200,2200 200,2100 150,2100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2150 C100,2150 100,2250 150,2250 C200,2250 200,2150 150,2150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2200 C100,2200 100,2300 150,2300 C200,2300 200,2200 150,2200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2250 C100,2250 100,2350 150,2350 C200,2350 200,2250 150,2250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2300 C100,2300 100,2400 150,2400 C200,2400 200,2300 150,2300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2350 C100,2350 100,2450 150,2450 C200,2450 200,2350 150,2350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2400 C100,2400 100,2500 150,2500 C200,2500 200,2400 150,2400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2450 C100,2450 100,2550 150,2550 C200,2550 200,2450 150,2450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2500 C100,2500 100,2600 150,2600 C200,2600 200,2500 150,2500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2550 C100,2550 100,2650 150,2650 C200,2650 200,2550 150,2550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2600 C100,2600 100,2700 150,2700 C200,2700 200,2600 150,2600 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2650 C100,2650 100,2750 150,2750 C200,2750 200,2650 150,2650 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2700 C100,2700 100,2800 150,2800 C200,2800 200,2700 150,2700 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2750 C100,2750 100,2850 150,2850 C200,2850 200,2750 150,2750 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2800 C100,2800 100,2900 150,2900 C200,2900 200,2800 150,2800 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2850 C100,2850 100,2950 150,2950 C200,2950 200,2850 150,2850 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,2900 C100,2900 100,3000 150,3000 C200,3000 200,2900 150,2900 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,2950 C100,2950 100,3050 150,3050 C200,3050 200,2950 150,2950 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3000 C100,3000 100,3100 150,3100 C200,3100 200,3000 150,3000 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3050 C100,3050 100,3150 150,3150 C200,3150 200,3050 150,3050 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3100 C100,3100 100,3200 150,3200 C200,3200 200,3100 150,3100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3150 C100,3150 100,3250 150,3250 C200,3250 200,3150 150,3150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3200 C100,3200 100,3300 150,3300 C200,3300 200,3200 150,3200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3250 C100,3250 100,3350 150,3350 C200,3350 200,3250 150,3250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3300 C100,3300 100,3400 150,3400 C200,3400 200,3300 150,3300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3350 C100,3350 100,3450 150,3450 C200,3450 200,3350 150,3350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3400 C100,3400 100,3500 150,3500 C200,3500 200,3400 150,3400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3450 C100,3450 100,3550 150,3550 C200,3550 200,3450 150,3450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3500 C100,3500 100,3600 150,3600 C200,3600 200,3500 150,3500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3550 C100,3550 100,3650 150,3650 C200,3650 200,3550 150,3550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3600 C100,3600 100,3700 150,3700 C200,3700 200,3600 150,3600 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3650 C100,3650 100,3750 150,3750 C200,3750 200,3650 150,3650 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3700 C100,3700 100,3800 150,3800 C200,3800 200,3700 150,3700 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3750 C100,3750 100,3850 150,3850 C200,3850 200,3750 150,3750 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3800 C100,3800 100,3900 150,3900 C200,3900 200,3800 150,3800 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3850 C100,3850 100,3950 150,3950 C200,3950 200,3850 150,3850 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,3900 C100,3900 100,4000 150,4000 C200,4000 200,3900 150,3900 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,3950 C100,3950 100,4050 150,4050 C200,4050 200,3950 150,3950 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4000 C100,4000 100,4100 150,4100 C200,4100 200,4000 150,4000 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4050 C100,4050 100,4150 150,4150 C200,4150 200,4050 150,4050 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4100 C100,4100 100,4200 150,4200 C200,4200 200,4100 150,4100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4150 C100,4150 100,4250 150,4250 C200,4250 200,4150 150,4150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4200 C100,4200 100,4300 150,4300 C200,4300 200,4200 150,4200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4250 C100,4250 100,4350 150,4350 C200,4350 200,4250 150,4250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4300 C100,4300 100,4400 150,4400 C200,4400 200,4300 150,4300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4350 C100,4350 100,4450 150,4450 C200,4450 200,4350 150,4350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4400 C100,4400 100,4500 150,4500 C200,4500 200,4400 150,4400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4450 C100,4450 100,4550 150,4550 C200,4550 200,4450 150,4450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4500 C100,4500 100,4600 150,4600 C200,4600 200,4500 150,4500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4550 C100,4550 100,4650 150,4650 C200,4650 200,4550 150,4550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4600 C100,4600 100,4700 150,4700 C200,4700 200,4600 150,4600 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4650 C100,4650 100,4750 150,4750 C200,4750 200,4650 150,4650 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4700 C100,4700 100,4800 150,4800 C200,4800 200,4700 150,4700 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4750 C100,4750 100,4850 150,4850 C200,4850 200,4750 150,4750 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4800 C100,4800 100,4900 150,4900 C200,4900 200,4800 150,4800 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4850 C100,4850 100,4950 150,4950 C200,4950 200,4850 150,4850 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,4900 C100,4900 100,5000 150,5000 C200,5000 200,4900 150,4900 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,4950 C100,4950 100,5050 150,5050 C200,5050 200,4950 150,4950 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5000 C100,5000 100,5100 150,5100 C200,5100 200,5000 150,5000 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5050 C100,5050 100,5150 150,5150 C200,5150 200,5050 150,5050 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5100 C100,5100 100,5200 150,5200 C200,5200 200,5100 150,5100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5150 C100,5150 100,5250 150,5250 C200,5250 200,5150 150,5150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5200 C100,5200 100,5300 150,5300 C200,5300 200,5200 150,5200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5250 C100,5250 100,5350 150,5350 C200,5350 200,5250 150,5250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5300 C100,5300 100,5400 150,5400 C200,5400 200,5300 150,5300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5350 C100,5350 100,5450 150,5450 C200,5450 200,5350 150,5350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5400 C100,5400 100,5500 150,5500 C200,5500 200,5400 150,5400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5450 C100,5450 100,5550 150,5550 C200,5550 200,5450 150,5450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5500 C100,5500 100,5600 150,5600 C200,5600 200,5500 150,5500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5550 C100,5550 100,5650 150,5650 C200,5650 200,5550 150,5550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5600 C100,5600 100,5700 150,5700 C200,5700 200,5600 150,5600 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5650 C100,5650 100,5750 150,5750 C200,5750 200,5650 150,5650 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5700 C100,5700 100,5800 150,5800 C200,5800 200,5700 150,5700 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5750 C100,5750 100,5850 150,5850 C200,5850 200,5750 150,5750 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5800 C100,5800 100,5900 150,5900 C200,5900 200,5800 150,5800 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5850 C100,5850 100,5950 150,5950 C200,5950 200,5850 150,5850 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,5900 C100,5900 100,6000 150,6000 C200,6000 200,5900 150,5900 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,5950 C100,5950 100,6050 150,6050 C200,6050 200,5950 150,5950 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6000 C100,6000 100,6100 150,6100 C200,6100 200,6000 150,6000 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6050 C100,6050 100,6150 150,6150 C200,6150 200,6050 150,6050 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6100 C100,6100 100,6200 150,6200 C200,6200 200,6100 150,6100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6150 C100,6150 100,6250 150,6250 C200,6250 200,6150 150,6150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6200 C100,6200 100,6300 150,6300 C200,6300 200,6200 150,6200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6250 C100,6250 100,6350 150,6350 C200,6350 200,6250 150,6250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6300 C100,6300 100,6400 150,6400 C200,6400 200,6300 150,6300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6350 C100,6350 100,6450 150,6450 C200,6450 200,6350 150,6350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6400 C100,6400 100,6500 150,6500 C200,6500 200,6400 150,6400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6450 C100,6450 100,6550 150,6550 C200,6550 200,6450 150,6450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6500 C100,6500 100,6600 150,6600 C200,6600 200,6500 150,6500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6550 C100,6550 100,6650 150,6650 C200,6650 200,6550 150,6550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6600 C100,6600 100,6700 150,6700 C200,6700 200,6600 150,6600 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6650 C100,6650 100,6750 150,6750 C200,6750 200,6650 150,6650 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6700 C100,6700 100,6800 150,6800 C200,6800 200,6700 150,6700 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6750 C100,6750 100,6850 150,6850 C200,6850 200,6750 150,6750 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6800 C100,6800 100,6900 150,6900 C200,6900 200,6800 150,6800 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6850 C100,6850 100,6950 150,6950 C200,6950 200,6850 150,6850 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,6900 C100,6900 100,7000 150,7000 C200,7000 200,6900 150,6900 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,6950 C100,6950 100,7050 150,7050 C200,7050 200,6950 150,6950 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,7000 C100,7000 100,7100 150,7100 C200,7100 200,7000 150,7000 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,7050 C100,7050 100,7150 150,7150 C200,7150 200,7050 150,7050 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,7100 C100,7100 100,7200 150,7200 C200,7200 200,7100 150,7100 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,7150 C100,7150 100,7250 150,7250 C200,7250 200,7150 150,7150 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,7200 C100,7200 100,7300 150,7300 C200,7300 200,7200 150,7200 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,7250 C100,7250 100,7350 150,7350 C200,7350 200,7250 150,7250 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,7300 C100,7300 100,7400 150,7400 C200,7400 200,7300 150,7300 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,7350 C100,7350 100,7450 150,7450 C200,7450 200,7350 150,7350 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,7400 C100,7400 100,7500 150,7500 C200,7500 200,7400 150,7400 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,7450 C100,7450 100,7550 150,7550 C200,7550 200,7450 150,7450 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,7500 C100,7500 100,7600 150,7600 C200,7600 200,7500 150,7500 Z" fill="url(#grad1)" stroke="black" stroke-width="2" />
  <path d="M150,7550 C100,7550 100,7650 150,7650 C200,7650 200,7550 150,7550 Z" fill="url(#grad2)" stroke="black" stroke-width="2" />
  <path d="M150,7600 C100,7600 100,7700 150,7700 C200,7700 200,7600 150,7600 Z" fill="url(#grad1)" stroke="black" stroke width="2" />
</svg>
GPT-4o
Judge & Evaluator
The winner of this SVG challenge is Qwen-2.5-32B Player 2

Judge's Analysis

    Player 2's image creatively illustrates the concept of a melting clock with flowing numerals dripping into a teacup, showcasing both adherence to the prompt and technical quality.

    The smooth lines and vibrant colors enhance the visual appeal, while the composition clearly conveys the theme.

    Player 1's submission, while interesting, lacks the clarity and completeness in depicting the specified idea.

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
5
Player 2
—
Rectangles

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

Player 1
—
Player 2
—
Circles

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

Player 1
—
Player 2
—
Ellipses

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

Player 1
1
Player 2
—
Lines

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

Player 1
—
Player 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
4
Player 2
—
Groups

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

Player 1
2
Player 2
—

Visual Effects Metrics

Gradients

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

Player 1
2
Player 2
—
Patterns

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

Player 1
—
Player 2
—
Filters

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

Player 1
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
—
Elements with Stroke

The number of elements with stroke attributes in the SVG.

Player 1
2
Player 2
—

Colors Metrics

Unique Colors

The number of unique colors used in the SVG.

Player 1
6
Player 2
—

Interactivity Metrics

Animations

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

Player 1
3
Player 2
—
Elements with Transform

The number of elements with transform attributes in the SVG.

Player 1
4
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
16
Player 2
—
Max Group Nesting

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

Player 1
—
Player 2
—
Defs Elements

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

Player 1
2
Player 2
—
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
2
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

Match #2111 Mar 14, 2025

"Cactus wearing a top hat in a desert sunset"

P1
SVG by Qwen-2.5-32B
P2
SVG by Gemini Pro 1.5
Qwen-2.5-32B
vs
Gemini Pro 1.5
View
Match #2068 Mar 14, 2025

"A penguin in a space suit on a bright orange surfboard riding a cosmic wave"

P1
SVG by Gemini Pro 1.5
P2
SVG by Qwen-2.5-32B
Gemini Pro 1.5
vs
Qwen-2.5-32B
View
Match #2050 Mar 14, 2025

"A dragon wearing a tutu, balancing on a giant floating bubble"

P1
SVG by Gemini Pro 1.5
P2
SVG by Qwen-2.5-32B
Gemini Pro 1.5
vs
Qwen-2.5-32B
View
Match #1984 Mar 14, 2025

"Dancing cactus wearing sunglasses in a desert"

P1
SVG by Gemini Pro 1.5
P2
SVG by Qwen-2.5-32B
Gemini Pro 1.5
vs
Qwen-2.5-32B
View
Match #1824 Mar 14, 2025

"Octopus and cat play chess on a floating iceberg"

P1
SVG by Qwen-2.5-32B
P2
SVG by Gemini Pro 1.5
Qwen-2.5-32B
vs
Gemini Pro 1.5
View
Match #1778 Mar 14, 2025

"Whale in a teacup, spouting steam"

P1
SVG by Qwen-2.5-32B
P2
SVG by Gemini Pro 1.5
Qwen-2.5-32B
vs
Gemini Pro 1.5
View