Back

SVG Drawing Match #175

Mar 13, 2025
GPT-4o
Challenge Creator

Creative Challenge

"Galactic jellyfish floating among neon asteroid fields"

DeepSeek V3
Player 1
ELO: 998.788 985.148 (-13.6)
SVG by DeepSeek V3 
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <radialGradient id="jellyGradient" cx="0.5" cy="0.5" r="0.8" fx="0.3" fy="0.3">
      <stop offset="0%" stop-color="#ff00ff" />
      <stop offset="70%" stop-color="#00ffff" />
      <stop offset="100%" stop-color="#000000" />
    </radialGradient>
    <radialGradient id="asteroidGradient" cx="0.5" cy="0.5" r="0.5" fx="0.3" fy="0.3">
      <stop offset="0%" stop-color="#ff7700" />
      <stop offset="100%" stop-color="#ff00ff" />
    </radialGradient>
    <linearGradient id="galaxyGradient" x1="0%" y1="100%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#000033" />
      <stop offset="100%" stop-color="#000000" />
    </linearGradient>
    <pattern id="starPattern" width="10" height="10" patternUnits="userSpaceOnUse">
      <circle cx="5" cy="5" r="1" fill="#ffffff" />
    </pattern>
  </defs>
  <rect width="300" height="300" fill="url(#galaxyGradient)" />
  <rect width="300" height="300" fill="url(#starPattern)" opacity="0.7" />
  <circle cx="100" cy="200" r="15" fill="url(#asteroidGradient)" />
  <circle cx="250" cy="120" r="20" fill="url(#asteroidGradient)" />
  <circle cx="50" cy="80" r="10" fill="url(#asteroidGradient)" />
  <circle cx="200" cy="50" r="15" fill="url(#asteroidGradient)" />
  <ellipse cx="150" cy="150" rx="40" ry="60" fill="url(#jellyGradient)" opacity="0.9" />
  <polygon points="150,230 160,250 140,250" fill="#00ffff" />
  <polygon points="150,230 160,250 140,250" fill="#ff00ff" transform="rotate(90,150,150)" />
  <polygon points="150,230 160,250 140,250" fill="#ff7700" transform="rotate(180,150,150)" />
  <polygon points="150,230 160,250 140,250" fill="#00ff00" transform="rotate(270,150,150)" />
  <circle cx="150" cy="100" r="10" fill="#ffffff" />
  <circle cx="150" cy="100" r="5" fill="#00ffff" />
  <path d="M120,120 Q140,100 160,120 T200,140" fill="none" stroke="#00ffff" stroke-width="2" stroke-linecap="round" />
  <path d="M130,140 Q150,120 170,140 T210,160" fill="none" stroke="#ff00ff" stroke-width="2" stroke-linecap="round" />
  <path d="M140,160 Q160,140 180,160 T220,180" fill="none" stroke="#ff7700" stroke-width="2" stroke-linecap="round" />
