DeepSeek R1

RANK 18 · MEOWSCORE 73.5 · previous · CN · open

minimal

“Draw a minimal, flat-design cat as an SVG.”

minimal #18.0

✕ CLOSE

DeepSeek R1 · minimal · attempt 1 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Head -->
  <circle cx="50" cy="40" r="25" fill="#FFD700" stroke="#333" stroke-width="2"/>
  
  <!-- Ears -->
  <polygon points="35,20 45,10 30,10" fill="#FFD700" stroke="#333" stroke-width="2"/>
  <polygon points="65,20 75,10 60,10" fill="#FFD700" stroke="#333" stroke-width="2"/>
  
  <!-- Eyes -->
  <circle cx="40" cy="35" r="3" fill="#333"/>
  <circle cx="60" cy="35" r="3" fill="#333"/>
  
  <!-- Nose -->
  <path d="M48 45 L52 45 L50 50 Z" fill="#FF6B6B"/>
  
  <!-- Whiskers -->
  <line x1="40" y1="47" x2="30" y2="45" stroke="#333" stroke-width="1"/>
  <line x1="40" y1="50" x2="30" y2="50" stroke="#333" stroke-width="1"/>
  <line x1="60" y1="47" x2="70" y2="45" stroke="#333" stroke-width="1"/>
  <line x1="60" y1="50" x2="70" y2="50" stroke="#333" stroke-width="1"/>
  
  <!-- Body -->
  <ellipse cx="50" cy="75" rx="20" ry="15" fill="#FFD700" stroke="#333" stroke-width="2"/>
  
  <!-- Tail -->
  <path d="M70 75 Q90 60 75 90" fill="none" stroke="#333" stroke-width="2"/>
</svg>

minimal #28.3

✕ CLOSE

DeepSeek R1 · minimal · attempt 2 · score 8.3

cat likeness: 8.0aesthetic: 7.0technique: 9.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <g stroke-width="2" stroke="#333">
    <!-- Body -->
    <circle cx="100" cy="130" r="50" fill="#FFC0CB"/>
    
    <!-- Head -->
    <circle cx="100" cy="65" r="35" fill="#FFC0CB"/>
    
    <!-- Ears -->
    <polygon points="85,25 65,12 80,50" fill="#FFC0CB"/>
    <polygon points="115,25 135,12 120,50" fill="#FFC0CB"/>
    
    <!-- Eyes -->
    <circle cx="85" cy="60" r="6" fill="#333"/>
    <circle cx="115" cy="60" r="6" fill="#333"/>
    
    <!-- Nose -->
    <polygon points="98,80 102,80 100,85" fill="#333"/>
    
    <!-- Whiskers -->
    <g stroke-linecap="round">
      <line x1="70" y1="75" x2="92" y2="80"/>
      <line x1="70" y1="85" x2="92" y2="85"/>
      <line x1="108" y1="80" x2="130" y2="75"/>
      <line x1="108" y1="85" x2="130" y2="85"/>
    </g>
  </g>
</svg>

minimal #38.0

✕ CLOSE

DeepSeek R1 · minimal · attempt 3 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <!-- Body -->
  <ellipse cx="100" cy="125" rx="60" ry="40" fill="#FFC0CB"/>
  
  <!-- Head -->
  <circle cx="100" cy="75" r="35" fill="#FFC0CB"/>
  
  <!-- Ears -->
  <polygon points="75,45 85,20 95,40" fill="#FFB6C1"/>
  <polygon points="105,40 115,20 125,45" fill="#FFB6C1"/>
  
  <!-- Eyes -->
  <circle cx="85" cy="70" r="8" fill="white"/>
  <circle cx="115" cy="70" r="8" fill="white"/>
  <circle cx="85" cy="70" r="3" fill="#333"/>
  <circle cx="115" cy="70" r="3" fill="#333"/>
  
  <!-- Nose -->
  <polygon points="100,80 95,85 105,85" fill="#F281B9"/>
  
  <!-- Mouth -->
  <path d="M95 90 Q100 100 105 90" stroke="#333" stroke-width="2" fill="none"/>
  
  <!-- Tail -->
  <path d="M160 130 Q180 100 170 70" stroke="#FFB6C1" stroke-width="10" fill="none" stroke-linecap="round"/>
  
  <!-- Legs -->
  <rect x="70" y="160" width="15" height="25" fill="#FFC0CB" rx="3"/>
  <rect x="115" y="160" width="15" height="25" fill="#FFC0CB" rx="3"/>
</svg>

minimal #49.0

✕ CLOSE

DeepSeek R1 · minimal · attempt 4 · score 9.0

cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Head -->
  <circle cx="50" cy="50" r="30" fill="#FFD700"/>
  
  <!-- Ears -->
  <polygon points="38,25 25,15 30,35" fill="#FFD700"/>
  <polygon points="62,25 75,15 70,35" fill="#FFD700"/>
  
  <!-- Eyes -->
  <circle cx="40" cy="45" r="4" fill="#333"/>
  <circle cx="60" cy="45" r="4" fill="#333"/>
  
  <!-- Nose -->
  <polygon points="50,55 45,60 55,60" fill="#FF6B6B"/>
  
  <!-- Mouth -->
  <path d="M45 65 Q50 70 55 65" fill="none" stroke="#333" stroke-width="1.5"/>
  
  <!-- Whiskers -->
  <line x1="30" y1="55" x2="40" y2="58" stroke="#333" stroke-width="1"/>
  <line x1="30" y1="60" x2="40" y2="60" stroke="#333" stroke-width="1"/>
  <line x1="30" y1="65" x2="40" y2="62" stroke="#333" stroke-width="1"/>
  <line x1="70" y1="55" x2="60" y2="58" stroke="#333" stroke-width="1"/>
  <line x1="70" y1="60" x2="60" y2="60" stroke="#333" stroke-width="1"/>
  <line x1="70" y1="65" x2="60" y2="62" stroke="#333" stroke-width="1"/>
</svg>

realistic

“Draw a realistic sitting cat with visible fur shading as an SVG.”

realistic #15.5

✕ CLOSE

DeepSeek R1 · realistic · attempt 1 · score 5.5

