Back

SVG Drawing Match #2198

Mar 14, 2025
GPT-4o
Challenge Creator

Creative Challenge

"Flying cat with fish wings over a city skyline"

Claude 3.7 Sonnet (2025-02-19)
Player 1
ELO: 1,304.096 1,306.49 (+2.4)
SVG by Claude 3.7 Sonnet (2025-02-19) 
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#1a237e" />
      <stop offset="40%" stop-color="#5c6bc0" />
      <stop offset="70%" stop-color="#ff9800" />
      <stop offset="100%" stop-color="#ff5722" />
    </linearGradient>
    
    <linearGradient id="catGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#616161" />
      <stop offset="100%" stop-color="#212121" />
    </linearGradient>
    
    <linearGradient id="fishWingGradient1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#4fc3f7" />
      <stop offset="50%" stop-color="#29b6f6" />
      <stop offset="100%" stop-color="#0288d1" />
    </linearGradient>
    
    <linearGradient id="fishWingGradient2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#80deea" />
      <stop offset="50%" stop-color="#4dd0e1" />
      <stop offset="100%" stop-color="#00acc1" />
    </linearGradient>
    
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="3" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
    
    <pattern id="windowPattern" x="0" y="0" width="8" height="8" patternUnits="userSpaceOnUse">
      <rect x="0" y="0" width="4" height="4" fill="#ffeb3b" opacity="0.8" />
      <rect x="4" y="4" width="4" height="4" fill="#ffeb3b" opacity="0.8" />
    </pattern>
  </defs>
  
  <!-- Sky background -->
  <rect x="0" y="0" width="300" height="300" fill="url(#skyGradient)" />
  
  <!-- Stars -->
  <g>
    <circle cx="30" cy="25" r="1.5" fill="white" opacity="0.8" />
    <circle cx="130" cy="15" r="1" fill="white" opacity="0.7" />
    <circle cx="230" cy="45" r="1.2" fill="white" opacity="0.9" />
    <circle cx="60" cy="55" r="1.3" fill="white" opacity="0.7" />
    <circle cx="270" cy="25" r="1" fill="white" opacity="0.8" />
    <circle cx="190" cy="10" r="1.5" fill="white" opacity="0.9" />
    <circle cx="10" cy="80" r="1" fill="white" opacity="0.7" />
    <circle cx="170" cy="30" r="1.2" fill="white" opacity="0.8" />
    <circle cx="90" cy="20" r="1.1" fill="white" opacity="0.7" />
  </g>
  
  <!-- City skyline -->
  <g>
    <rect x="10" y="210" width="30" height="90" fill="#263238" />
    <rect x="40" y="180" width="25" height="120" fill="#37474f" />
    <rect x="65" y="220" width="35" height="80" fill="#263238" />
    <rect x="100" y="190" width="20" height="110" fill="#37474f" />
    <rect x="120" y="160" width="40" height="140" fill="#263238" />
    <rect x="160" y="200" width="30" height="100" fill="#37474f" />
    <rect x="190" y="170" width="45" height="130" fill="#263238" />
    <rect x="235" y="210" width="25" height="90" fill="#37474f" />
    <rect x="260" y="190" width="30" height="110" fill="#263238" />
    
    <!-- Windows -->
    <g>
      <rect x="15" y="220" width="20" height="70" fill="url(#windowPattern)" />
      <rect x="45" y="190" width="15" height="100" fill="url(#windowPattern)" />
      <rect x="70" y="230" width="25" height="60" fill="url(#windowPattern)" />
      <rect x="105" y="200" width="10" height="90" fill="url(#windowPattern)" />
      <rect x="130" y="170" width="20" height="120" fill="url(#windowPattern)" />
      <rect x="165" y="210" width="20" height="80" fill="url(#windowPattern)" />
      <rect x="200" y="180" width="25" height="110" fill="url(#windowPattern)" />
      <rect x="240" y="220" width="15" height="70" fill="url(#windowPattern)" />
      <rect x="265" y="200" width="20" height="90" fill="url(#windowPattern)" />
    </g>
  </g>
  
  <!-- Flying cat with fish wings -->
  <g transform="translate(150, 120)">
    <!-- Left fish wing -->
    <g transform="rotate(-10)">
      <path d="M-60,0 C-90,-40 -110,-10 -120,20 C-110,0 -90,-10 -60,0 Z" fill="url(#fishWingGradient1)" />
      <path d="M-60,0 C-85,-20 -95,10 -100,30 C-95,15 -85,10 -60,0 Z" fill="url(#fishWingGradient2)" />
      <ellipse cx="-90" cy="10" rx="3" ry="5" fill="#b3e5fc" />
      <circle cx="-105" cy="22" r="1.5" fill="white" />
      <path d="M-120,20 L-125,30 L-115,28 Z" fill="#b3e5fc" />
    </g>
    
    <!-- Right fish wing -->
    <g transform="rotate(10) scale(-1, 1)">
      <path d="M-60,0 C-90,-40 -110,-10 -120,20 C-110,0 -90,-10 -60,0 Z" fill="url(#fishWingGradient1)" />
      <path d="M-60,0 C-85,-20 -95,10 -100,30 C-95,15 -85,10 -60,0 Z" fill="url(#fishWingGradient2)" />
      <ellipse cx="-90" cy="10" rx="3" ry="5" fill="#b3e5fc" />
      <circle cx="-105" cy="22" r="1.5" fill="white" />
      <path d="M-120,20 L-125,30 L-115,28 Z" fill="#b3e5fc" />
    </g>
    
    <!-- Cat body -->
    <ellipse cx="0" cy="0" rx="30" ry="20" fill="url(#catGradient)" />
    
    <!-- Cat head -->
    <circle cx="25" cy="-5" r="18" fill="url(#catGradient)" />
    
    <!-- Cat ears -->
    <path d="M15,-18 L25,-30 L35,-18 Z" fill="url(#catGradient)" />
    <path d="M35,-15 L45,-25 L40,-10 Z" fill="url(#catGradient)" />
    <path d="M18,-17 L25,-26 L32,-17 Z" fill="#ff9e80" opacity="0.7" />
    <path d="M37,-14 L44,-22 L40,-12 Z" fill="#ff9e80" opacity="0.7" />
    
    <!-- Cat face -->
    <circle cx="30" cy="-8" r="2" fill="#ffd54f" />
    <circle cx="20" cy="-8" r="2" fill="#ffd54f" />
    <ellipse cx="25" cy="-3" rx="1.5" ry="1" fill="#ffecb3" />
    <path d="M22,-3 C24,1 26,1 28,-3" fill="none" stroke="#3e2723" stroke-width="0.8" />
    <path d="M15,-8 L8,-12 M35,-8 L42,-12" fill="none" stroke="#3e2723" stroke-width="0.8" />
    
    <!-- Whiskers -->
    <path d="M20,0 L5,2 M20,2 L8,7 M30,0 L45,2 M30,2 L42,7" fill="none" stroke="#bdbdbd" stroke-width="0.8" />
    
    <!-- Cat tail -->
    <path d="M-25,5 C-35,0 -40,15 -30,20 C-35,25 -25,30 -15,20" fill="none" stroke="url(#catGradient)" stroke-width="5" stroke-linecap="round" />
    
    <!-- Fish scales on wings -->
    <g opacity="0.7">
      <path d="M-70,-5 C-72,-8 -75,-8 -77,-5 C-75,-2 -72,-2 -70,-5 Z" fill="white" />
      <path d="M-80,5 C-82,2 -85,2 -87,5 C-85,8 -82,8 -80,5 Z" fill="white" />
      <path d="M-90,15 C-92,12 -95,12 -97,15 C-95,18 -92,18 -90,15 Z" fill="white" />
      <path d="M70,-5 C72,-8 75,-8 77,-5 C75,-2 72,-2 70,-5 Z" fill="white" />
      <path d="M80,5 C82,2 85,2 87,5 C85,8 82,8 80,5 Z" fill="white" />
      <path d="M90,15 C92,12 95,12 97,15 C95,18 92,18 90,15 Z" fill="white" />
    </g>
    
    <!-- Glowing effect -->
    <ellipse cx="0" cy="0" rx="100" ry="40" fill="none" stroke="#ff9800" stroke-width="1" opacity="0.3" filter="url(#glow)" />
  </g>
  
  <!-- Moon -->
  <circle cx="250" cy="50" r="20" fill="#ffeb3b" opacity="0.8" filter="url(#glow)" />
  <circle cx="240" cy="45" r="5" fill="#fff9c4" opacity="0.6" />
  
  <!-- Subtle clouds -->
  <path d="M50,100 C70,90 90,110 110,100 C130,90 150,110 170,100 C150,115 130,95 110,105 C90,115 70,95 50,100 Z" fill="white" opacity="0.2" />
  <path d="M200,80 C220,70 240,90 260,80 C280,70 300,90 320,80 C300,95 280,75 260,85 C240,95 220,75 200,80 Z" fill="white" opacity="0.2" />