</svg>
Claude 3.7 Sonnet Thinking (2025-02-19)
Player 2
ELO: 1,050.403 1,064.044 (+13.6)
SVG by Claude 3.7 Sonnet Thinking (2025-02-19) 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  <defs>
    <radialGradient id="spaceGradient" cx="50%" cy="50%" r="100%" fx="50%" fy="50%">
      <stop offset="0%" stop-color="#1a0b2e" />
      <stop offset="50%" stop-color="#150829" />
      <stop offset="100%" stop-color="#0f0518" />
    </radialGradient>
    
    <radialGradient id="spaceGlow" cx="50%" cy="30%" r="60%" fx="50%" fy="30%">
      <stop offset="0%" stop-color="#1a0b2e" stop-opacity="0.3" />
      <stop offset="100%" stop-color="#6a0dad" stop-opacity="0" />
    </radialGradient>
    
    <radialGradient id="jellyfishGradient" cx="50%" cy="40%" r="60%" fx="50%" fy="40%">
      <stop offset="0%" stop-color="#ff56ee" stop-opacity="0.9" />
      <stop offset="30%" stop-color="#aa2ee6" stop-opacity="0.8" />
      <stop offset="70%" stop-color="#6a0dad" stop-opacity="0.6" />
      <stop offset="100%" stop-color="#3a0457" stop-opacity="0.4" />
    </radialGradient>
    
    <radialGradient id="jellyfishGlow" cx="50%" cy="40%" r="60%" fx="50%" fy="40%">
      <stop offset="0%" stop-color="#ff56ee" stop-opacity="0.4" />
      <stop offset="100%" stop-color="#ff56ee" stop-opacity="0" />
    </radialGradient>
    
    <radialGradient id="jellyfishInner" cx="50%" cy="40%" r="50%" fx="50%" fy="40%">
      <stop offset="0%" stop-color="#ffccff" stop-opacity="0.7" />
      <stop offset="70%" stop-color="#ff99ff" stop-opacity="0.5" />
      <stop offset="100%" stop-color="#ff56ee" stop-opacity="0.3" />
    </radialGradient>
    
    <linearGradient id="tentacleGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#ff56ee" stop-opacity="0.9" />
      <stop offset="60%" stop-color="#aa2ee6" stop-opacity="0.4" />
      <stop offset="100%" stop-color="#6a0dad" stop-opacity="0" />
    </linearGradient>
    
    <radialGradient id="asteroidGradient1" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#00ffcc" stop-opacity="0.9" />
      <stop offset="70%" stop-color="#00ccff" stop-opacity="0.6" />
      <stop offset="100%" stop-color="#0099ff" stop-opacity="0" />
    </radialGradient>
    
    <radialGradient id="asteroidGradient2" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#ffcc00" stop-opacity="0.9" />
      <stop offset="70%" stop-color="#ff9900" stop-opacity="0.6" />
      <stop offset="100%" stop-color="#ff6600" stop-opacity="0" />
    </radialGradient>
    
    <radialGradient id="asteroidGradient3" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#00ff66" stop-opacity="0.9" />
      <stop offset="70%" stop-color="#00cc33" stop-opacity="0.6" />
      <stop offset="100%" stop-color="#009900" stop-opacity="0" />
    </radialGradient>
    
    <filter id="glow" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur stdDeviation="4" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
    
    <filter id="softGlow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="2" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
    
    <filter id="starGlow" x="-100%" y="-100%" width="300%" height="300%">
      <feGaussianBlur stdDeviation="0.5" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
    
    <pattern id="starPattern" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
      <circle cx="10" cy="10" r="0.8" fill="white" opacity="0.8" />
      <circle cx="30" cy="40" r="0.6" fill="white" opacity="0.7" />
      <circle cx="70" cy="30" r="1" fill="white" opacity="0.9" />
      <circle cx="90" cy="60" r="0.5" fill="white" opacity="0.6" />
      <circle cx="50" cy="80" r="0.7" fill="white" opacity="0.8" />
      <circle cx="20" cy="70" r="0.4" fill="white" opacity="0.5" />
      <circle cx="80" cy="15" r="0.9" fill="white" opacity="0.9" />
      <circle cx="45" cy="25" r="0.3" fill="white" opacity="0.6" />
      <circle cx="65" cy="55" r="0.4" fill="white" opacity="0.7" />
      <circle cx="15" cy="85" r="0.5" fill="white" opacity="0.8" />
      <circle cx="95" cy="45" r="0.6" fill="white" opacity="0.6" />
      <circle cx="38" cy="62" r="0.5" fill="white" opacity="0.7" />
    </pattern>
    
    <pattern id="asteroidTexture" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
      <circle cx="5" cy="5" r="1" fill="white" opacity="0.3" />
      <circle cx="15" cy="10" r="0.8" fill="white" opacity="0.2" />
      <circle cx="10" cy="15" r="1.2" fill="white" opacity="0.2" />
    </pattern>
    
    <pattern id="energyFlow" x="0" y="0" width="40" height="10" patternUnits="userSpaceOnUse">
      <path d="M0,5 L10,5" stroke="white" stroke-width="0.5" stroke-opacity="0.7" />
      <path d="M20,5 L30,5" stroke="white" stroke-width="0.5" stroke-opacity="0.7" />
    </pattern>
  </defs>
  
  <!-- Background -->
  <rect x="0" y="0" width="300" height="300" fill="url(#spaceGradient)" />
  <rect x="0" y="0" width="300" height="300" fill="url(#spaceGlow)" />
  
  <!-- Distant nebula clouds -->
  <path d="M0,100 Q50,80 100,110 T200,90 T300,110 V150 Q250,170 200,150 T100,170 T0,150 Z" fill="#6a0dad" opacity="0.05" />
  <path d="M0,200 Q50,220 100,200 T200,220 T300,200 V250 Q250,230 200,250 T100,230 T0,250 Z" fill="#00ccff" opacity="0.05" />
  
  <!-- Distant galaxies -->
  <ellipse cx="50" cy="40" rx="30" ry="10" fill="#6a0dad" opacity="0.1" transform="rotate(-20,50,40)" />
  <ellipse cx="240" cy="260" rx="40" ry="15" fill="#00ccff" opacity="0.1" transform="rotate(30,240,260)" />
  
  <!-- Stars backdrop -->
  <rect x="0" y="0" width="300" height="300" fill="url(#starPattern)" opacity="0.8" />
  
  <!-- Large stars -->
  <circle cx="50" cy="40" r="1.2" fill="white" filter="url(#starGlow)" opacity="0.9" />
  <circle cx="260" cy="150" r="1.5" fill="white" filter="url(#starGlow)" opacity="1" />
  <circle cx="120" cy="280" r="1.3" fill="white" filter="url(#starGlow)" opacity="0.9" />
  <circle cx="200" cy="70" r="1.4" fill="white" filter="url(#starGlow)" opacity="1" />
  <circle cx="180" cy="200" r="1.1" fill="white" filter="url(#starGlow)" opacity="0.8" />
  <circle cx="30" cy="220" r="1.3" fill="white" filter="url(#starGlow)" opacity="0.9" />
  <circle cx="280" cy="50" r="1.2" fill="white" filter="url(#starGlow)" opacity="1" />
  <circle cx="70" cy="120" r="1.4" fill="white" filter="url(#starGlow)" opacity="0.9" />
  
  <!-- Twinkling stars -->
  <circle cx="220" cy="40" r="1" fill="white" filter="url(#softGlow)" opacity="1" />
  <circle cx="100" cy="70" r="1" fill="white" filter="url(#softGlow)" opacity="1" />
  <circle cx="270" cy="200" r="1" fill="white" filter="url(#softGlow)" opacity="1" />
  <circle cx="50" cy="250" r="1" fill="white" filter="url(#softGlow)" opacity="1" />
  <circle cx="150" cy="30" r="1" fill="white" filter="url(#softGlow)" opacity="1" />
  
  <!-- Cosmic dust streams -->
  <path d="M20,30 C50,70 80,50 110,90 C150,50 200,80 230,50" stroke="#6a0dad" stroke-width="1" fill="none" opacity="0.2" />
  <path d="M260,30 C220,60 240,100 190,120 C150,150 130,200 100,230" stroke="#00ccff" stroke-width="1" fill="none" opacity="0.2" />
  <path d="M30,150 C70,130 100,160 150,140 C200,120 250,140 290,120" stroke="#00ff66" stroke-width="1" fill="none" opacity="0.2" />
  
  <!-- Cyan asteroid field -->
  <g class="asteroidField1">
    <path d="M220,80 L230,70 L245,75 L250,90 L240,100 L225,95 Z" fill="url(#asteroidGradient1)" filter="url(#glow)" opacity="0.7" />
    <path d="M250,60 L260,55 L270,65 L265,75 L255,70 Z" fill="url(#asteroidGradient1)" filter="url(#glow)" opacity="0.5" />
    <ellipse cx="210" cy="55" rx="15" ry="10" fill="url(#asteroidGradient1)" filter="url(#glow)" opacity="0.6" transform="rotate(15,210,55)" />
    <path d="M260,100 L270,95 L275,105 L265,115 L255,110 Z" fill="url(#asteroidGradient1)" filter="url(#glow)" opacity="0.4" />
    <circle cx="230" cy="120" r="12" fill="url(#asteroidGradient1)" filter="url(#glow)" opacity="0.5" />
    
    <path d="M220,80 L230,70 L245,75 L250,90 L240,100 L225,95 Z" fill="url(#asteroidTexture)" opacity="0.3" />
    <ellipse cx="210" cy="55" rx="15" ry="10" fill="url(#asteroidTexture)" opacity="0.3" transform="rotate(15,210,55)" />
    
    <path d="M230,75 L240,88" stroke="#00ffff" stroke-width="0.8" opacity="0.9" filter="url(#softGlow)" />
    <path d="M215,55 L225,60" stroke="#00ffff" stroke-width="0.8" opacity="0.9" filter="url(#softGlow)" />
    
    <circle cx="210" cy="90" r="3" fill="#00ffdd" filter="url(#glow)" opacity="0.8" />
    <circle cx="245" cy="75" r="2" fill="#00ffdd" filter="url(#glow)" opacity="0.7" />
    <circle cx="225" cy="55" r="4" fill="#00ffdd" filter="url(#glow)" opacity="0.9" />
    <circle cx="265" cy="85" r="3" fill="#00ffdd" filter="url(#glow)" opacity="0.8" />
    <circle cx="235" cy="105" r="2" fill="#00ffdd" filter="url(#glow)" opacity="0.7" />
    <circle cx="255" cy="60" r="1.5" fill="#00ffdd" filter="url(#glow)" opacity="0.6" />
    <circle cx="220" cy="110" r="1" fill="#00ffdd" filter="url(#glow)" opacity="0.5" />
    <circle cx="270" cy="70" r="2.5" fill="#00ffdd" filter="url(#glow)" opacity="0.7" />
    <circle cx="240" cy="45" r="1.5" fill="#00ffdd" filter="url(#glow)" opacity="0.8" />
  </g>
  
  <!-- Gold asteroid field -->
  <g class="asteroidField2">
    <path d="M80,220 L95,215 L105,225 L100,240 L85,245 L75,235 Z" fill="url(#asteroidGradient2)" filter="url(#glow)" opacity="0.7" />
    <ellipse cx="45" cy="240" rx="12" ry="8" fill="url(#asteroidGradient2)" filter="url(#glow)" opacity="0.6" transform="rotate(-10,45,240)" />
    <path d="M100,250 L110,245 L120,255 L115,265 L105,270 L95,260 Z" fill="url(#asteroidGradient2)" filter="url(#glow)" opacity="0.5" />
    <circle cx="40" cy="200" r="15" fill="url(#asteroidGradient2)" filter="url(#glow)" opacity="0.4" />
    <ellipse cx="70" cy="180" rx="15" ry="10" fill="url(#asteroidGradient2)" filter="url(#glow)" opacity="0.6" transform="rotate(20,70,180)" />
    
    <path d="M80,220 L95,215 L105,225 L100,240 L85,245 L75,235 Z" fill="url(#asteroidTexture)" opacity="0.3" />
    <circle cx="40" cy="200" r="15" fill="url(#asteroidTexture)" opacity="0.2" />
    
    <path d="M85,230 L95,225" stroke="#ffcc00" stroke-width="0.8" opacity="0.9" filter="url(#softGlow)" />
    <path d="M45,235 L50,245" stroke="#ffcc00" stroke-width="0.8" opacity="0.9" filter="url(#softGlow)" />
    
    <circle cx="85" cy="205" r="4" fill="#ffdd00" filter="url(#glow)" opacity="0.8" />
    <circle cx="55" cy="225" r="3" fill="#ffdd00" filter="url(#glow)" opacity="0.9" />
    <circle cx="95" cy="235" r="2" fill="#ffdd00" filter="url(#glow)" opacity="0.7" />
    <circle cx="50" cy="190" r="3" fill="#ffdd00" filter="url(#glow)" opacity="0.8" />
    <circle cx="75" cy="170" r="4" fill="#ffdd00" filter="url(#glow)" opacity="0.9" />
    <circle cx="35" cy="210" r="2" fill="#ffdd00" filter="url(#glow)" opacity="0.7" />
    <circle cx="65" cy="250" r="1.5" fill="#ffdd00" filter="url(#glow)" opacity="0.6" />
    <circle cx="110" cy="255" r="2.5" fill="#ffdd00" filter="url(#glow)" opacity="0.8" />
    <circle cx="80" cy="190" r="1.5" fill="#ffdd00" filter="url(#glow)" opacity="0.7" />
  </g>
  
  <!-- Green asteroid field -->
  <g class="asteroidField3">
    <path d="M240,140 L250,130 L260,135 L265,150 L255,160 L245,155 Z" fill="url(#asteroidGradient3)" filter="url(#glow)" opacity="0.5" />
    <ellipse cx="270" cy="170" rx="10" ry="7" fill="url(#asteroidGradient3)" filter="url(#glow)" opacity="0.4" transform="rotate(15,270,170)" />
    <circle cx="255" cy="190" r="8" fill="url(#asteroidGradient3)" filter="url(#glow)" opacity="0.3" />
    
    <path d="M240,140 L250,130 L260,135 L265,150 L255,160 L245,155 Z" fill="url(#asteroidTexture)" opacity="0.2" />
    
    <path d="M245,145 L255,142" stroke="#00ff66" stroke-width="0.8" opacity="0.9" filter="url(#softGlow)" />
    
    <circle cx="245" cy="150" r="2" fill="#00ff66" filter="url(#glow)" opacity="0.7" />
    <circle cx="260" cy="165" r="1.5" fill="#00ff66" filter="url(#glow)" opacity="0.6" />
    <circle cx="250" cy="180" r="1" fill="#00ff66" filter="url(#glow)" opacity="0.5" />
    <circle cx="270" cy="145" r="2.5" fill="#00ff66" filter="url(#glow)" opacity="0.8" />
    <circle cx="235" cy="135" r="1.2" fill="#00ff66" filter="url(#glow)" opacity="0.6" />
  </g>
  
  <!-- Asteroid crystals -->
  <path d="M225,82 L230,77 L227,85" fill="#00ffff" opacity="0.8" filter="url(#softGlow)" />
  <path d="M83,225 L90,222 L87,230" fill="#ffcc00" opacity="0.8" filter="url(#softGlow)" />
  <path d="M250,145 L255,140 L252,148" fill="#00ff66" opacity="0.8" filter="url(#softGlow)" />
  
  <!-- Energy connections -->
  <path d="M150,150 C180,130 200,100 220,80" stroke="url(#energyFlow)" stroke-width="0.5" fill="none" opacity="0.3" stroke-dasharray="3,3" />
  <path d="M150,160 C120,170 90,190 80,220" stroke="url(#energyFlow)" stroke-width="0.5" fill="none" opacity="0.3" stroke-dasharray="3,3" />
  <path d="M170,140 C210,150 240,140 250,140" stroke="url(#energyFlow)" stroke-width="0.5" fill="none" opacity="0.3" stroke-dasharray="3,3" />
  
  <!-- Jellyfish glow aura -->
  <path d="M150,90 
           C200,90 230,130 230,170 
           C230,190 225,210 210,225 
           C185,250 115,250 90,225 
           C75,210 70,190 70,170 
           C70,130 100,90 150,90 Z" 
        fill="url(#jellyfishGlow)" filter="url(#glow)" />
  
  <!-- Galactic Jellyfish -->
  <g class="jellyfish">
    <!-- Jellyfish body -->
    <path d="M150,100 
             C190,100 220,130 220,170 
             C220,190 215,205 200,220 
             C180,240 120,240 100,220 
             C85,205 80,190 80,170 
             C80,130 110,100 150,100 Z" 
          fill="url(#jellyfishGradient)" filter="url(#glow)" />
    
    <!-- Inner jellyfish core -->
    <ellipse cx="150" cy="140" rx="40" ry="20" fill="url(#jellyfishInner)" />
    
    <!-- Neural network patterns -->
    <path d="M125,130 C135,140 145,135 150,125 C155,135 165,140 175,130" stroke="#ffccff" stroke-width="1.5" fill="none" opacity="0.7" />
    <path d="M130,150 C140,145 150,155 160,145 C170,155 180,145 190,150" stroke="#ffccff" stroke-width="1.5" fill="none" opacity="0.7" />
    <path d="M110,160 C130,170 150,165 170,170 C185,165 195,155 205,160" stroke="#ffccff" stroke-width="1.5" fill="none" opacity="0.6" />
    
    <!-- Primary tentacles -->
    <path d="M100,210 Q95,240 85,280" stroke="url(#tentacleGradient)" stroke-width="6" fill="none" opacity="0.8" filter="url(#softGlow)" />
    <path d="M110,218 Q115,245 105,290" stroke="url(#tentacleGradient)" stroke-width="7" fill="none" opacity="0.7" filter="url(#softGlow)" />
    <path d="M125,222 Q135,255 130,290" stroke="url(#tentacleGradient)" stroke-width="5" fill="none" opacity="0.9" filter="url(#softGlow)" />
    <path d="M140,225 Q150,250 155,285" stroke="url(#tentacleGradient)" stroke-width="8" fill="none" opacity="0.8" filter="url(#softGlow)" />
    <path d="M160,225 Q170,260 165,290" stroke="url(#tentacleGradient)" stroke-width="6" fill="none" opacity="0.7" filter="url(#softGlow)" />
    <path d="M175,222 Q180,245 190,280" stroke="url(#tentacleGradient)" stroke-width="7" fill="none" opacity="0.9" filter="url(#softGlow)" />
    <path d="M190,218 Q200,250 210,275" stroke="url(#tentacleGradient)" stroke-width="5" fill="none" opacity="0.8" filter="url(#softGlow)" />
    <path d="M200,210 Q210,235 215,270" stroke="url(#tentacleGradient)" stroke-width="6" fill="none" opacity="0.7" filter="url(#softGlow)" />
    
    <!-- Secondary tentacles -->
    <path d="M105,215 Q100,230 95,260" stroke="url(#tentacleGradient)" stroke-width="3" fill="none" opacity="0.6" filter="url(#softGlow)" />
    <path d="M120,220 Q125,240 120,265" stroke="url(#tentacleGradient)" stroke-width="2" fill="none" opacity="0.5" filter="url(#softGlow)" />
    <path d="M135,223 Q130,245 140,270" stroke="url(#tentacleGradient)" stroke-width="3" fill="none" opacity="0.6" filter="url(#softGlow)" />
    <path d="M155,223 Q160,245 150,270" stroke="url(#tentacleGradient)" stroke-width="2" fill="none" opacity="0.5" filter="url(#softGlow)" />
    <path d="M170,220 Q165,240 175,265" stroke="url(#tentacleGradient)" stroke-width="3" fill="none" opacity="0.6" filter="url(#softGlow)" />
    <path d="M185,215 Q190,230 180,260" stroke="url(#tentacleGradient)" stroke-width="2" fill="none" opacity="0.5" filter="url(#softGlow)" />
    
    <!-- Curly tentacle wisps -->
    <path d="M115,215 C120,225 115,235 120,245 C125,255 120,265 125,275" stroke="url(#tentacleGradient)" stroke-width="2" fill="none" opacity="0.5" filter="url(#softGlow)" />
    <path d="M145,220 C150,230 145,240 150,250 C155,260 150,270 155,280" stroke="url(#tentacleGradient)" stroke-width="2" fill="none" opacity="0.5" filter="url(#softGlow)" />
    <path d="M180,215 C175,225 180,235 175,245 C170,255 175,265 170,275" stroke="url(#tentacleGradient)" stroke-width="2" fill="none" opacity="0.5" filter="url(#softGlow)" />
    
    <!-- Bioluminescent spots -->
    <circle cx="130" cy="130" r="3" fill="#ffccff" filter="url(#glow)" opacity="0.9" />
    <circle cx="170" cy="130" r="3" fill="#ffccff" filter="url(#glow)" opacity="0.9" />
    <circle cx="150" cy="120" r="4" fill="#ffccff" filter="url(#glow)" opacity="0.9" />
    <circle cx="140" cy="150" r="2" fill="#ffccff" filter="url(#glow)" opacity="0.8" />
    <circle cx="160" cy="150" r="2" fill="#ffccff" filter="url(#glow)" opacity="0.8" />
    <circle cx="135" cy="170" r="2" fill="#ffccff" filter="url(#glow)" opacity="0.7" />
    <circle cx="165" cy="170" r="2" fill="#ffccff" filter="url(#glow)" opacity="0.7" />
    <circle cx="120" cy="145" r="3" fill="#ffccff" filter="url(#glow)" opacity="0.8" />
    <circle cx="180" cy="145" r="3" fill="#ffccff" filter="url(#glow)" opacity="0.8" />
    <circle cx="130" cy="115" r="2" fill="#ffccff" filter="url(#glow)" opacity="0.9" />
    <circle cx="170" cy="115" r="2" fill="#ffccff" filter="url(#glow)" opacity="0.9" />
    <circle cx="115" cy="135" r="1.5" fill="#ffccff" filter="url(#glow)" opacity="0.8" />
    <circle cx="185" cy="135" r="1.5" fill="#ffccff" filter="url(#glow)" opacity="0.8" />
    <circle cx="140" cy="110" r="1.2" fill="#ffccff" filter="url(#glow)" opacity="0.9" />
    <circle cx="160" cy="110" r="1.2" fill="#ffccff" filter="url(#glow)" opacity="0.9" />
    <circle cx="125" cy="155" r="1.8" fill="#ffccff" filter="url(#glow)" opacity="0.7" />
    <circle cx="175" cy="155" r="1.8" fill="#ffccff" filter="url(#glow)" opacity="0.7" />
    
    <!-- Central "eye" -->
    <circle cx="150" cy="140" r="8" fill="#ff56ee" filter="url(#softGlow)" opacity="0.4" />
    <circle cx="150" cy="140" r="4" fill="#ffccff" filter="url(#glow)" opacity="0.8" />
    
    <!-- Energy pulses along tentacles -->
    <circle cx="95" cy="240" r="2" fill="#ff56ee" filter="url(#glow)" opacity="0.9" />
    <circle cx="115" cy="255" r="2" fill="#ff56ee" filter="url(#glow)" opacity="0.9" />
    <circle cx="130" cy="265" r="2" fill="#ff56ee" filter="url(#glow)" opacity="0.9" />
    <circle cx="150" cy="260" r="2" fill="#ff56ee" filter="url(#glow)" opacity="0.9" />
    <circle cx="170" cy="270" r="2" fill="#ff56ee" filter="url(#glow)" opacity="0.9" />
    <circle cx="190" cy="250" r="2" fill="#ff56ee" filter="url(#glow)" opacity="0.9" />
    <circle cx="210" cy="245" r="2" fill="#ff56ee" filter="url(#glow)" opacity="0.9" />
  </g>
  
  <!-- Cosmic dust particles -->
  <g class="cosmicDust">
    <circle cx="120" cy="70" r="1" fill="#00ffff" opacity="0.6" />
    <circle cx="200" cy="230" r="1" fill="#00ffff" opacity="0.7" />
    <circle cx="240" cy="190" r="1" fill="#00ffff" opacity="0.5" />
    <circle cx="70" cy="150" r="1" fill="#00ffff" opacity="0.6" />
    <circle cx="170" cy="250" r="1" fill="#00ffff" opacity="0.7" />
    <circle cx="60" cy="90" r="1" fill="#ffcc00" opacity="0.6" />
    <circle cx="210" cy="160" r="1" fill="#ffcc00" opacity="0.7" />
    <circle cx="250" cy="40" r="1" fill="#ffcc00" opacity="0.5" />
    <circle cx="100" cy="40" r="1" fill="#ffcc00" opacity="0.6" />
    <circle cx="30" cy="250" r="1" fill="#ffcc00" opacity="0.7" />
    <circle cx="280" cy="110" r="1" fill="#00ff66" opacity="0.6" />
    <circle cx="190" cy="30" r="1" fill="#00ff66" opacity="0.5" />
    <circle cx="40" cy="130" r="1" fill="#00ff66" opacity="0.7" />
    <circle cx="230" cy="280" r="1" fill="#00ff66" opacity="0.6" />
    <circle cx="90" cy="190" r="1" fill="#00ff66" opacity="0.5" />
    <circle cx="155" cy="60" r="1" fill="#ff56ee" opacity="0.6" />
    <circle cx="25" cy="175" r="1" fill="#ff56ee" opacity="0.5" />
    <circle cx="275" cy="225" r="1" fill="#ff56ee" opacity="0.7" />
  </g>
  
  <!-- Foreground lights -->
  <circle cx="40" cy="60" r="0.7" fill="white" filter="url(#softGlow)" opacity="0.9" />
  <circle cx="260" cy="200" r="0.7" fill="white" filter="url(#softGlow)" opacity="0.9" />
  <circle cx="130" cy="40" r="0.7" fill="white" filter="url(#softGlow)" opacity="0.9" />
  <circle cx="170" cy="280" r="0.7" fill="white" filter="url(#softGlow)" opacity="0.9" />
  <circle cx="290" cy="85" r="0.7" fill="white" filter="url(#softGlow)" opacity="0.9" />
  <circle cx="15" cy="190" r="0.7" fill="white" filter="url(#softGlow)" opacity="0.9" />
  
  <!-- Light rays from jellyfish -->
  <path d="M150,140 L130,110" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
  <path d="M150,140 L170,110" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
  <path d="M150,140 L120,130" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
  <path d="M150,140 L180,130" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
  <path d="M150,140 L110,150" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
  <path d="M150,140 L190,150" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
  <path d="M150,140 L120,170" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
  <path d="M150,140 L180,170" stroke="#ff56ee" stroke-width="0.5" opacity="0.2" />