cat likeness: 7.0aesthetic: 5.0technique: 6.0prompt fidelity: 4.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  <defs>
    <linearGradient id="furGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#d3d3d3"/>
      <stop offset="50%" stop-color="#b0b0b0"/>
      <stop offset="100%" stop-color="#8a8a8a"/>
    </linearGradient>
    <filter id="furTexture" x="0" y="0" width="100%" height="100%">
      <feTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="3"/>
      <feDisplacementMap in="SourceGraphic" scale="2" xChannelSelector="R" yChannelSelector="G"/>
    </filter>
    <radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#000"/>
      <stop offset="100%" stop-color="#444"/>
    </radialGradient>
  </defs>
  
  <!-- Body with fur shading -->
  <g filter="url(#furTexture)">
    <path fill="url(#furGradient)" stroke="#7a7a7a" stroke-width="1" d="M120,180 Q140,160 170,160 Q200,160 220,180 Q240,200 230,230 Q220,260 180,270 Q140,280 110,250 Q100,230 100,210 Q100,190 120,180 Z"/>
    
    <!-- Head -->
    <path fill="url(#furGradient)" stroke="#7a7a7a" stroke-width="1" d="M150,120 Q130,100 110,110 Q90,120 90,140 Q90,160 110,170 Q130,180 150,170 Q170,160 170,140 Q170,120 150,120 Z"/>
    
    <!-- Ears -->
    <path fill="#a0a0a0" stroke="#7a7a7a" stroke-width="1" d="M130,90 L120,70 L140,85 Z"/>
    <path fill="#a0a0a0" stroke="#7a7a7a" stroke-width="1" d="M170,90 L180,70 L160,85 Z"/>
    
    <!-- Front legs -->
    <path fill="url(#furGradient)" stroke="#7a7a7a" stroke-width="1" d="M120,200 L110,250 L130,250 L140,220 Z"/>
    <path fill="url(#furGradient)" stroke="#7a7a7a" stroke-width="1" d="M180,200 L190,250 L170,250 L160,220 Z"/>
    
    <!-- Tail -->
    <path fill="url(#furGradient)" stroke="#7a7a7a" stroke-width="1" d="M100,250 Q70,270 60,240 Q50,210 70,200 Q90,220 100,240 Z"/>
  </g>
  
  <!-- Facial features -->
  <circle cx="130" cy="140" r="8" fill="url(#eyeGradient)"/>
  <circle cx="170" cy="140" r="8" fill="url(#eyeGradient)"/>
  <path fill="#ff6b6b" d="M150,155 L145,160 L155,160 Z"/>
  <path stroke="#444" stroke-width="1.5" d="M150,160 Q150,165 150,170"/>
  
  <!-- Whiskers -->
  <g stroke="#666" stroke-width="0.8">
    <path d="M145,155 L120,150"/>
    <path d="M145,158 L120,160"/>
    <path d="M155,155 L180,150"/>
    <path d="M155,158 L180,160"/>
  </g>
</svg>

realistic #24.5

✕ CLOSE

DeepSeek R1 · realistic · attempt 2 · score 4.5

cat likeness: 5.0aesthetic: 3.0technique: 7.0prompt fidelity: 3.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 350">
  <defs>
    <filter id="fur" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox">
      <feTurbulence baseFrequency="0.03" type="fractalNoise" numOctaves="4" result="noise"/>
      <feDisplacementMap in="SourceGraphic" in2="noise" scale="6" xChannelSelector="R" yChannelSelector="G"/>
    </filter>
    <linearGradient id="shadow" gradientUnits="userSpaceOnUse" x1="200" y1="50" x2="200" y2="300">
      <stop offset="0" stop-color="#9e9e9e"/>
      <stop offset="0.5" stop-color="#7a7a7a"/>
      <stop offset="1" stop-color="#5a5a5a"/>
    </linearGradient>
    <radialGradient id="chest" cx="195" cy="190" r="25" gradientUnits="userSpaceOnUse">
      <stop offset="0.8" stop-color="#d6d6d6"/>
      <stop offset="1" stop-color="#a0a0a0"/>
    </radialGradient>
    <linearGradient id="leg" gradientUnits="userSpaceOnUse" x1="240" y1="200" x2="200" y2="230">
      <stop offset="0.3" stop-color="#cccccc"/>
      <stop offset="1" stop-color="#8c8c8c"/>
    </linearGradient>
  </defs>

  <!-- Body -->
  <path d="M180 150 Q220 90 280 120 Q320 150 310 200 Q310 250 260 280 Q210 300 170 290 Q140 270 130 240 Q100 220 120 190 Q140 160 180 150Z" fill="url(#shadow)" filter="url(#fur)"/>
  
  <!-- Chest -->
  <ellipse cx="195" cy="195" rx="35" ry="25" fill="url(#chest)" filter="url(#fur)"/>
  
  <!-- Head -->
  <path d="M240 110 Q270 80 300 90 Q330 110 310 130 Q290 160 240 150 Q230 130 240 110Z" fill="url(#shadow)" filter="url(#fur)"/>
  
  <!-- Ears -->
  <path d="M290 80 L310 60 L300 85 Z" fill="#444" filter="url(#fur)"/>
  <path d="M280 100 L290 70 L305 95 Z" fill="#444" filter="url(#fur)"/>
  
  <!-- Forelegs -->
  <path d="M220 170 L210 230 L190 240 L195 210 Z" fill="url(#leg)" filter="url(#fur)"/>
  <path d="M260 170 L250 220 L230 230 L240 200 Z" fill="url(#leg)" filter="url(#fur)"/>
  
  <!-- Hind leg -->
  <path d="M135 230 L115 280 L135 300 L155 260 Z" fill="#6e6e6e" filter="url(#fur)"/>
  
  <!-- Tail -->
  <path d="M165 285 Q130 270 110 290 Q90 320 120 330 Q160 340 180 310 Z" fill="#5a5a5a" filter="url(#fur)"/>
  
  <!-- Facial features -->
  <circle cx="270" cy="120" r="6" fill="#1a1a1a"/>
  <circle cx="250" cy="125" r="6" fill="#1a1a1a"/>
  <path d="M265 140 Q260 145 255 143" stroke="#333" stroke-width="2" fill="none"/>
  <polygon points="280 138, 275 140, 280 142" fill="#111"/>
</svg>

realistic #35.8

✕ CLOSE

DeepSeek R1 · realistic · attempt 3 · score 5.8