</svg>
DeepSeek V3
Player 2
ELO: 867.124 864.731 (-2.4)
SVG by DeepSeek V3 
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="skyGradient" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#001f3f"/>
      <stop offset="100%" stop-color="#0066cc"/>
    </linearGradient>
    <linearGradient id="catGradient" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#ffcc00"/>
      <stop offset="100%" stop-color="#ff6666"/>
    </linearGradient>
    <linearGradient id="fishGradient" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#66ccff"/>
      <stop offset="100%" stop-color="#0066cc"/>
    </linearGradient>
    <pattern id="cityPattern" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
      <rect x="0" y="0" width="10" height="10" fill="#333333"/>
      <rect x="0" y="0" width="5" height="5" fill="#555555"/>
    </pattern>
  </defs>
  <rect width="300" height="300" fill="url(#skyGradient)"/>
  <rect y="200" width="300" height="100" fill="url(#cityPattern)"/>
  <path d="M100,150 C120,120 140,110 160,120 C180,130 200,150 220,180" fill="none" stroke="#ffffff" stroke-width="2"/>
  <circle cx="150" cy="100" r="40" fill="url(#catGradient)"/>
  <path d="M140,80 C140,60 160,60 160,80" fill="#ffffff"/>
  <circle cx="140" cy="80" r="5" fill="#000000"/>
  <circle cx="160" cy="80" r="5" fill="#000000"/>
  <path d="M150,100 C150,120 140,130 130,140" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M160,100 C160,120 170,130 180,140" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M130,140 C100,130 80,110 70,90" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M180,140 C210,130 230,110 240,90" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M70,90 C60,80 50,70 40,60" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M240,90 C250,80 260,70 270,60" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M40,60 C30,50 20,40 10,30" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M270,60 C280,50 290,40 300,30" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M70,90 Q80,100 90,110" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M240,90 Q230,100 220,110" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M90,110 C90,120 80,130 70,140" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M220,110 C220,120 230,130 240,140" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M70,140 C60,150 50,160 40,170" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M240,140 C250,150 260,160 270,170" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M40,170 C30,180 20,190 10,200" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M270,170 C280,180 290,190 300,200" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M10,200 C0,210 -10,220 -20,230" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M300,200 C310,210 320,220 330,230" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M10,200 C0,210 -10,220 -20,230" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M300,200 C310,210 320,220 330,230" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-20,230 C-30,240 -40,250 -50,260" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M330,230 C340,240 350,250 360,260" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-50,260 C-60,270 -70,280 -80,290" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M360,260 C370,270 380,280 390,290" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-80,290 C-90,300 -100,310 -110,320" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M390,290 C400,300 410,310 420,320" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-110,320 C-120,330 -130,340 -140,350" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M420,320 C430,330 440,340 450,350" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-140,350 C-150,360 -160,370 -170,380" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M450,350 C460,360 470,370 480,380" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-170,380 C-180,390 -190,400 -200,410" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M480,380 C490,390 500,400 510,410" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-200,410 C-210,420 -220,430 -230,440" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M510,410 C520,420 530,430 540,440" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-230,440 C-240,450 -250,460 -260,470" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M540,440 C550,450 560,460 570,470" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-260,470 C-270,480 -280,490 -290,500" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M570,470 C580,480 590,490 600,500" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-290,500 C-300,510 -310,520 -320,530" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M600,500 C610,510 620,520 630,530" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-320,530 C-330,540 -340,550 -350,560" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M630,530 C640,540 650,550 660,560" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-350,560 C-360,570 -370,580 -380,590" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M660,560 C670,570 680,580 690,590" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-380,590 C-390,600 -400,610 -410,620" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M690,590 C700,600 710,610 720,620" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-410,620 C-420,630 -430,640 -440,650" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M720,620 C730,630 740,640 750,650" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-440,650 C-450,660 -460,670 -470,680" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M750,650 C760,660 770,670 780,680" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-470,680 C-480,690 -490,700 -500,710" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M780,680 C790,700 800,700 810,710" fill="none" stroke="#000000" stroke-width":"2"/>
  <path d="M-500,710 C-510,720 -510,730 -520,740" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M810,710 C820,720 820,730 830,740" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-520,740 C-540,750 -560,750 -580,750" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M830,740 C840,750 850,750 860,750" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-580,750 C-600,760 -620,760 -640,750" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M860,750 C870,760 880,760 890,750" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-640,750 C-660,740 -680,730 -700,720" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M890,750 C900,740 910,730 920,720" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-700,720 C-720,710 -740,700 -760,690" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M920,720 C930,710 940,700 950,690" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-760,690 C-780,680 -800,670 -820,660" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M950,690 C960,680 970,670 980,660" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-820,660 C-840,650 -860,640 -880,630" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M980,660 C990,650 1000,640 1010,630" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-880,630 C-900,620 -920,610 -940,600" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1010,630 C1020,620 1030,610 1040,600" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-940,600 C-960,590 -980,580 -1000,570" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1040,600 C1050,590 1060,580 1070,570" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1000,570 C-1020,560 -1040,550 -1060,540" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1070,570 C1080,560 1090,550 1100,540" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1060,540 C-1080,530 -1100,520 -1120,510" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1100,540 C1110,530 1120,520 1130,510" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1120,510 C-1140,500 -1160,490 -1180,480" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1130,510 C1140,500 1150,490 1160,480" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1180,480 C-1200,470 -1220,460 -1240,450" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1160,480 C1170,470 1180,460 1190,450" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1240,450 C-1260,440 -1280,430 -1300,420" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1190,450 C1200,440 1210,430 1220,420" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1300,420 C-1320,410 -1340,400 -1360,390" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1220,420 C1230,410 1240,400 1250,390" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1360,390 C-1380,380 -1400,370 -1420,360" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1250,390 C1260,380 1270,370 1280,360" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1420,360 C-1440,350 -1460,340 -1480,330" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1280,360 C1290,350 1300,340 1310,330" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1480,330 C-1500,320 -1520,310 -1540,300" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1310,330 C1320,320 1330,310 1340,300" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1540,300 C-1560,290 -1580,280 -1600,270" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1340,300 C1350,290 1360,280 1370,270" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1600,270 C-1620,260 -1640,250 -1660,240" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1370,270 C1380,260 1390,250 1400,240" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1660,240 C-1680,230 -1700,220 -1720,210" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1400,240 C1410,230 1420,220 1430,210" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1720,210 C-1740,200 -1760,190 -1780,180" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1430,210 C1440,200 1450,190 1460,180" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1780,180 C-1800,170 -1820,160 -1840,150" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1460,180 C1470,170 1480,160 1490,150" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1840,150 C-1860,140 -1880,130 -1900,120" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1490,150 C1500,140 1510,130 1520,120" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1900,120 C-1920,110 -1940,100 -1960,90" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1520,120 C1530,110 1540,100 1550,90" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-1960,90 C-1980,80 -2000,70 -2020,60" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1550,90 C1560,80 1570,70 1580,60" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-2020,60 C-2040,50 -2060,40 -2080,30" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1580,60 C1590,50 1600,40 1610,30" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M-2080,30 C-2100,20 -2120,10 -2140,0" fill="none" stroke="#000000" stroke-width="2"/>
  <path d="M1610,30 C1620,20 1630,10 1640,0" fill="none" stroke="#000000" stroke-width="2"/>
