Back

SVG Drawing Match #2451

May 09, 2025

GPT-4o

Challenge Creator

Creative Challenge

"Penguin astronaut planting a flag on a floating iceberg in space."

GPT-4.1 (2025-04-14)

Player 1

ELO: 1,191.583 1,180.504 (-11.1)

<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Gradients -->
    <radialGradient id="spaceBG" cx="50%" cy="50%" r="80%" fx="70%" fy="30%">
      <stop offset="0%" stop-color="#2c38a0"/>
      <stop offset="50%" stop-color="#232458"/>
      <stop offset="100%" stop-color="#0e1125"/>
    </radialGradient>
    <linearGradient id="icebergBlue" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#c4ebff"/>
      <stop offset="35%" stop-color="#71c7e6"/>
      <stop offset="80%" stop-color="#347ead"/>
      <stop offset="100%" stop-color="#122b49"/>
    </linearGradient>
    <linearGradient id="flagStaff" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#cfcfcf"/>
      <stop offset="100%" stop-color="#666"/>
    </linearGradient>
    <linearGradient id="spaceSuit" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#f5f7fa"/>
      <stop offset="50%" stop-color="#eaeaea"/>
      <stop offset="100%" stop-color="#b4d9ea"/>
    </linearGradient>
    <radialGradient id="visorGrad" cx="50%" cy="50%" r="70%" >
      <stop offset="0%" stop-color="#b3e2ff" stop-opacity="0.9"/>
      <stop offset="70%" stop-color="#2987c7" stop-opacity="0.5"/>
      <stop offset="100%" stop-color="#4d74a1" stop-opacity="0.2"/>
    </radialGradient>
    <linearGradient id="flagGrad" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#fe1b50"/>
      <stop offset="30%" stop-color="#fd6bac"/>
      <stop offset="100%" stop-color="#fcfcfd"/>
    </linearGradient>
    <radialGradient id="penguinBelly" cx="50%" cy="65%" r="75%">
      <stop offset="0%" stop-color="#fff" stop-opacity="0.95"/>
      <stop offset="100%" stop-color="#ede6db" stop-opacity="0.65"/>
    </radialGradient>
    <linearGradient id="penguinBlack" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#31343d"/>
      <stop offset="100%" stop-color="#23262e"/>
    </linearGradient>
    <radialGradient id="iceCrackGrad" cx="0.5" cy="0.4" r="1">
      <stop offset="30%" stop-color="#89c7eb" stop-opacity="0.4"/>
      <stop offset="100%" stop-color="#18323d" stop-opacity="0"/>
    </radialGradient>
    <!-- Pattern for stars -->
    <pattern id="stars" patternUnits="userSpaceOnUse" width="80" height="80">
      <circle cx="25" cy="12" r="1.1" fill="#fff" opacity="0.7"/>
      <circle cx="50" cy="60" r="1.7" fill="#fff" opacity="0.4"/>
      <circle cx="70" cy="10" r="0.7" fill="#b6e7f7"/>
      <circle cx="10" cy="55" r="0.9" fill="#fff" opacity="0.6"/>
      <circle cx="62" cy="39" r="1.5" fill="#e4e6fa" opacity="0.7"/>
      <circle cx="28" cy="39" r="0.6" fill="#fff"/>
    </pattern>
  </defs>
  <!-- Background: Deep Space with stars -->
  <rect width="300" height="300" fill="url(#spaceBG)"/>
  <rect width="300" height="300" fill="url(#stars)" opacity="0.85"/>

  <!-- Floating Iceberg -->
  <g>
    <!-- Main iceberg chunk -->
    <path d="M58,220 Q57,207 65,200 Q95,175 160,185 Q225,172 243,207 Q248,220 222,230 Q204,236 184,231 Q154,241 124,230 Q96,229 77,226 Q58,220 58,220Z"
          fill="url(#icebergBlue)" stroke="#478eb5" stroke-width="3"/>
    <!-- Shadow under iceberg (floating effect) -->
    <ellipse cx="150" cy="244" rx="53" ry="8" fill="#06152f" opacity="0.33"/>
    <!-- Highlight upper edge of iceberg -->
    <path d="M70,210 Q148,180 230,208" fill="none" stroke="#dafbff" stroke-width="4" opacity="0.5"/>
    <!-- Slight cracks and refractions in the iceberg -->
    <path d="M115,200 Q125,210 124,230" stroke="#75bbeb" stroke-width="2" fill="none" opacity="0.40"/>
    <path d="M170,190 Q180,207 184,231" stroke="url(#iceCrackGrad)" stroke-width="1.7" fill="none" opacity="0.45"/>
  </g>

  <!-- Penguin Astronaut -->
  <g>
    <!-- Penguin feet (flippers) -->
    <ellipse cx="138" cy="226" rx="12" ry="4" fill="#f7a521" opacity="0.87"/>
    <ellipse cx="172" cy="224" rx="11" ry="4" fill="#f7a521" opacity="0.75"/>
    <!-- Penguin body (inside spacesuit) -->
    <ellipse cx="155" cy="185" rx="37" ry="44" fill="url(#spaceSuit)" stroke="#aacbe2" stroke-width="2"/>
    <!-- Penguin face/black part (visible within helmet) -->
    <ellipse cx="155" cy="175" rx="23" ry="30" fill="url(#penguinBlack)" />
    <!-- Penguin white belly/face area -->
    <ellipse cx="155" cy="182" rx="16" ry="23" fill="url(#penguinBelly)" />
    <!-- Eyes -->
    <ellipse cx="147" cy="172" rx="2.7" ry="3.2" fill="#fff"/>
    <ellipse cx="162.5" cy="172" rx="2.7" ry="3.2" fill="#fff"/>
    <ellipse cx="146.5" cy="173.5" rx="1.4" ry="1.7" fill="#44476c"/>
    <ellipse cx="162" cy="173.5" rx="1.3" ry="1.8" fill="#44476c"/>
    <!-- Penguin beak -->
    <path d="M153,182 Q155,189 157,182 Q155,186 153,182 Z" fill="#f6a940" stroke="#c1761d" stroke-width="0.8"/>
    <!-- Penguin wing/flipper (left, bent forward holding the flagpole) -->
    <path d="M130,194 Q120,188 129,176 Q136,173 144,181 Q138,179 135,187 Q132,190 130,194Z"
      fill="url(#penguinBlack)" opacity="0.94"/>
    <!-- Penguin wing/flipper (right, relaxed) -->
    <path d="M181,183 Q187,192 182,205 Q179,210 173,203 Q170,194 174,187 Q178,185 181,183 Z"
      fill="url(#penguinBlack)" opacity="0.92"/>
    <!-- Spacesuit details: seams and chest patch -->
    <ellipse cx="155" cy="206" rx="13" ry="5" fill="#a2dcf5" opacity="0.25"/>
    <rect x="151" y="202" width="8" height="8" rx="2" fill="#58b4e5" stroke="#2285b1" stroke-width="1"/>
    <!-- Space helmet (visor) -->
    <ellipse cx="155" cy="167" rx="34" ry="36" fill="url(#visorGrad)" stroke="#c7f6fc" stroke-width="4" opacity="0.86"/>
    <!-- Helmet reflections -->
    <path d="M134,146 Q145,154 175,142" stroke="#fff" stroke-width="2.5" fill="none" opacity="0.21"/>
    <ellipse cx="170" cy="151" rx="6" ry="2" fill="#fff" opacity="0.09"/>
    <ellipse cx="145" cy="155" rx="5" ry="2" fill="#defff7" opacity="0.08"/>
  </g>

  <!-- Astronaut backpack -->
  <g>
    <rect x="183" y="175" rx="7" width="12" height="22" fill="#49abc3" stroke="#22687b" stroke-width="1.5"/>
    <!-- Oxygen tube -->
    <path d="M186,185 Q180,193 160,202" fill="none" stroke="#b5e0f7" stroke-width="2" opacity="0.6"/>
  </g>

  <!-- Penguin's Flag -->
  <g>
    <!-- Flag Staff -->
    <rect x="121" y="157" width="5" height="56" rx="2.5" fill="url(#flagStaff)" stroke="#444" stroke-width="0.6"/>
    <!-- Shiny orb on top of staff -->
    <circle cx="123.5" cy="159" r="3.1" fill="#ffcefe" stroke="#ded8d8" stroke-width="1"/>
    <!-- Flag -->
    <path d="M126,160 L164,170 Q174,174 164,182 L126,175 Z"
          fill="url(#flagGrad)" stroke="#aa1648" stroke-width="2"/>
    <!-- Small space icon on flag -->
    <ellipse cx="147" cy="171" rx="6" ry="5" fill="#20befa" opacity="0.80"/>
    <path d="M145,171 Q147,174 149,171 Q147,168 145,171 Z" fill="#fafafa" opacity="0.88"/>
    <!-- Stylized star on flag -->
    <polygon points="147,167.5 148,170 151,170.2 148.7,172 149.6,175 147,173.2 144.3,175 145.2,172 143,170.2 146,170"
            fill="#fff" opacity="0.85"/>
  </g>

  <!-- Floating asteroid and planets for depth and dreamlike effect -->
  <g>
    <!-- Nearby small asteroid to left -->
    <ellipse cx="44" cy="115" rx="14" ry="7" fill="#7c7b8f" opacity="0.7"/>
    <ellipse cx="50" cy="117" rx="2" ry="1.3" fill="#cec9da" opacity="0.45"/>
    <!-- Distant purple planet -->
    <circle cx="258" cy="60" r="28" fill="#bb5df8" opacity="0.21"/>
    <ellipse cx="260" cy="60" rx="22" ry="7" fill="#fff" opacity="0.07"/>
    <!-- Glow for planet -->
    <ellipse cx="258" cy="60" rx="32" ry="10" fill="#f8c5ef" opacity="0.1"/>
    <!-- Smaller ringed planet at top right-->
    <circle cx="230" cy="40" r="13" fill="#87e1e3" opacity="0.37"/>
    <ellipse cx="230" cy="42" rx="18" ry="2.8" fill="#fff" opacity="0.22" transform="rotate(-8 230 42)"/>
  </g>

  <!-- Light ray to hint at sun (off-canvas) -->
  <ellipse cx="80" cy="30" rx="67" ry="22" fill="#eefafd" opacity="0.06"/>