cat likeness: 7.0aesthetic: 6.0technique: 7.0prompt fidelity: 3.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
  <defs>
    <linearGradient id="furGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#d3c6b0" />
      <stop offset="100%" stop-color="#b8a897" />
    </linearGradient>
    <linearGradient id="shadowGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#a0907f" stop-opacity="0.8" />
      <stop offset="100%" stop-color="#8a7c6d" stop-opacity="0.5" />
    </linearGradient>
    <filter id="furTexture" x="0" y="0">
      <feTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="3" result="noise" />
      <feDisplacementMap in="SourceGraphic" in2="noise" scale="3" xChannelSelector="R" yChannelSelector="G" />
    </filter>
  </defs>

  <!-- Body base -->
  <path d="M150 180 Q180 140 250 140 Q300 150 320 180 Q330 220 280 250 Q230 270 180 250 Q150 230 150 180Z" fill="url(#furGradient)" filter="url(#furTexture)" />

  <!-- Body shading -->
  <path d="M180 190 Q210 170 270 170 Q290 190 280 220 Q260 240 200 240 Q170 230 180 190Z" fill="url(#shadowGradient)" opacity="0.7" />

  <!-- Head -->
  <ellipse cx="200" cy="120" rx="50" ry="40" fill="url(#furGradient)" filter="url(#furTexture)" />

  <!-- Ears -->
  <path d="M160 80 L170 60 L190 75 Z" fill="#a0907f" />
  <path d="M240 80 L230 60 L210 75 Z" fill="#a0907f" />
  <path d="M165 75 L175 65 L185 75 Z" fill="#e0d7c8" />
  <path d="M235 75 L225 65 L215 75 Z" fill="#e0d7c8" />

  <!-- Front legs -->
  <path d="M150 180 L140 250 L160 250 L170 200 Z" fill="url(#furGradient)" filter="url(#furTexture)" />
  <path d="M250 180 L260 250 L240 250 L230 200 Z" fill="url(#furGradient)" filter="url(#furTexture)" />

  <!-- Hind leg -->
  <path d="M280 250 L300 230 L310 250 L300 280 L270 270 Z" fill="url(#furGradient)" filter="url(#furTexture)" />

  <!-- Tail -->
  <path d="M280 250 Q320 230 340 210 Q360 230 350 250 Q330 270 300 270 Z" fill="url(#furGradient)" filter="url(#furTexture)" />

  <!-- Facial features -->
  <ellipse cx="180" cy="110" rx="8" ry="10" fill="#222" />
  <ellipse cx="220" cy="110" rx="8" ry="10" fill="#222" />
  <ellipse cx="180" cy="110" rx="3" ry="4" fill="#fff" />
  <ellipse cx="220" cy="110" rx="3" ry="4" fill="#fff" />
  <path d="M190 140 Q200 150 210 140" stroke="#444" stroke-width="2" fill="none" />
  <path d="M185 130 L175 125 M185 135 L170 130" stroke="#444" stroke-width="1.5" />
  <path d="M215 130 L225 125 M215 135 L230 130" stroke="#444" stroke-width="1.5" />

  <!-- Fur texture details -->
  <path d="M140 170 Q145 165 150 170 M155 165 Q160 160 165 165" stroke="#a0907f" stroke-width="0.8" fill="none" />
  <path d="M280 160 Q285 155 290 160 M295 155 Q300 150 305 155" stroke="#a0907f" stroke-width="0.8" fill="none" />
  <path d="M180 90 Q185 85 190 90 M195 85 Q200 80 205 85" stroke="#a0907f" stroke-width="0.8" fill="none" />
</svg>

realistic #45.0

✕ CLOSE

DeepSeek R1 · realistic · attempt 4 · score 5.0

cat likeness: 6.0aesthetic: 4.0technique: 6.0prompt fidelity: 4.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600">
  <defs>
    <linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#d3d3d3" />
      <stop offset="100%" stop-color="#a9a9a9" />
    </linearGradient>
    <radialGradient id="chestGradient" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
      <stop offset="0%" stop-color="#f0f0f0" />
      <stop offset="100%" stop-color="#d3d3d3" />
    </radialGradient>
    <filter id="furTexture" x="0" y="0" width="100%" height="100%">
      <feTurbulence type="fractalNoise" baseFrequency="0.02" numOctaves="3" result="noise" />
      <feDisplacementMap in="SourceGraphic" in2="noise" scale="3" xChannelSelector="R" yChannelSelector="G" />
    </filter>
  </defs>
  
  <!-- Body silhouette with fur texture -->
  <g filter="url(#furTexture)">
    <!-- Main body -->
    <path d="M400,450 Q500,400 550,350 Q600,300 550,250 Q500,200 400,220 Q300,200 250,250 Q200,300 250,350 Q300,400 400,450Z" fill="url(#bodyGradient)" stroke="#808080" stroke-width="2" />
    
    <!-- Chest -->
    <ellipse cx="400" cy="350" rx="120" ry="80" fill="url(#chestGradient)" stroke="#c0c0c0" stroke-width="1" />
    
    <!-- Head -->
    <path d="M400,200 Q450,180 480,200 Q500,230 480,250 Q450,270 400,260 Q350,270 320,250 Q300,230 320,200 Q350,180 400,200Z" fill="url(#bodyGradient)" stroke="#808080" stroke-width="2" />
    
    <!-- Ears -->
    <path d="M350,150 L370,120 L390,150 Z" fill="#a9a9a9" stroke="#808080" stroke-width="1" />
    <path d="M450,150 L470,120 L490,150 Z" fill="#a9a9a9" stroke="#808080" stroke-width="1" />
    
    <!-- Tail -->
    <path d="M550,350 Q600,320 620,300 Q640,280 630,250 Q620,220 580,230 Q540,240 550,270 Q560,300 550,350Z" fill="url(#bodyGradient)" stroke="#808080" stroke-width="2" />
    
    <!-- Front legs -->
    <path d="M330,450 L320,550 L340,550 L350,450Z" fill="#a9a9a9" stroke="#808080" stroke-width="1" />
    <path d="M470,450 L460,550 L480,550 L490,450Z" fill="#a9a9a9" stroke="#808080" stroke-width="1" />
    
    <!-- Back leg (visible) -->
    <path d="M520,400 L510,500 L530,500 L540,400Z" fill="#a9a9a9" stroke="#808080" stroke-width="1" />
  </g>
  
  <!-- Facial features -->
  <ellipse cx="370" cy="230" rx="10" ry="8" fill="#222" />
  <ellipse cx="430" cy="230" rx="10" ry="8" fill="#222" />
  <ellipse cx="370" cy="230" rx="4" ry="4" fill="#fff" />
  <ellipse cx="430" cy="230" rx="4" ry="4" fill="#fff" />
  
  <!-- Nose -->
  <path d="M400,250 Q405,260 395,260 Q390,255 400,250Z" fill="#ffb6c1" stroke="#d87093" stroke-width="1" />
  
  <!-- Whiskers -->
  <line x1="390" y1="255" x2="340" y2="250" stroke="#aaa" stroke-width="1" />
  <line x1="390" y1="260" x2="340" y2="260" stroke="#aaa" stroke-width="1" />
  <line x1="390" y1="265" x2="340" y2="270" stroke="#aaa" stroke-width="1" />
  <line x1="410" y1="255" x2="460" y2="250" stroke="#aaa" stroke-width="1" />
  <line x1="410" y1="260" x2="460" y2="260" stroke="#aaa" stroke-width="1" />
  <line x1="410" y1="265" x2="460" y2="270" stroke="#aaa" stroke-width="1" />
  
  <!-- Fur details -->
  <path d="M400,220 Q380,210 360,215" stroke="#909090" stroke-width="1" fill="none" />
  <path d="M400,220 Q420,210 440,215" stroke="#909090" stroke-width="1" fill="none" />
  <path d="M390,350 Q380,340 370,345" stroke="#909090" stroke-width="1" fill="none" />
  <path d="M410,350 Q420,340 430,345" stroke="#909090" stroke-width="1" fill="none" />