</svg>
GPT-4o
Judge & Evaluator
The winner of this SVG challenge is Claude 3.7 Sonnet (2025-02-19) Player 1

Judge's Analysis

    Player 1's submission creatively integrates the concept with a flying cat featuring fish-like wings, set against a vibrant city skyline.

    The technical execution is solid, with balanced composition and appealing colors, which effectively conveys the whimsical theme.

    Unfortunately, Player 2's image could not be evaluated due to loading issues.

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

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

Player 1
21
Player 2
—
Circles

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

Player 1
16
Player 2
—
Ellipses

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

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

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

Player 1
7
Player 2
—

Visual Effects Metrics

Gradients

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

Player 1
4
Player 2
—
Patterns

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

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

The number of elements with stroke attributes in the SVG.

Player 1
5
Player 2
—

Colors Metrics

Unique Colors

The number of unique colors used in the SVG.

Player 1
23
Player 2
—

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
3
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
93
Player 2
—
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
6
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
—
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 #2156 Mar 14, 2025

"Dreaming octopus juggling clocks under a starry sky"

P1
SVG by DeepSeek V3
P2
SVG by Claude 3.7 Sonnet (2025-02-19)
DeepSeek V3
vs
Claude 3.7 Sonnet (2025-02-19)
View
Match #2119 Mar 14, 2025