</svg>

Claude 3.7 Sonnet Thinking (2025-02-19)

Player 2

ELO: 1,302.013 1,313.092 (+11.1)

Winner

SVG by Claude 3.7 Sonnet Thinking (2025-02-19)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  <defs>
    <!-- Space background gradient -->
    <radialGradient id="spaceGradient" cx="50%" cy="50%" r="70%" fx="50%" fy="50%">
      <stop offset="0%" stop-color="#1a1a3a" />
      <stop offset="70%" stop-color="#0c0c20" />
      <stop offset="100%" stop-color="#000010" />
    </radialGradient>
    
    <!-- Nebula effects -->
    <radialGradient id="nebulaGradient1" cx="30%" cy="30%" r="60%">
      <stop offset="0%" stop-color="rgba(255,100,200,0.2)" />
      <stop offset="50%" stop-color="rgba(100,100,255,0.1)" />
      <stop offset="100%" stop-color="rgba(50,50,150,0)" />
    </radialGradient>
    
    <radialGradient id="nebulaGradient2" cx="70%" cy="20%" r="50%">
      <stop offset="0%" stop-color="rgba(100,200,255,0.15)" />
      <stop offset="50%" stop-color="rgba(50,100,200,0.1)" />
      <stop offset="100%" stop-color="rgba(20,50,150,0)" />
    </radialGradient>
    
    <!-- Iceberg gradient -->
    <linearGradient id="icebergGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#ffffff" />
      <stop offset="50%" stop-color="#e0f2ff" />
      <stop offset="100%" stop-color="#a8d5ff" />
    </linearGradient>
    
    <!-- Cosmic ice effect -->
    <linearGradient id="cosmicIceGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="rgba(200,220,255,0.9)" />
      <stop offset="50%" stop-color="rgba(150,200,255,0.7)" />
      <stop offset="100%" stop-color="rgba(100,180,255,0.8)" />
    </linearGradient>
    
    <!-- Space suit gradients -->
    <linearGradient id="suitGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#ffffff" />
      <stop offset="100%" stop-color="#f0f0f0" />
    </linearGradient>
    
    <linearGradient id="backpackGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#e5e5e5" />
      <stop offset="100%" stop-color="#c0c0c0" />
    </linearGradient>
    
    <!-- Helmet glow -->
    <radialGradient id="helmetGlow" cx="50%" cy="50%" r="50%" fx="40%" fy="40%">
      <stop offset="0%" stop-color="rgba(255,255,255,0.9)" />
      <stop offset="100%" stop-color="rgba(200,200,255,0.3)" />
    </radialGradient>

    <!-- Flag gradient -->
    <linearGradient id="flagGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#ff4040" />
      <stop offset="33%" stop-color="#ffff40" />
      <stop offset="66%" stop-color="#40ff40" />
      <stop offset="100%" stop-color="#4040ff" />
    </linearGradient>

    <!-- Planet gradients -->
    <radialGradient id="planetGradient1" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#ffa07a" />
      <stop offset="100%" stop-color="#8b4513" />
    </radialGradient>

    <radialGradient id="planetGradient2" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#add8e6" />
      <stop offset="100%" stop-color="#4169e1" />
    </radialGradient>
    
    <radialGradient id="moonGradient" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#f5f5f5" />
      <stop offset="100%" stop-color="#d0d0d0" />
    </radialGradient>

    <!-- Star filter -->
    <filter id="starGlow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
    
    <!-- Ice shine filter -->
    <filter id="iceShine" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur" />
      <feSpecularLighting in="blur" specularExponent="30" lighting-color="#ffffff" result="spec">
        <fePointLight x="150" y="60" z="100" />
      </feSpecularLighting>
      <feComposite in="SourceGraphic" in2="spec" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" />
    </filter>
    
    <!-- Iceberg aura -->
    <filter id="icebergAura" x="-30%" y="-30%" width="160%" height="160%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur" />
      <feColorMatrix in="blur" type="matrix" values="0 0 0 0 0.8 0 0 0 0 0.9 0 0 0 0 1 0 0 0 0.6 0" result="glow" />
      <feComposite in="SourceGraphic" in2="glow" operator="over" />
    </filter>
    
    <!-- Tech screen pattern -->
    <pattern id="techScreen" width="5" height="5" patternUnits="userSpaceOnUse">
      <rect x="0" y="0" width="5" height="5" fill="#000" />
      <rect x="0" y="0" width="4" height="4" fill="#00aaff" />
      <rect x="1" y="1" width="3" height="3" fill="#003366" />
    </pattern>
  </defs>

  <!-- Space background -->
  <rect x="0" y="0" width="300" height="300" fill="url(#spaceGradient)" />
  
  <!-- Nebula effects -->
  <ellipse cx="90" cy="70" rx="150" ry="100" fill="url(#nebulaGradient1)" />
  <ellipse cx="210" cy="60" rx="120" ry="80" fill="url(#nebulaGradient2)" />
  
  <!-- Stars -->
  <g id="stars">
    <circle cx="20" cy="30" r="1" fill="white" filter="url(#starGlow)" />
    <circle cx="50" cy="50" r="0.8" fill="white" filter="url(#starGlow)" />
    <circle cx="80" cy="20" r="1.2" fill="white" filter="url(#starGlow)" />
    <circle cx="120" cy="40" r="0.6" fill="white" filter="url(#starGlow)" />
    <circle cx="150" cy="70" r="1" fill="white" filter="url(#starGlow)" />
    <circle cx="200" cy="30" r="0.7" fill="white" filter="url(#starGlow)" />
    <circle cx="230" cy="60" r="1.1" fill="white" filter="url(#starGlow)" />
    <circle cx="260" cy="80" r="0.9" fill="white" filter="url(#starGlow)" />
    <circle cx="40" cy="100" r="1" fill="white" filter="url(#starGlow)" />
    <circle cx="70" cy="130" r="0.8" fill="white" filter="url(#starGlow)" />
    <circle cx="110" cy="110" r="1.2" fill="white" filter="url(#starGlow)" />
    <circle cx="170" cy="120" r="0.7" fill="white" filter="url(#starGlow)" />
    <circle cx="210" cy="140" r="1" fill="white" filter="url(#starGlow)" />
    <circle cx="250" cy="110" r="0.8" fill="white" filter="url(#starGlow)" />
    <circle cx="30" cy="170" r="1.1" fill="white" filter="url(#starGlow)" />
    <circle cx="60" cy="200" r="0.9" fill="white" filter="url(#starGlow)" />
    <circle cx="100" cy="180" r="0.7" fill="white" filter="url(#starGlow)" />
    <circle cx="140" cy="210" r="1" fill="white" filter="url(#starGlow)" />
    <circle cx="180" cy="190" r="0.8" fill="white" filter="url(#starGlow)" />
    <circle cx="220" cy="220" r="1.2" fill="white" filter="url(#starGlow)" />
    <circle cx="260" cy="200" r="0.9" fill="white" filter="url(#starGlow)" />
    <circle cx="40" cy="240" r="1" fill="white" filter="url(#starGlow)" />
    <circle cx="80" cy="260" r="0.8" fill="white" filter="url(#starGlow)" />
    <circle cx="120" cy="250" r="1.1" fill="white" filter="url(#starGlow)" />
    <circle cx="160" cy="270" r="0.7" fill="white" filter="url(#starGlow)" />
    <circle cx="200" cy="260" r="1" fill="white" filter="url(#starGlow)" />
    <circle cx="240" cy="280" r="0.8" fill="white" filter="url(#starGlow)" />
    <circle cx="270" cy="250" r="0.9" fill="white" filter="url(#starGlow)" />
    <circle cx="285" cy="15" r="1.5" fill="white" filter="url(#starGlow)" />
    <circle cx="295" cy="295" r="1.3" fill="white" filter="url(#starGlow)" />
    <circle cx="15" cy="285" r="1.2" fill="white" filter="url(#starGlow)" />
    <circle cx="5" cy="5" r="1.4" fill="white" filter="url(#starGlow)" />
    
    <!-- Larger brighter stars -->
    <circle cx="46" cy="85" r="1.8" fill="white" filter="url(#starGlow)" />
    <circle cx="215" cy="45" r="2" fill="white" filter="url(#starGlow)" />
    <circle cx="187" cy="268" r="1.7" fill="white" filter="url(#starGlow)" />
  </g>
  
  <!-- Distant planets -->
  <circle cx="50" cy="50" r="15" fill="url(#planetGradient1)" />
  <ellipse cx="55" cy="50" rx="15" ry="3" fill="rgba(139,69,19,0.5)" /> <!-- Ring effect -->
  
  <circle cx="250" cy="70" r="20" fill="url(#planetGradient2)" />
  <circle cx="235" cy="65" r="4" fill="url(#moonGradient)" /> <!-- Moon -->
  
  <!-- Comet in background -->
  <g>
    <path d="M40,260 Q100,230 120,220" stroke="rgba(255,255,255,0.4)" stroke-width="3" fill="none" />
    <circle cx="40" cy="260" r="5" fill="white" filter="url(#starGlow)" />
  </g>
  
  <!-- Asteroids -->
  <path d="M70,230 L75,225 L85,227 L87,235 L82,240 L75,238 Z" fill="#777" stroke="#555" stroke-width="1" />
  <path d="M90,250 L95,245 L102,248 L100,255 L94,258 Z" fill="#888" stroke="#666" stroke-width="1" />
  <path d="M250,220 L258,215 L265,220 L260,230 L250,227 Z" fill="#999" stroke="#777" stroke-width="1" />
  
  <!-- Floating iceberg with cosmic effect -->
  <path d="M100,160 L120,140 L150,150 L190,135 L210,150 L230,145 L240,160 L220,180 L230,200 L200,210 L170,195 L140,210 L110,190 L90,200 L100,160" 
        fill="url(#icebergGradient)" filter="url(#icebergAura)" />
  
  <!-- Cosmic ice crystal details -->
  <path d="M120,145 L125,135 L130,145 Z" fill="url(#cosmicIceGradient)" />
  <path d="M160,140 L165,130 L170,140 Z" fill="url(#cosmicIceGradient)" />
  <path d="M200,145 L205,135 L210,145 Z" fill="url(#cosmicIceGradient)" />
  <path d="M180,175 L185,165 L190,175 Z" fill="url(#cosmicIceGradient)" />
  <path d="M140,185 L145,175 L150,185 Z" fill="url(#cosmicIceGradient)" />
  
  <!-- Ice cracks/details -->
  <path d="M120,155 L130,165 L125,180" stroke="#e0f2ff" stroke-width="1" fill="none" />
  <path d="M160,150 L170,160 L165,175" stroke="#e0f2ff" stroke-width="1" fill="none" />
  <path d="M190,160 L200,170 L195,185" stroke="#e0f2ff" stroke-width="1" fill="none" />
  <path d="M140,180 L150,190 L145,200" stroke="#e0f2ff" stroke-width="1" fill="none" />
  
  <!-- Small floating ice chunks around the main iceberg -->
  <path d="M90,220 L100,215 L110,225 L100,230 Z" fill="#e0f2ff" filter="url(#iceShine)" />
  <path d="M230,220 L240,215 L245,225 L235,230 Z" fill="#e0f2ff" filter="url(#iceShine)" />
  <path d="M180,230 L190,225 L195,235 L185,240 Z" fill="#e0f2ff" filter="url(#iceShine)" />
  <path d="M130,240 L135,235 L145,238 L140,245 Z" fill="#e0f2ff" filter="url(#iceShine)" />
  
  <!-- Penguin astronaut shadow on iceberg -->
  <ellipse cx="162" cy="182" rx="25" ry="10" fill="rgba(0,0,50,0.2)" />
  
  <!-- Penguin astronaut body -->
  <ellipse cx="160" cy="150" rx="25" ry="30" fill="black" />
  
  <!-- Penguin white belly -->
  <ellipse cx="160" cy="155" rx="18" ry="23" fill="white" />
  
  <!-- Space suit backpack -->
  <rect x="145" y="145" width="30" height="20" rx="5" ry="5" fill="url(#backpackGradient)" stroke="#aaa" stroke-width="1" />
  <rect x="152" y="148" width="16" height="6" rx="2" ry="2" fill="#888" />
  <circle cx="150" cy="155" r="2" fill="#ff5555" /> <!-- Red light -->
  <circle cx="170" cy="155" r="2" fill="#55ff55" /> <!-- Green light -->
  
  <!-- Life support tubes -->
  <path d="M145,150 C140,155 140,160 145,165" stroke="#999" stroke-width="2" fill="none" />
  <path d="M175,150 C180,155 180,160 175,165" stroke="#999" stroke-width="2" fill="none" />
  
  <!-- Penguin arms/wings with space suit -->
  <path d="M135,150 Q125,160 135,170" stroke="black" stroke-width="8" stroke-linecap="round" fill="none" />
  <path d="M135,150 Q125,160 135,170" stroke="white" stroke-width="6" stroke-linecap="round" fill="none" />
  <path d="M135,150 Q125,160 135,170" stroke="#ddd" stroke-width="4" stroke-linecap="round" fill="none" />
  
  <path d="M185,150 Q195,130 195,140" stroke="black" stroke-width="8" stroke-linecap="round" fill="none" />
  <path d="M185,150 Q195,130 195,140" stroke="white" stroke-width="6" stroke-linecap="round" fill="none" />
  <path d="M185,150 Q195,130 195,140" stroke="#ddd" stroke-width="4" stroke-linecap="round" fill="none" />
  
  <!-- Penguin feet -->
  <ellipse cx="150" cy="180" rx="8" ry="4" fill="orange" />
  <ellipse cx="170" cy="180" rx="8" ry="4" fill="orange" />
  
  <!-- Boot details -->
  <ellipse cx="150" cy="180" rx="6" ry="3" fill="#ff8c00" />
  <ellipse cx="170" cy="180" rx="6" ry="3" fill="#ff8c00" />
  
  <!-- Space boots reinforcement -->
  <path d="M144,178 L156,178" stroke="#cc7000" stroke-width="1" />
  <path d="M164,178 L176,178" stroke="#cc7000" stroke-width="1" />
  
  <!-- Space helmet -->
  <circle cx="160" cy="130" r="18" fill="url(#helmetGlow)" stroke="#a0a0a0" stroke-width="2" />
  
  <!-- Space suit collar -->
  <rect x="145" y="148" width="30" height="10" fill="url(#suitGradient)" rx="5" ry="5" />
  <rect x="155" y="140" width="10" height="10" fill="url(#suitGradient)" />
  
  <!-- Suit details -->
  <path d="M145,152 L175,152" stroke="#ccc" stroke-width="1" />
  <path d="M145,155 L175,155" stroke="#ccc" stroke-width="1" />
  
  <!-- Penguin face inside helmet -->
  <ellipse cx="153" cy="128" rx="3" ry="4" fill="black" /> <!-- Left eye -->
  <ellipse cx="167" cy="128" rx="3" ry="4" fill="black" /> <!-- Right eye -->
  <circle cx="154" cy="127" r="1" fill="white" /> <!-- Left eye highlight -->
  <circle cx="168" cy="127" r="1" fill="white" /> <!-- Right eye highlight -->
  <ellipse cx="160" cy="133" rx="5" ry="3" fill="orange" /> <!-- Beak -->
  
  <!-- Small communication device on side of helmet -->
  <rect x="178" y="130" width="5" height="8" rx="1" ry="1" fill="#888" />
  <circle cx="180.5" cy="132" r="1" fill="#ff5555" />
  
  <!-- Helmet antenna -->
  <line x1="160" y1="112" x2="160" y2="105" stroke="#c0c0c0" stroke-width="2" />
  <circle cx="160" cy="103" r="2" fill="red" />
  
  <!-- Wrist device display on left arm -->
  <rect x="125" y="161" width="8" height="6" rx="1" ry="1" fill="url(#techScreen)" stroke="#888" stroke-width="0.5" />
  
  <!-- Flag pole -->
  <line x1="195" y1="140" x2="195" y2="100" stroke="#c0c0c0" stroke-width="2" />
  
  <!-- Flag -->
  <path d="M195,100 Q205,105 215,102 Q225,99 235,103 L235,118 Q225,114 215,117 Q205,120 195,115 Z" fill="url(#flagGradient)" />
  
  <!-- Flag details - stylized planet/star symbol -->
  <circle cx="215" cy="110" r="5" fill="white" />
  <circle cx="215" cy="110" r="3" fill="#4040ff" />
  <circle cx="215" cy="110" r="1" fill="white" />
  <path d="M210,107 L220,113 M210,113 L220,107" stroke="white" stroke-width="0.5" />
  
  <!-- Reflection on helmet -->
  <path d="M148,120 Q155,115 165,120" stroke="rgba(255,255,255,0.7)" stroke-width="2" fill="none" />
  <path d="M165,135 L170,135" stroke="rgba(255,255,255,0.3)" stroke-width="1" fill="none" />
  
  <!-- Cosmic ice dust -->
  <g filter="url(#starGlow)">
    <circle cx="115" cy="185" r="0.8" fill="#e0f2ff" />
    <circle cx="125" cy="195" r="0.6" fill="#e0f2ff" />
    <circle cx="135" cy="188" r="0.7" fill="#e0f2ff" />
    <circle cx="185" cy="185" r="0.8" fill="#e0f2ff" />
    <circle cx="195" cy="195" r="0.6" fill="#e0f2ff" />
    <circle cx="205" cy="188" r="0.7" fill="#e0f2ff" />
    <circle cx="155" cy="205" r="0.8" fill="#e0f2ff" />
    <circle cx="165" cy="215" r="0.6" fill="#e0f2ff" />
    <circle cx="175" cy="208" r="0.7" fill="#e0f2ff" />
  </g>
  
  <!-- Small satellite in distance -->
  <g transform="translate(265,40) rotate(30)">
    <rect x="-3" y="-1" width="6" height="2" fill="#ccc" />
    <rect x="-5" y="-5" width="10" height="10" fill="#888" />
    <rect x="-4" y="-4" width="8" height="8" fill="#aaa" />
    <rect x="-2" y="-2" width="4" height="4" fill="#00aaff" />
    <line x1="-8" y1="-8" x2="-3" y2="-3" stroke="#ccc" stroke-width="0.5" />
    <line x1="8" y1="-8" x2="3" y2="-3" stroke="#ccc" stroke-width="0.5" />
  </g>
</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 submission better fulfills the prompt by clearly depicting a penguin astronaut planting a flag on a floating iceberg in space, with additional creative elements like planets and stars enhancing the space setting.

While Player 1's design is clean and visually appealing, it lacks clarity in depicting the penguin and the floating iceberg, making it less aligned with the given 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

Player 2

123

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

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

Player 2

Groups

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

Player 1

Player 2

Visual Effects Metrics

Gradients

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

Player 1

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

—

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

Player 2

Colors Metrics

Unique Colors

The number of unique colors used in the SVG.

Player 1

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

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

Player 2

127

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

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.