</svg>

action

“Draw a cat riding a bicycle as an SVG.”

action #16.8

✕ CLOSE

DeepSeek R1 · action · attempt 1 · score 6.8

cat likeness: 7.0aesthetic: 6.0technique: 6.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
  <rect width="400" height="300" fill="#87CEEB"/>
  <rect y="250" width="400" height="50" fill="#7CFC00"/>
  
  <!-- Bicycle Frame -->
  <path d="M150 200 L200 150 L250 150 L300 200" stroke="black" stroke-width="5" fill="none"/>
  <circle cx="150" cy="200" r="30" stroke="black" stroke-width="5" fill="white"/>
  <circle cx="300" cy="200" r="30" stroke="black" stroke-width="5" fill="white"/>
  <path d="M200 150 L200 120" stroke="black" stroke-width="5" fill="none"/>
  <circle cx="200" cy="120" r="10" stroke="black" stroke-width="3" fill="white"/>
  <path d="M250 150 L270 130" stroke="black" stroke-width="5" fill="none"/>
  
  <!-- Cat Body -->
  <ellipse cx="200" cy="130" rx="40" ry="30" fill="orange"/>
  
  <!-- Cat Head -->
  <circle cx="200" cy="90" r="25" fill="orange"/>
  <circle cx="190" cy="85" r="5" fill="black"/>
  <circle cx="210" cy="85" r="5" fill="black"/>
  <path d="M195 100 Q200 105 205 100" stroke="black" stroke-width="2" fill="none"/>
  
  <!-- Ears -->
  <path d="M180 75 L190 65 L185 80 Z" fill="orange"/>
  <path d="M220 75 L210 65 L215 80 Z" fill="orange"/>
  
  <!-- Legs -->
  <path d="M180 160 L180 200 L170 200" stroke="orange" stroke-width="8" stroke-linecap="round"/>
  <path d="M220 160 L220 200 L230 200" stroke="orange" stroke-width="8" stroke-linecap="round"/>
  <path d="M170 160 L165 180 L160 180" stroke="orange" stroke-width="8" stroke-linecap="round"/>
  <path d="M230 160 L235 180 L240 180" stroke="orange" stroke-width="8" stroke-linecap="round"/>
  
  <!-- Tail -->
  <path d="M140 130 Q110 100 120 70 Q130 50 160 70" stroke="orange" stroke-width="6" fill="none"/>
  
  <!-- Paws on Handlebars -->
  <circle cx="170" cy="110" r="7" fill="orange"/>
  <circle cx="230" cy="110" r="7" fill="orange"/>
</svg>

action #28.0

✕ CLOSE

DeepSeek R1 · action · attempt 2 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
  <!-- Bicycle -->
  <g fill="none" stroke="#333" stroke-width="3">
    <!-- Wheels -->
    <g id="wheel">
      <circle cx="100" cy="230" r="35" stroke="#555" stroke-width="4"/>
      <circle cx="100" cy="230" r="4" fill="#555"/>
      <line x1="100" y1="230" x2="125" y2="230" stroke="#555"/>
      <line x1="100" y1="230" x2="120" y2="245" stroke="#555"/>
      <line x1="100" y1="230" x2="120" y2="215" stroke="#555"/>
      <line x1="100" y1="230" x2="80" y2="245" stroke="#555"/>
      <line x1="100" y1="230" x2="80" y2="215" stroke="#555"/>
    </g>
    <g id="wheel2" transform="translate(200, 0)">
      <use href="#wheel"/>
    </g>
    
    <!-- Frame -->
    <line x1="100" y1="230" x2="140" y2="180"/>
    <line x1="140" y1="180" x2="300" y2="230"/>
    <line x1="140" y1="180" x2="150" y2="160"/>
    
    <!-- Handlebars -->
    <line x1="150" y1="160" x2="180" y2="130"/>
    <line x1="180" y1="130" x2="170" y2="130" stroke-width="4"/>
    <line x1="180" y1="130" x2="190" y2="130" stroke-width="4"/>
    
    <!-- Pedals -->
    <circle cx="240" cy="190" r="8" fill="#555"/>
    <line x1="240" y1="190" x2="220" y2="180" stroke-width="2"/>
    <line x1="240" y1="190" x2="260" y2="200" stroke-width="2"/>
    
    <!-- Seat -->
    <path d="M130 190 L140 180 L155 180 L145 190 Z" fill="#555"/>
  </g>
  
  <!-- Cat -->
  <g fill="#f39" stroke="#c06" stroke-width="1.5">
    <!-- Body -->
    <ellipse cx="180" cy="170" rx="35" ry="20"/>
    
    <!-- Head -->
    <circle cx="150" cy="150" r="15"/>
    
    <!-- Ears -->
    <path d="M140 135 L145 120 L150 135 Z"/>
    <path d="M155 135 L160 120 L165 135 Z"/>
    
    <!-- Eyes -->
    <circle cx="145" cy="147" r="2" fill="#333"/>
    <circle cx="155" cy="147" r="2" fill="#333"/>
    
    <!-- Nose -->
    <path d="M150 155 L148 158 L152 158 Z" fill="#ff99aa"/>
    
    <!-- Whiskers -->
    <line x1="148" y1="157" x2="130" y2="155"/>
    <line x1="148" y1="158" x2="130" y2="160"/>
    <line x1="152" y1="157" x2="170" y2="155"/>
    <line x1="152" y1="158" x2="170" y2="160"/>
    
    <!-- Tail -->
    <path d="M210 175 Q240 160 250 190" stroke="#f39" stroke-width="6" fill="none"/>
    
    <!-- Paws -->
    <circle cx="210" cy="180" r="6"/>
    <circle cx="150" cy="170" r="6" opacity="0.7"/>
    <line x1="180" y1="170" x2="165" y2="130" stroke="#f39" stroke-width="3"/>
    <line x1="180" y1="170" x2="195" y2="130" stroke="#f39" stroke-width="3"/>
  </g>
</svg>

action #36.0

✕ CLOSE

DeepSeek R1 · action · attempt 3 · score 6.0