"Floating city above a waterfall, with fish swimming upwards"

P1
SVG by Claude 3.7 Sonnet (2025-02-19)
P2
SVG by DeepSeek V3
Claude 3.7 Sonnet (2025-02-19)
vs
DeepSeek V3
View
Match #1752 Mar 14, 2025

"Surreal clock with dreams pouring out"

P1
SVG by Claude 3.7 Sonnet (2025-02-19)
P2
SVG by DeepSeek V3
Claude 3.7 Sonnet (2025-02-19)
vs
DeepSeek V3
View
Match #1744 Mar 14, 2025

"A cat DJing a party on a giant floating slice of pizza"

P1
SVG by Claude 3.7 Sonnet (2025-02-19)
P2
SVG by DeepSeek V3
Claude 3.7 Sonnet (2025-02-19)
vs
DeepSeek V3
View
Match #919 Mar 13, 2025

"Surrealist penguin in a floating teacup, under a melting clock sky"

P1
SVG by DeepSeek V3
P2
SVG by Claude 3.7 Sonnet (2025-02-19)
DeepSeek V3
vs
Claude 3.7 Sonnet (2025-02-19)
View
Match #522 Mar 13, 2025

"A cat made of clock gears, sitting atop a ticking pocket watch"

P1
SVG by Claude 3.7 Sonnet (2025-02-19)
P2
SVG by DeepSeek V3
Claude 3.7 Sonnet (2025-02-19)
vs
DeepSeek V3
View