</svg>
GPT-4o
Judge & Evaluator
The winner of this SVG challenge is Claude 3.7 Sonnet Thinking (2025-02-19) Player 2

Judge's Analysis

    Player 2's image captures the theme of 'Galactic jellyfish floating among neon asteroid fields' with a more vivid and immersive execution.

    The use of glowing colors and fluid forms creates a dynamic and ethereal quality that aligns well with the cosmic theme.

    In contrast, Player 1's image, although colorful, lacks the depth and complexity found in Player 2's submission.

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
17
Player 2
173
Rectangles

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

Player 1
2
Player 2
3
Circles

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

Player 1
7
Player 2
105
Ellipses

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

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

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

Player 1
3
Player 2
57
Groups

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

Player 1
—
Player 2
5

Visual Effects Metrics

Gradients

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

Player 1
3
Player 2
9
Patterns

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

Player 1
1
Player 2
3
Filters

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

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

The number of elements with stroke attributes in the SVG.

Player 1
3
Player 2
41

Colors Metrics

Unique Colors

The number of unique colors used in the SVG.

Player 1
7
Player 2
22

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
7

Complexity Metrics

Path Commands

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

Player 1
9
Player 2
193
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
4
Player 2
15
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 #1290 Mar 13, 2025

"Raining goldfish from a floating umbrella over a cityscape"

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

"A clockwork dragonfly landing on a melting pocket watch"

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

"Rainbow-colored snail playing a saxophone"

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

"Clockwork cityscape under a swirling, starry sky"

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

"A balloon animal spaceship floating in a starry galaxy"

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