cat likeness: 5.0aesthetic: 5.0technique: 6.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
  <!-- Bicycle frame -->
  <rect x="65" y="85" width="70" height="5" fill="#555" />
  <line x1="135" y1="90" x2="155" y2="70" stroke="#555" stroke-width="4" />
  <circle cx="100" cy="115" r="8" fill="#888" />
  <line x1="100" y1="85" x2="80" y2="110" stroke="#555" stroke-width="4" />
  
  <!-- Wheels and spokes -->
  <g stroke="#333" stroke-width="1">
    <circle cx="60" cy="110" r="25" stroke="#555" stroke-width="4" fill="none"/>
    <circle cx="140" cy="110" r="25" stroke="#555" stroke-width="4" fill="none"/>
    <line x1="60" y1="110" x2="52" y2="90" />
    <line x1="60" y1="110" x2="70" y2="90" />
    <line x1="60" y1="110" x2="80" y2="105" />
    <line x1="60" y1="110" x2="80" y2="115" />
    <line x1="140" y1="110" x2="150" y2="90" />
    <line x1="140" y1="110" x2="130" y2="90" />
    <line x1="140" y1="110" x2="120" y2="105" />
    <line x1="140" y1="110" x2="120" y2="115" />
  </g>
  
  <!-- Handlebars and seat -->
  <path d="M155 70 L165 65 L165 75 Z" fill="#555" />
  <path d="M75 100 Q85 70 95 95" stroke="#555" stroke-width="4" fill="none"/>
  
  <!-- Pedals -->
  <g transform="rotate(30 100 115)">
    <rect x="98" y="110" width="4" height="15" fill="#555"/>
    <rect x="88" y="112" width="20" height="1" fill="#777"/>
  </g>
  
  <!-- Cat body -->
  <path d="M70 95 Q85 60 100 95 Q115 60 130 95" stroke="#ffa500" stroke-width="18" fill="none" stroke-linecap="round"/>
  <circle cx="100" cy="65" r="15" fill="#ffa500" />
  
  <!-- Cat face -->
  <circle cx="95" cy="62" r="3" fill="#333" />
  <circle cx="105" cy="62" r="3" fill="#333" />
  <path d="M97 70 Q100 73 103 70" stroke="#333" stroke-width="1.5" fill="none"/>
  <path d="M100 60 L100 62" stroke="#333" stroke-width="1" />
  <path d="M90 58 L85 53" stroke="#333" stroke-width="1.5" />
  <path d="M110 58 L115 53" stroke="#333" stroke-width="1.5" />
  
  <!-- Cat limbs -->
  <path d="M100 80 L105 110" stroke="#ffa500" stroke-width="8" stroke-linecap="round"/>
  <circle cx="107" cy="113" r="5" fill="#ffa500"/>
  <path d="M95 82 L85 105" stroke="#ffa500" stroke-width="8" stroke-linecap="round"/>
  <circle cx="83" cy="108" r="5" fill="#ffa500"/>
  <path d="M90 95 L70 100" stroke="#ffa500" stroke-width="6" stroke-linecap="round"/>
</svg>

action #46.8

✕ CLOSE

DeepSeek R1 · action · attempt 4 · score 6.8

cat likeness: 7.0aesthetic: 5.0technique: 7.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
  <!-- Bicycle frame -->
  <path d="M120 180 L180 120 L250 120 L300 180 Z" stroke="black" fill="none" stroke-width="3"/>
  <line x1="180" y1="120" x2="220" y2="70" stroke="black" stroke-width="3"/>
  
  <!-- Wheels -->
  <circle cx="150" cy="180" r="30" stroke="black" fill="none" stroke-width="3"/>
  <circle cx="270" cy="180" r="30" stroke="black" fill="none" stroke-width="3"/>
  
  <!-- Wheel spokes -->
  <line x1="150" y1="180" x2="135" y2="165" stroke="gray" stroke-width="1"/>
  <line x1="150" y1="180" x2="165" y2="165" stroke="gray" stroke-width="1"/>
  <line x1="270" y1="180" x2="255" y2="165" stroke="gray" stroke-width="1"/>
  <line x1="270" y1="180" x2="285" y2="165" stroke="gray" stroke-width="1"/>
  
  <!-- Handlebars -->
  <line x1="220" y1="70" x2="200" y2="60" stroke="black" stroke-width="3"/>
  <line x1="220" y1="70" x2="240" y2="60" stroke="black" stroke-width="3"/>
  
  <!-- Pedals -->
  <circle cx="200" cy="150" r="10" stroke="black" fill="none" stroke-width="2"/>
  <line x1="200" y1="150" x2="190" y2="140" stroke="black" stroke-width="2"/>
  <line x1="200" y1="150" x2="210" y2="160" stroke="black" stroke-width="2"/>
  
  <!-- Seat -->
  <path d="M250 120 Q260 100 270 120" stroke="black" fill="none" stroke-width="2"/>
  
  <!-- Cat body -->
  <circle cx="260" cy="110" r="20" fill="orange"/>
  
  <!-- Cat head -->
  <circle cx="240" cy="90" r="15" fill="orange"/>
  
  <!-- Ears -->
  <path d="M230 80 L235 70 L240 80" fill="orange"/>
  <path d="M240 80 L245 70 L250 80" fill="orange"/>
  
  <!-- Eyes -->
  <circle cx="235" cy="85" r="2" fill="black"/>
  <circle cx="245" cy="85" r="2" fill="black"/>
  
  <!-- Whiskers -->
  <line x1="230" y1="95" x2="210" y2="95" stroke="black" stroke-width="1"/>
  <line x1="230" y1="100" x2="210" y2="100" stroke="black" stroke-width="1"/>
  <line x1="250" y1="95" x2="270" y2="95" stroke="black" stroke-width="1"/>
  <line x1="250" y1="100" x2="270" y2="100" stroke="black" stroke-width="1"/>
  
  <!-- Tail -->
  <path d="M280 110 Q300 90 290 120" stroke="orange" fill="none" stroke-width="3"/>
  
  <!-- Legs on pedals -->
  <line x1="240" y1="110" x2="220" y2="130" stroke="orange" stroke-width="3"/>
  <line x1="260" y1="120" x2="240" y2="140" stroke="orange" stroke-width="3"/>
  
  <!-- Paws on handlebars -->
  <circle cx="200" cy="60" r="4" fill="orange"/>
  <circle cx="240" cy="60" r="4" fill="orange"/>
</svg>

style

“Draw an origami-style cat with geometric folds as an SVG.”

style #18.0

✕ CLOSE

DeepSeek R1 · style · attempt 1 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <!-- Body -->
  <polygon points="100,40 140,80 100,160 60,80" fill="#ffcc99" stroke="#333" stroke-width="2"/>
  
  <!-- Head -->
  <polygon points="100,20 80,50 100,70 120,50" fill="#ffcc99" stroke="#333" stroke-width="2"/>
  
  <!-- Ears -->
  <polygon points="75,35 80,20 85,35" fill="#ff9966" stroke="#333" stroke-width="2"/>
  <polygon points="115,35 120,20 125,35" fill="#ff9966" stroke="#333" stroke-width="2"/>
  
  <!-- Tail -->
  <polyline points="140,80 160,60 180,90 170,110" fill="none" stroke="#333" stroke-width="2"/>
  
  <!-- Legs -->
  <polygon points="80,120 70,160 85,160" fill="#ffcc99" stroke="#333" stroke-width="2"/>
  <polygon points="120,120 115,160 130,160" fill="#ffcc99" stroke="#333" stroke-width="2"/>
  
  <!-- Face details -->
  <polygon points="90,50 85,55 95,55" fill="#333" stroke="#333" stroke-width="1"/>
  <polygon points="110,50 105,55 115,55" fill="#333" stroke="#333" stroke-width="1"/>
  <polygon points="100,60 95,65 105,65" fill="#333" stroke="#333" stroke-width="1"/>
  
  <!-- Whiskers -->
  <line x1="105" y1="65" x2="130" y2="60" stroke="#333" stroke-width="1"/>
  <line x1="105" y1="68" x2="130" y2="70" stroke="#333" stroke-width="1"/>
  <line x1="95" y1="65" x2="70" y2="60" stroke="#333" stroke-width="1"/>
  <line x1="95" y1="68" x2="70" y2="70" stroke="#333" stroke-width="1"/>
  
  <!-- Fold lines -->
  <line x1="100" y1="40" x2="100" y2="160" stroke="#333" stroke-width="1" stroke-dasharray="3,2"/>
  <line x1="60" y1="80" x2="140" y2="80" stroke="#333" stroke-width="1" stroke-dasharray="3,2"/>
</svg>

style #27.5

✕ CLOSE

DeepSeek R1 · style · attempt 2 · score 7.5

cat likeness: 7.0aesthetic: 7.0technique: 8.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
  <!-- Body -->
  <polygon points="100,160 60,120 100,80 140,120" fill="#ffb347" stroke="#d35400" stroke-width="2"/>
  
  <!-- Head -->
  <polygon points="100,80 80,60 100,40 120,60" fill="#ffb347" stroke="#d35400" stroke-width="2"/>
  
  <!-- Ears -->
  <polygon points="80,60 70,40 85,45" fill="#ffb347" stroke="#d35400" stroke-width="2"/>
  <polygon points="120,60 130,40 115,45" fill="#ffb347" stroke="#d35400" stroke-width="2"/>
  
  <!-- Tail -->
  <polyline points="140,120 170,100 160,80 180,70" fill="none" stroke="#d35400" stroke-width="2"/>
  
  <!-- Front legs -->
  <polygon points="80,120 70,140 85,140" fill="#ffb347" stroke="#d35400" stroke-width="2"/>
  <polygon points="120,120 130,140 115,140" fill="#ffb347" stroke="#d35400" stroke-width="2"/>
  
  <!-- Face details -->
  <polygon points="95,65 100,70 105,65" fill="#d35400"/>
  <line x1="90" y1="50" x2="90" y2="55" stroke="#d35400" stroke-width="2"/>
  <line x1="110" y1="50" x2="110" y2="55" stroke="#d35400" stroke-width="2"/>
  
  <!-- Fold lines -->
  <line x1="100" y1="40" x2="100" y2="160" stroke="#d35400" stroke-width="1" stroke-dasharray="3,2"/>
  <line x1="60" y1="120" x2="140" y2="120" stroke="#d35400" stroke-width="1" stroke-dasharray="3,2"/>
</svg>

style #37.8

✕ CLOSE

DeepSeek R1 · style · attempt 3 · score 7.8

cat likeness: 7.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="paper" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f9f3e9" />
      <stop offset="100%" stop-color="#e8dfd1" />
    </linearGradient>
  </defs>
  
  <!-- Body -->
  <polygon points="100,40 60,100 140,100" fill="url(#paper)" stroke="#333" stroke-width="1.5" stroke-dasharray="2,2"/>
  
  <!-- Head -->
  <polygon points="100,20 80,40 120,40" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  
  <!-- Ears -->
  <polygon points="75,25 80,20 85,25" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  <polygon points="115,25 120,20 125,25" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  
  <!-- Legs -->
  <polygon points="70,100 65,130 75,130" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  <polygon points="90,100 85,130 95,130" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  <polygon points="110,100 105,130 115,130" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  <polygon points="130,100 125,130 135,130" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  
  <!-- Tail -->
  <polygon points="140,90 160,70 145,85" fill="url(#paper)" stroke="#333" stroke-width="1.5"/>
  
  <!-- Facial features -->
  <polygon points="95,50 100,55 105,50" fill="#333" stroke="#333" stroke-width="0.5"/>
  <line x1="85" y1="45" x2="90" y2="45" stroke="#333" stroke-width="1.5"/>
  <line x1="110" y1="45" x2="115" y2="45" stroke="#333" stroke-width="1.5"/>
  
  <!-- Fold lines -->
  <line x1="100" y1="20" x2="100" y2="100" stroke="#777" stroke-width="0.8" stroke-dasharray="3,2"/>
  <line x1="80" y1="40" x2="140" y2="100" stroke="#777" stroke-width="0.8" stroke-dasharray="3,2"/>
  <line x1="120" y1="40" x2="60" y2="100" stroke="#777" stroke-width="0.8" stroke-dasharray="3,2"/>
</svg>

style #47.3

✕ CLOSE

DeepSeek R1 · style · attempt 4 · score 7.3

cat likeness: 7.0aesthetic: 6.0technique: 8.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <!-- Body -->
  <polygon points="100,50 50,100 100,150 150,100" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  
  <!-- Head -->
  <polygon points="100,30 70,70 100,90 130,70" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  
  <!-- Ears -->
  <polygon points="70,70 60,50 75,65" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  <polygon points="130,70 140,50 125,65" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  
  <!-- Tail -->
  <polygon points="150,100 180,80 170,110 160,100" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  
  <!-- Legs -->
  <polygon points="50,100 40,130 60,130" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  <polygon points="100,150 90,180 110,180" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  <polygon points="150,100 140,130 160,130" fill="#ffcc99" stroke="#cc9966" stroke-width="2"/>
  <polygon points="100,150 90,180 110,180" fill="#ffcc99" stroke="#cc9966" stroke-width="2" transform="translate(50)"/>
  
  <!-- Eyes -->
  <polygon points="85,65 75,70 85,75" fill="#333"/>
  <polygon points="115,65 125,70 115,75" fill="#333"/>
  
  <!-- Nose -->
  <polygon points="100,80 95,85 105,85" fill="#ff6666"/>
  
  <!-- Whiskers -->
  <line x1="90" y1="85" x2="60" y2="80" stroke="#666" stroke-width="1"/>
  <line x1="90" y1="90" x2="60" y2="90" stroke="#666" stroke-width="1"/>
  <line x1="110" y1="85" x2="140" y2="80" stroke="#666" stroke-width="1"/>
  <line x1="110" y1="90" x2="140" y2="90" stroke="#666" stroke-width="1"/>
</svg>

constraint

“Draw a recognizable cat as an SVG using at most 12 SVG elements.”

constraint #17.8

✕ CLOSE

DeepSeek R1 · constraint · attempt 1 · score 7.8

cat likeness: 8.0aesthetic: 6.0technique: 7.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="65" r="20" fill="lightgray" stroke="black" stroke-width="2"/>
  <circle cx="50" cy="40" r="25" fill="lightgray" stroke="black" stroke-width="2"/>
  <polygon points="40,15 30,35 50,25" fill="lightgray" stroke="black" stroke-width="2"/>
  <polygon points="60,15 70,35 50,25" fill="lightgray" stroke="black" stroke-width="2"/>
  <circle cx="40" cy="35" r="3" fill="black"/>
  <circle cx="60" cy="35" r="3" fill="black"/>
  <polygon points="50,50 45,55 55,55" fill="black"/>
  <path d="M50,55 L50,60 M50,60 L45,65 M50,60 L55,65" stroke="black" stroke-width="1" fill="none"/>
  <path d="M45,53 L30,50 M45,55 L30,55 M45,57 L30,60" stroke="black" stroke-width="1" fill="none"/>
  <path d="M55,53 L70,50 M55,55 L70,55 M55,57 L70,60" stroke="black" stroke-width="1" fill="none"/>
  <circle cx="40" cy="85" r="5" fill="lightgray" stroke="black" stroke-width="2"/>
  <circle cx="60" cy="85" r="5" fill="lightgray" stroke="black" stroke-width="2"/>
</svg>

constraint #28.8

✕ CLOSE

DeepSeek R1 · constraint · attempt 2 · score 8.8

cat likeness: 9.0aesthetic: 7.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 180">
  <circle cx="100" cy="80" r="40" fill="lightgray" stroke="black"/>
  <polygon points="70,40 85,15 100,40" fill="pink" stroke="black"/>
  <polygon points="130,40 115,15 100,40" fill="pink" stroke="black"/>
  <circle cx="85" cy="70" r="5" fill="black"/>
  <circle cx="115" cy="70" r="5" fill="black"/>
  <polygon points="100,85 90,95 110,95" fill="pink" stroke="black"/>
  <path d="M95 105 Q100 95 105 105" stroke="black" fill="none"/>
  <ellipse cx="100" cy="140" rx="50" ry="30" fill="lightgray" stroke="black"/>
  <path d="M150 140 Q180 120 160 160" stroke="black" fill="none"/>
  <path d="M60 90 Q85 92 90 95 M60 100 Q85 100 90 100 M60 110 Q85 108 90 105" stroke="black" fill="none"/>
  <path d="M140 90 Q115 92 110 95 M140 100 Q115 100 110 100 M140 110 Q115 108 110 105" stroke="black" fill="none"/>
</svg>

constraint #38.5

✕ CLOSE

DeepSeek R1 · constraint · attempt 3 · score 8.5

cat likeness: 8.0aesthetic: 7.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
  <ellipse cx="100" cy="120" rx="60" ry="40" fill="lightgray"/>
  <circle cx="100" cy="70" r="40" fill="lightgray"/>
  <polygon points="80,25 65,50 95,50" fill="lightgray"/>
  <polygon points="120,25 135,50 105,50" fill="lightgray"/>
  <circle cx="85" cy="65" r="8" fill="black"/>
  <circle cx="115" cy="65" r="8" fill="black"/>
  <polygon points="100,80 90,90 110,90" fill="black"/>
  <path d="M100 90 Q100 100 90 105" stroke="black" fill="none"/>
  <line x1="70" y1="85" x2="30" y2="80" stroke="black"/>
  <line x1="70" y1="95" x2="30" y2="100" stroke="black"/>
  <line x1="130" y1="85" x2="170" y2="80" stroke="black"/>
  <line x1="130" y1="95" x2="170" y2="100" stroke="black"/>
</svg>

constraint #48.5

✕ CLOSE

DeepSeek R1 · constraint · attempt 4 · score 8.5

cat likeness: 9.0aesthetic: 7.0technique: 8.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
  <!-- Body -->
  <ellipse cx="100" cy="130" rx="50" ry="40" fill="#ffa500" stroke="black"/>
  
  <!-- Head -->
  <circle cx="100" cy="80" r="40" fill="#ffa500" stroke="black"/>
  
  <!-- Ears -->
  <polygon points="70,45 85,20 100,45" fill="#ffa500" stroke="black"/>
  <polygon points="100,45 115,20 130,45" fill="#ffa500" stroke="black"/>
  
  <!-- Eyes -->
  <circle cx="80" cy="70" r="8" fill="white" stroke="black"/>
  <circle cx="120" cy="70" r="8" fill="white" stroke="black"/>
  
  <!-- Pupils -->
  <circle cx="82" cy="70" r="3" fill="black"/>
  <circle cx="122" cy="70" r="3" fill="black"/>
  
  <!-- Nose -->
  <polygon points="100,90 95,100 105,100" fill="pink" stroke="black"/>
  
  <!-- Mouth -->
  <path d="M95 110 Q100 120 105 110" stroke="black" fill="none"/>
  
  <!-- Whiskers (grouped) -->
  <path d="M90 95 L70 90 M90 100 L70 100 M90 105 L70 110 M110 95 L130 90 M110 100 L130 100 M110 105 L130 110" stroke="black"/>
  
  <!-- Tail -->
  <path d="M150 130 C170 100 180 120 160 150" stroke="black" fill="none"/>
</svg>

animation

“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”

animation #18.5

✕ CLOSE

DeepSeek R1 · animation · attempt 1 · score 8.5

cat likeness: 8.0aesthetic: 7.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150">
  <!-- Cat body -->
  <ellipse cx="100" cy="90" rx="40" ry="30" fill="#a0a0a0"/>
  
  <!-- Head -->
  <circle cx="100" cy="60" r="25" fill="#a0a0a0"/>
  
  <!-- Ears -->
  <path d="M85 40 L75 25 L90 35 Z" fill="#a0a0a0"/>
  <path d="M115 40 L125 25 L110 35 Z" fill="#a0a0a0"/>
  
  <!-- Eyes -->
  <circle cx="90" cy="55" r="3" fill="black"/>
  <circle cx="110" cy="55" r="3" fill="black"/>
  
  <!-- Nose -->
  <path d="M100 65 L95 70 L105 70 Z" fill="pink"/>
  
  <!-- Whiskers -->
  <line x1="95" y1="70" x2="80" y2="65" stroke="black" stroke-width="1"/>
  <line x1="95" y1="73" x2="80" y2="75" stroke="black" stroke-width="1"/>
  <line x1="105" y1="70" x2="120" y2="65" stroke="black" stroke-width="1"/>
  <line x1="105" y1="73" x2="120" y2="75" stroke="black" stroke-width="1"/>
  
  <!-- Animated tail -->
  <g transform="translate(140,90)">
    <g>
      <animateTransform attributeName="transform" type="rotate" values="-25;25;-25" keyTimes="0;0.5;1" dur="1.5s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1; 0.5 0 0.5 1"/>
      <path d="M0,0 C15,-15 30,-25 45,-35 S70,-45 60,-60" stroke="#a0a0a0" stroke-width="8" fill="none" stroke-linecap="round"/>
    </g>
  </g>
  
  <!-- Legs -->
  <rect x="85" y="115" width="8" height="20" fill="#a0a0a0" rx="3"/>
  <rect x="107" y="115" width="8" height="20" fill="#a0a0a0" rx="3"/>
</svg>

animation #27.8

✕ CLOSE

DeepSeek R1 · animation · attempt 2 · score 7.8

cat likeness: 8.0aesthetic: 7.0technique: 7.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 80 200 150" width="400" height="300">
  <!-- Tail with continuous sway animation -->
  <g transform="translate(180,150)">
    <animateTransform attributeName="transform" attributeType="XML" type="rotate" 
                      from="-15" to="15" dur="1.5s" repeatCount="indefinite" direction="alternate"/>
    <path d="M0,0 C30,-20 50,-40 60,-70" stroke="#7F5539" stroke-width="8" fill="none" stroke-linecap="round"/>
  </g>
  
  <!-- Body -->
  <circle cx="150" cy="140" r="40" fill="#FFA94D" stroke="#7F5539" stroke-width="2"/>
  
  <!-- Head -->
  <circle cx="190" cy="110" r="35" fill="#FFA94D" stroke="#7F5539" stroke-width="2"/>
  
  <!-- Ears -->
  <path d="M170,80 L180,60 L190,80 Z" fill="#FFA94D" stroke="#7F5539" stroke-width="1.5"/>
  <path d="M200,80 L210,60 L220,80 Z" fill="#FFA94D" stroke="#7F5539" stroke-width="1.5"/>
  
  <!-- Eyes -->
  <circle cx="180" cy="105" r="5" fill="#333"/>
  <circle cx="200" cy="105" r="5" fill="#333"/>
  
  <!-- Nose -->
  <path d="M190,120 L190,125 L185,125 Z" fill="#FF6B6B"/>
  
  <!-- Whiskers -->
  <line x1="170" y1="115" x2="150" y2="115" stroke="#7F5539" stroke-width="1"/>
  <line x1="170" y1="120" x2="150" y2="125" stroke="#7F5539" stroke-width="1"/>
  <line x1="170" y1="125" x2="150" y2="135" stroke="#7F5539" stroke-width="1"/>
  <line x1="210" y1="115" x2="230" y2="115" stroke="#7F5539" stroke-width="1"/>
  <line x1="210" y1="120" x2="230" y2="125" stroke="#7F5539" stroke-width="1"/>
  <line x1="210" y1="125" x2="230" y2="135" stroke="#7F5539" stroke-width="1"/>
  
  <!-- Legs -->
  <rect x="130" y="170" width="15" height="25" rx="5" fill="#FFA94D" stroke="#7F5539" stroke-width="1.5"/>
  <rect x="155" y="170" width="15" height="25" rx="5" fill="#FFA94D" stroke="#7F5539" stroke-width="1.5"/>
</svg>

animation #37.3

✕ CLOSE

DeepSeek R1 · animation · attempt 3 · score 7.3

cat likeness: 8.0aesthetic: 6.0technique: 6.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200" width="300" height="200">
  <!-- Cat body -->
  <ellipse cx="150" cy="130" rx="70" ry="30" fill="#a79"/>
  
  <!-- Head -->
  <circle cx="180" cy="100" r="30" fill="#a79"/>
  
  <!-- Eyes -->
  <circle cx="170" cy="90" r="4" fill="#222"/>
  <circle cx="190" cy="90" r="4" fill="#222"/>
  
  <!-- Nose -->
  <path d="M178 105 Q180 108 182 105 Q180 107 178 105" fill="#f9a"/>
  
  <!-- Ears -->
  <path d="M155 80 L165 60 L175 80 Z" fill="#a79"/>
  <path d="M185 80 L195 60 L205 80 Z" fill="#a79"/>
  
  <!-- Legs -->
  <rect x="130" y="130" width="15" height="40" fill="#a79"/>
  <rect x="155" y="130" width="15" height="40" fill="#a79"/>
  
  <!-- Animated tail group -->
  <g transform="translate(80,130)">
    <path d="M0,0 Q-25,-30 -40,-60" stroke="#a79" stroke-width="10" fill="none" stroke-linecap="round">
      <animateTransform attributeName="transform" type="rotate" from="-30" to="30" repeatCount="indefinite" dur="2s" additive="sum" calcMode="spline" keySplines="0.5 0 0.5 1; 0.5 0 0.5 1" keyTimes="0;0.5;1" values="0;-30;0"/>
    </path>
  </g>
  
  <!-- Decorative floor line -->
  <line x1="0" y1="170" x2="300" y2="170" stroke="#222" stroke-width="1"/>
</svg>

animation #46.8

✕ CLOSE

DeepSeek R1 · animation · attempt 4 · score 6.8

cat likeness: 8.0aesthetic: 5.0technique: 6.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200">
  <!-- Tail -->
  <g transform="translate(200, 100)">
    <path d="M0,0 C-30,-20 -60,-40 -80,-30 C-100,-20 -90,10 -60,20 C-30,30 0,20 0,0" fill="#ffa500" stroke="#000" stroke-width="2">
      <animateTransform attributeName="transform" type="rotate" from="0" to="20" begin="0s" dur="1.5s" repeatCount="indefinite" additive="sum" calcMode="spline" keySplines="0.5 0 0.5 1; 0.5 0 0.5 1" keyTimes="0;0.5;1"/>
      <animateTransform attributeName="transform" type="rotate" from="0" to="-20" begin="1.5s" dur="1.5s" repeatCount="indefinite" additive="sum" calcMode="spline" keySplines="0.5 0 0.5 1; 0.5 0 0.5 1" keyTimes="0;0.5;1"/>
    </path>
  </g>
  
  <!-- Body -->
  <ellipse cx="150" cy="100" rx="50" ry="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Head -->
  <circle cx="100" cy="80" r="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Legs -->
  <rect x="110" y="130" width="15" height="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <rect x="130" y="130" width="15" height="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <rect x="160" y="130" width="15" height="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <rect x="180" y="130" width="15" height="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Ears -->
  <polygon points="80,50 70,65 90,65" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="120,50 110,65 130,65" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Eyes -->
  <circle cx="90" cy="75" r="5" fill="#fff" stroke="#000" stroke-width="1"/>
  <circle cx="110" cy="75" r="5" fill="#fff" stroke="#000" stroke-width="1"/>
  <circle cx="89" cy="75" r="2" fill="#000"/>
  <circle cx="109" cy="75" r="2" fill="#000"/>
  
  <!-- Nose -->
  <polygon points="100,90 95,95 105,95" fill="#ff6b81"/>
</svg>