← high scores

GPT-3.5 Turbo

RANK 25 · MEOWSCORE 45.7 · legacy · US · closed

minimal

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

GPT-3.5 Turbo — minimal attempt 1minimal #14.0
✕ CLOSE

GPT-3.5 Turbo · minimal · attempt 1 · score 4.0

cat likeness: 1.0aesthetic: 6.0technique: 8.0prompt fidelity: 1.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="50" r="40" fill="orange"/>
  <circle cx="35" cy="40" r="5" fill="black"/>
  <circle cx="65" cy="40" r="5" fill="black"/>
  <path d="M35 70 Q50 80 65 70" fill="none" stroke="black" stroke-width="3"/>
</svg>
GPT-3.5 Turbo — minimal attempt 2minimal #27.8
✕ CLOSE

GPT-3.5 Turbo · minimal · attempt 2 · 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 100 100" width="100" height="100">
  <!-- Head -->
  <circle cx="50" cy="40" r="30" fill="#f9e6a4"/>
  <!-- Ears -->
  <path d="M35,20 L30,10 L40,20 Z" fill="#f9e6a4"/>
  <path d="M65,20 L60,10 L70,20 Z" fill="#f9e6a4"/>
  <!-- Eyes -->
  <circle cx="42" cy="35" r="5" fill="#242424"/>
  <circle cx="58" cy="35" r="5" fill="#242424"/>
  <!-- Nose -->
  <circle cx="50" cy="42" r="3" fill="#8a4c4d"/>
  <!-- Whiskers -->
  <line x1="42" y1="42" x2="30" y2="45" stroke="#242424" stroke-width="1.5"/>
  <line x1="58" y1="42" x2="70" y2="45" stroke="#242424" stroke-width="1.5"/>
  <!-- Mouth -->
  <path d="M48,48 Q50,52 52,48" stroke="#8a4c4d" stroke-width="1.5" fill="none"/>
</svg>
GPT-3.5 Turbo — minimal attempt 3minimal #37.8
✕ CLOSE

GPT-3.5 Turbo · minimal · 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 100 100">
  <!-- Cat body -->
  <circle cx="50" cy="60" r="30" fill="#ffe0bd" />
  <!-- Cat head -->
  <circle cx="50" cy="40" r="20" fill="#ffe0bd" />
  <!-- Eyes -->
  <circle cx="45" cy="35" r="2" fill="black" />
  <circle cx="55" cy="35" r="2" fill="black" />
  <!-- Whiskers -->
  <path d="M40,40 Q30,35 35,30" stroke="black" stroke-width="1" fill="none" />
  <path d="M60,40 Q70,35 65,30" stroke="black" stroke-width="1" fill="none" />
</svg>
GPT-3.5 Turbo — minimal attempt 4minimal #45.0
✕ CLOSE

GPT-3.5 Turbo · minimal · attempt 4 · score 5.0

cat likeness: 3.0aesthetic: 6.0technique: 7.0prompt fidelity: 4.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="50" r="40" fill="#59c9a5"/>
  <circle cx="35" cy="40" r="7" fill="white"/>
  <circle cx="65" cy="40" r="7" fill="white"/>
  <path d="M50 60 C42 50, 58 50, 50 60" stroke="black" stroke-width="4" fill="transparent"/>
</svg>

realistic

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

GPT-3.5 Turbo — realistic attempt 1realistic #11.5
✕ CLOSE

GPT-3.5 Turbo · realistic · attempt 1 · score 1.5

cat likeness: 1.0aesthetic: 2.0technique: 2.0prompt fidelity: 1.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Cat body -->
  <g id="body">
    <path d="M50,60 C35,50 30,40 30,30 C30,20 38,15 50,15 C62,15 70,20 70,30 C70,40 65,50 50,60 Z" fill="#666666" />
    <!-- Cat face -->
    <ellipse cx="50" cy="30" rx="20" ry="25" fill="#666666" />
    <!-- Ears -->
    <path d="M30,20 L35,10 L40,20 Z" fill="#666666" />
    <path d="M60,20 L65,10 L70,20 Z" fill="#666666" />
    <!-- Eyes -->
    <circle cx="43" cy="30" r="3" fill="#333333" />
    <circle cx="57" cy="30" r="3" fill="#333333" />
    <!-- Nose -->
    <circle cx="50" cy="35" r="2" fill="#333333" />
  </g>

  <!-- Fur shading -->
  <defs>
    <radialGradient id="furGradient" cx="0.5" cy="0.5" r="0.5">
      <stop offset="0%" stop-color="#ffffff" />
      <stop offset="100%" stop-color="#666666" />
    </radialGradient>
  </defs>

  <rect x="0" y="0" width="100" height="100" fill="url(#furGradient)" />
</svg>
GPT-3.5 Turbo — realistic attempt 2realistic #22.3
✕ CLOSE

GPT-3.5 Turbo · realistic · attempt 2 · score 2.3

cat likeness: 2.0aesthetic: 2.0technique: 4.0prompt fidelity: 1.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="400" height="400" viewBox="0 0 24 24">
    <defs>
        <filter id="fur" x="-20%" y="-20%" width="140%" height="140%">
            <feTurbulence type="fractalNoise" baseFrequency="0.02" numOctaves="2" result="turbulence"/>
            <feDiffuseLighting in="turbulence" surfaceScale="3" lighting-color="#333" result="diffuseLighting">
                <feDistantLight azimuth="225" elevation="45"/>
            </feDiffuseLighting>
            <feComposite in="SourceGraphic" in2="diffuseLighting" operator="atop"/>
        </filter>
    </defs>
    <path fill="#322F20" d="M6.5 8.7C5.7 10.1 2 15.9 1 18.5c-.2.6-.1 1.1.3 1.5.3.3.9.4 1.5-.2.5-.5 6.8-7.6 7.7-9.1.2-.7.1-1.1-.5-1.5z"/>
    <circle cx="6.5" cy="8.5" r="1" fill="#322F20"/>
    <path fill="none" stroke="#322F20" stroke-width=".5" d="M9 11.8c.9.1 4.5 1 5.1 1.4.6.5.6 1.1.3 1.9"/>
    <path fill="#322F20" d="M18.7 9.6c1.3 1.4 2.3 3.3 2.9 5.2.3.8.2 1.5-.3 1.9-.6.5-2.6.8-4.2.3-.7-.3-4.2-1.5-4.8-2.6-.5-1.1-.3-1.9.6-2.8 1.3-1.4 3.5-1.7 5.8-2z"/>
    <circle cx="18.6" cy="9.7" r="1" fill="#322F20"/>
    <path fill="none" stroke="#322F20" stroke-width=".5" d="M12 13.4c.6 1 .9 2.3 1.3 3.5"/>
    <circle cx="12.1" cy="13.4" r=".8" fill="#322F20"/>
    <path fill="none" stroke="#322F20" stroke-width=".5" d="M4 22.6c.7 1.1 1.5 1.3 2.5 1.5"/>
    <path fill="none" stroke="#322F20" stroke-width=".5" d="M20 23.5c-.9-.2-1.7-.4-2.7-1.3"/>
    <path fill="#322F20" d="M12 2C5.4 2 1 3.6 1 8c0 2 .7 5.4 2.4 6.8 0 0 .2.7.9 1 .7.2 1.4-.3 1.7-.9.9-2 2-3.5 5-4.7 3.3-1.3 8.5-.5 11.8 1.8.4.3.7.4 1 .2s.5-.6.2-1c-.8-1.1-3.9-2.2-7.2-2.5-.5 0-.9-.1-1.3-.2C15 2.8 13.8 2 12 2zM16 0c.2 0 .3 0 .5.1.6.3 1.4 1.5 1.3 2.8-.2 4-2.3 6.2-6.8 7.6-2.9.8-6 .9-8.4.2-.2-.1-.4-.2-.6-.2-.3-.2-.5-.2-.7-.2-.2.1-.4.1-.7.2-2.6.9-5.5 1.4-7.7 2.6-.5.4-.8 1-1 1.7 1.1.5 2.4.9 4.2.5 4.5-.8 7.9-2.6 8-4.8.1-2.3-2.2-3.4-4.2-4-1.9-.6-4-1.1-5.9-1.5C3 1 .1 0 .3 0c.1 0 10.3 2.4 12.7 2zM10.9 11.7c.2 0 .5 0 .7.2 1.6 1.1 3.4 1.9 4.6 2.4 1.7.7 3.7 1 5.7.8.1 0 .3 0 .4.1-.9-.8-4.6-2.1-5.6-2.6-1.8-.7-3.6-1-5.4-.9-1.5 0-3 .4-4.5 1-.2.1-.3.1-.3.3.1.1.2.3.3.4"/>
    <path fill="none" d="M16.8 21.3c-.1-.1-.1-.3-.2-.4-1.4-.5-3.5-1.1-5.1-2.3-1.8-1.4-4-4.5-4.2-6.9-.2-2.8 2.3-4.6 3.3-5.2 2.3-1.6 6-2.2 10.1-1 .8.2 1.6.5 2.4.9-.6-.4-3.2-.9-5.3-.8-2 .1-4 .6-5.8 1.4-1.2.5-2.2 1.1-3 1.7-.4.3-.7.6-1 1.1-.1.1-.2.1-.3.2-1 .9-2.2 2.3-1.9 3.5.2 1 2.3-.1 3.5-1 .1-.1.2-.2.2-.3.5-.5.9-1 .6-1.4z" filter="url(#fur)"/>
</svg>
GPT-3.5 Turbo — realistic attempt 3realistic #33.3
✕ CLOSE

GPT-3.5 Turbo · realistic · attempt 3 · score 3.3

cat likeness: 3.0aesthetic: 5.0technique: 4.0prompt fidelity: 1.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
  <circle cx="150" cy="120" r="80" fill="#FFDBAC" />
  <path d="M216 120a57 100 0 01-114 0" fill="#FFDBAC" />
  <path d="M84 120a55 100 0 01112 0" fill="#FFDBAC" />
  <path d="M150 160c-40 0-70 20-70 50h140c0-30-30-50-70-50z" fill="#FFDBAC" />
  <path d="M104 120c-20 0-20-30 0-30s20 30 0 30z" fill="#000" />
  <path d="M196 120c-20 0-20-30 0-30s20 30 0 30z" fill="#000" />
  <circle cx="130" cy="100" r="10" fill="#FFF" />
  <circle cx="170" cy="100" r="10" fill="#FFF" />
  <circle cx="130" cy="100" r="4" fill="#000" />
  <circle cx="170" cy="100" r="4" fill="#000" />
</svg>
GPT-3.5 Turbo — realistic attempt 4realistic #44.0
✕ CLOSE

GPT-3.5 Turbo · realistic · attempt 4 · score 4.0

cat likeness: 5.0aesthetic: 3.0technique: 6.0prompt fidelity: 2.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Cat body -->
  <ellipse cx="50" cy="60" rx="30" ry="35" fill="#9e7f6d" />
  <!-- Cat head -->
  <circle cx="50" cy="40" r="20" fill="#9e7f6d" />
  <!-- Ears -->
  <path d="M35,30 45,10 55,30" fill="#9e7f6d" />
  <path d="M45,10 55,30 65,30" fill="#9e7f6d" />
  <!-- Eyes -->
  <circle cx="44" cy="41" r="3" fill="black" />
  <circle cx="56" cy="41" r="3" fill="black" />
  <!-- Nose -->
  <circle cx="50" cy="46" r="2" fill="pink" />
  <!-- Mouth -->
  <path d="M48,50 Q50,52 52,50" stroke="black" fill="none" />
  <!-- Body fur shading -->
  <ellipse cx="50" cy="50" rx="28" ry="30" fill="#8b6d5f" />
  <!-- Tail -->
  <path d="M30,62 Q20,65 20,75" stroke="#9e7f6d" fill="none" />
</svg>

action

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

GPT-3.5 Turbo — action attempt 1action #14.5
✕ CLOSE

GPT-3.5 Turbo · action · attempt 1 · score 4.5

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Cat body -->
  <circle cx="50" cy="60" r="30" fill="gray"/>
  
  <!-- Cat head -->
  <circle cx="50" cy="40" r="20" fill="gray"/>
  
  <!-- Cat ears -->
  <polygon points="40,30 45,15 50,30" fill="gray"/>
  <polygon points="50,30 55,15 60,30" fill="gray"/>
  
  <!-- Cat eyes -->
  <circle cx="45" cy="40" r="3" fill="black"/>
  <circle cx="55" cy="40" r="3" fill="black"/>
  
  <!-- Cat nose -->
  <circle cx="50" cy="45" r="2" fill="pink"/>
  
  <!-- Cat mouth -->
  <ellipse cx="50" cy="48" rx="5" ry="2" fill="white" stroke="black"/>
  
  <!-- Bicycle body -->
  <rect x="35" y="60" width="30" height="5" fill="black"/>
  
  <!-- Bicycle wheels -->
  <circle cx="40" cy="65" r="5" fill="black"/>
  <circle cx="60" cy="65" r="5" fill="black"/>
  
  <!-- Bicycle pedals -->
  <circle cx="38" cy="60" r="2" fill="black"/>
  <circle cx="62" cy="60" r="2" fill="black"/>
</svg>
GPT-3.5 Turbo — action attempt 2action #23.8
✕ CLOSE

GPT-3.5 Turbo · action · attempt 2 · score 3.8

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

the actual svg, as the machine wrote it:

<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
  <!-- Cat body -->
  <circle cx="200" cy="220" r="80" fill="gray"/>
  <!-- Cat head -->
  <circle cx="140" cy="180" r="40" fill="gray"/>
  <!-- Cat ears -->
  <circle cx="110" cy="140" r="20" fill="gray"/>
  <circle cx="170" cy="140" r="20" fill="gray"/>
  <!-- Cat eyes -->
  <circle cx="130" cy="170" r="5" fill="black"/>
  <circle cx="150" cy="170" r="5" fill="black"/>
  <!-- Cat nose -->
  <circle cx="140" cy="190" r="3" fill="black"/>
  <!-- Cat mouth -->
  <path d="M130 200 Q140 220 150 200" stroke="black" fill="transparent" />
  <!-- Cat body -->
  <path d="M120 240 Q140 260 160 240 Q180 220 200 240 Q220 220 240 240" fill="gray"/>
  <!-- Cat legs -->
  <path d="M160 240 L160 280" stroke="gray" />
  <path d="M200 240 L200 280" stroke="gray" />
  <!-- Bicycle -->
  <path d="M100 280 L100 300 L240 300 L240 280 Z" fill="black"/>
  <path d="M100 300 L120 320 L220 320 L240 300" fill="transparent" stroke="black" />
</svg>
GPT-3.5 Turbo — action attempt 3action #33.3
✕ CLOSE

GPT-3.5 Turbo · action · attempt 3 · score 3.3

cat likeness: 4.0aesthetic: 3.0technique: 4.0prompt fidelity: 2.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Cat body -->
  <circle cx="45" cy="70" r="15" fill="gray"/>
  <!-- Cat head -->
  <circle cx="45" cy="55" r="10" fill="gray"/>
  <!-- Cat ears -->
  <circle cx="40" cy="50" r="3" fill="gray"/>
  <circle cx="50" cy="50" r="3" fill="gray"/>
  <!-- Cat eyes -->
  <circle cx="42" cy="55" r="1" fill="black"/>
  <circle cx="48" cy="55" r="1" fill="black"/>
  <!-- Cat nose -->
  <circle cx="45" cy="57" r="1" fill="pink"/>
  <!-- Cat bicycle -->
  <circle cx="32" cy="75" r="2" fill="black"/>
  <circle cx="58" cy="75" r="2" fill="black"/>
  <rect x="35" y="70" width="30" height="5" fill="gray"/>
  <circle cx="35" cy="75" r="5" fill="black"/>
  <circle cx="65" cy="75" r="5" fill="black"/>
</svg>
GPT-3.5 Turbo — action attempt 4action #44.3
✕ CLOSE

GPT-3.5 Turbo · action · attempt 4 · score 4.3

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Body -->
  <circle cx="50" cy="40" r="20" fill="#FFD700"/>
  <!-- Head -->
  <circle cx="50" cy="25" r="10" fill="#FFD700"/>
  <!-- Ears -->
  <circle cx="42" cy="20" r="3" fill="#FFD700"/>
  <circle cx="58" cy="20" r="3" fill="#FFD700"/>
  <!-- Eyes -->
  <circle cx="46" cy="23" r="1" fill="black"/>
  <circle cx="54" cy="23" r="1" fill="black"/>
  <!-- Nose -->
  <polygon points="50,25 49,28 51,28" fill="pink"/>
  <!-- Mouth -->
  <path d="M 49,28 Q 50,29 51,28" stroke="black" fill="transparent"/>
  <!-- Legs -->
  <rect x="45" y="40" width="3" height="10" fill="#A0522D"/>
  <rect x="52" y="40" width="3" height="10" fill="#A0522D"/>
  <!-- Wheel -->
  <circle cx="45" cy="50" r="5" fill="black"/>
  <circle cx="55" cy="50" r="5" fill="black"/>
  <!-- Handlebar -->
  <line x1="47" y1="25" x2="47" y2="35" stroke="black" stroke-width="1"/>
  <line x1="53" y1="25" x2="53" y2="35" stroke="black" stroke-width="1"/>
  <line x1="47" y1="25" x2="45" y2="30" stroke="black" stroke-width="1"/>
</svg>

style

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

GPT-3.5 Turbo — style attempt 1style #14.5
✕ CLOSE

GPT-3.5 Turbo · style · attempt 1 · score 4.5

cat likeness: 3.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 100 100">
  <polygon points="50,10 90,30 80,70 60,80 50,60 40,80 20,70 10,30" fill="pink" stroke="black" stroke-width="1" />
  <polygon points="50,10 50,60 80,70 90,30" fill="white" stroke="black" stroke-width="1" />
  <polygon points="50,60 30,70 40,80 50,70" fill="white" stroke="black" stroke-width="1" />
  <polygon points="50,70 60,80 70,70 50,60" fill="white" stroke="black" stroke-width="1" />
</svg>
GPT-3.5 Turbo — style attempt 2style #26.8
✕ CLOSE

GPT-3.5 Turbo · style · attempt 2 · score 6.8

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <!-- Head -->
  <polygon points="20,30 50,10 80,30 50,50" fill="pink"/>
  <!-- Ears -->
  <polygon points="20,30 30,20 40,30" fill="pink"/>
  <polygon points="80,30 70,20 60,30" fill="pink"/>
  <!-- Eyes -->
  <circle cx="40" cy="25" r="2" fill="black"/>
  <circle cx="60" cy="25" r="2" fill="black"/>
  <!-- Nose -->
  <polygon points="50,30 48,35 52,35" fill="black"/>
  <!-- Body -->
  <polygon points="50,50 70,80 50,90 30,80" fill="pink"/>
</svg>
GPT-3.5 Turbo — style attempt 3style #35.3
✕ CLOSE

GPT-3.5 Turbo · style · attempt 3 · score 5.3

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

the actual svg, as the machine wrote it:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <polygon points="45,35 25,45 45,55 25,65 45,75 60,50" fill="white" stroke="black" stroke-width="1"/>
  <polygon points="45,55 65,45 45,35 65,25 45,15 30,40" fill="white" stroke="black" stroke-width="1"/>
  <polygon points="45,55 65,65 45,75 65,85 45,95 30,70" fill="white" stroke="black" stroke-width="1"/>
</svg>
GPT-3.5 Turbo — style attempt 4style #48.0
✕ CLOSE

GPT-3.5 Turbo · style · attempt 4 · score 8.0

cat likeness: 7.0aesthetic: 8.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 -->
  <path fill="#f9e0d2" d="M30,25 L70,25 L85,50 L70,75 L30,75 L15,50 Z" />
  <path fill="#ffffff" d="M30,25 L50,45 L70,25" />
  <path fill="#ffffff" d="M50,46 L65,60 L50,74 L35,60 Z" />
  <!-- Ears -->
  <polygon fill="#f4c2a6" points="30,25 25,30 30,35" />
  <polygon fill="#f4c2a6" points="70,25 75,30 70,35" />
  <!-- Eyes -->
  <circle cx="45" cy="40" r="2" fill="#34282c" />
  <circle cx="55" cy="40" r="2" fill="#34282c" />
  <!-- Nose -->
  <polygon fill="#34282c" points="50,45 48,48 52,48" />
  <!-- Body -->
  <polygon fill="#f9e0d2" points="30,75 50,95 70,75" />
  <polygon fill="#ffffff" points="30,75 50,60 70,75" />
  <!-- Tail -->
  <path fill="#ffffff" d="M25,60 Q20,80 25,95" />
  <path fill="#f4c2a6" d="M27,70 Q24,85 30,95" />
  <path fill="#f4c2a6" d="M29,80 Q27,90 33,94" />
</svg>

constraint

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

GPT-3.5 Turbo — constraint attempt 1constraint #16.3
✕ CLOSE

GPT-3.5 Turbo · constraint · attempt 1 · score 6.3

cat likeness: 3.0aesthetic: 6.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 100 100">
  <circle cx="50" cy="40" r="30" fill="yellow"/>
  <circle cx="35" cy="35" r="5" fill="black"/>
  <circle cx="65" cy="35" r="5" fill="black"/>
  <path d="M50 50 Q40 60, 30 50 Q35 70, 50 69 Q65 70, 70 50 Q60 60, 50 50" fill="yellow" stroke="black" stroke-width="2"/>
</svg>
GPT-3.5 Turbo — constraint attempt 2constraint #26.8
✕ CLOSE

GPT-3.5 Turbo · constraint · attempt 2 · score 6.8

cat likeness: 4.0aesthetic: 5.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 100 100">
  <circle cx="50" cy="35" r="20" fill="gray"/>
  <circle cx="38" cy="33" r="5" fill="black"/>
  <circle cx="62" cy="33" r="5" fill="black"/>
  <path d="M50 40 Q30 60 50 60 Q70 60 50 40 Z" fill="gray"/>
  <path d="M50 43 Q40 53 50 53 Q60 53 50 43 Z" fill="pink"/>
</svg>
GPT-3.5 Turbo — constraint attempt 3constraint #34.0
✕ CLOSE

GPT-3.5 Turbo · constraint · attempt 3 · score 4.0

cat likeness: 1.0aesthetic: 6.0technique: 7.0prompt fidelity: 2.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="50" r="30" fill="yellow"/>
  <path d="M50 58 Q35 70 30 70 Q45 75 50 75 Q55 75 70 70 Q65 70 50 58z" fill="pink"/>
  <ellipse cx="38" cy="45" rx="5" ry="8" fill="black"/>
  <ellipse cx="62" cy="45" rx="5" ry="8" fill="black"/>
</svg>
GPT-3.5 Turbo — constraint attempt 4constraint #43.3
✕ CLOSE

GPT-3.5 Turbo · constraint · attempt 4 · score 3.3

cat likeness: 1.0aesthetic: 3.0technique: 5.0prompt fidelity: 4.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="50" r="30" fill="yellow"/>
  <path d="M50 35 c-15 0 -25 10 -25 25 s10 25 25 25 s25 -10 25 -25 s-10 -25 -25 -25 Z" fill="yellow"/>
  <circle cx="40" cy="40" r="5" fill="black"/>
  <circle cx="60" cy="40" r="5" fill="black"/>
  <path d="M50 50 q-10 5 -20 0" stroke="black" stroke-width="2" fill="transparent"/>
  <line x1="45" y1="65" x2="48" y2="60" stroke="black" stroke-width="2"/>
  <line x1="55" y1="65" x2="52" y2="60" stroke="black" stroke-width="2"/>
</svg>

animation

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

GPT-3.5 Turbo — animation attempt 1animation #10.0
✕ CLOSE

GPT-3.5 Turbo · animation · attempt 1 · score 0.0

the actual svg, as the machine wrote it:

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <rect x="80" y="20" width="40" height="60" fill="gray"/>
  <circle cx="100" cy="30" r="20" fill="gray"/>
  <ellipse cx="100" cy="75" rx="15" ry="10" fill="gray"/>
  <path d="M 100 90 Q 90 100 100 110 Q 110 100 100 90 Z" fill="gray"/>
  <path id="tail" d="M 120 110 Q 150 120 170 100" stroke="gray" stroke-width="5" fill="transparent"/>
  <text x="40" y="150" font-family="Arial" font-size="16" fill="black">🐱</text>
  <animate xlink:href="#tail" attributeName="d" dur="2s" repeatCount="indefinite"
           values="M 120 110 Q 150 120 170 100; M 120 110 Q 150 100 170 110; M 120 110 Q 150 120 170 100"/>
</svg>
GPT-3.5 Turbo — animation attempt 2animation #23.8
✕ CLOSE

GPT-3.5 Turbo · animation · attempt 2 · score 3.8

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <path d="M50 30 Q45 18 40 30 Q37 40 32 40 Q30 45 35 50 Q40 55 40 62 Q40 65 35 68 Q30 70 25 68 Q20 65 20 62 Q20 55 25 50 Q30 45 28 40 Q23 40 20 30" fill="#FFCCCB">
    <animate attributeName="d" dur="2s" repeatCount="indefinite" values="M50 30 Q45 18 40 30 Q37 40 32 40 Q30 45 35 50 Q40 55 40 62 Q40 65 35 68 Q30 70 25 68 Q20 65 20 62 Q20 55 25 50 Q30 45 28 40 Q23 40 20 30; M50 30 Q55 40 60 30 Q63 20 68 30 Q70 45 65 50 Q60 55 60 62 Q60 65 65 68 Q70 70 75 68 Q80 65 80 62 Q80 55 75 50 Q70 45 72 40 Q77 40 80 30" />
  </path>
  <circle cx="38" cy="28" r="5" fill="#000"/>
  <circle cx="62" cy="28" r="5" fill="#000"/>
  <path d="M45 42 Q50 60 55 42" fill="none" stroke="#000" stroke-width="2">
    <animate attributeName="d" dur="2s" repeatCount="indefinite" values="M45 42 Q50 60 55 42; M45 42 Q50 55 55 42; M45 42 Q50 60 55 42" />
  </path>
</svg>
GPT-3.5 Turbo — animation attempt 3animation #33.5
✕ CLOSE

GPT-3.5 Turbo · animation · attempt 3 · score 3.5

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <style>
    .tail {
      transform-origin: 80% 50%;
      animation: sway 1s infinite alternate;
    }
    @keyframes sway {
      0% { transform: rotate(10deg); }
      100% { transform: rotate(-10deg); }
    }
  </style>
  
  <circle cx="50" cy="50" r="30" fill="tan"/>
  <circle cx="40" cy="45" r="5" fill="black"/>
  <circle cx="60" cy="45" r="5" fill="black"/>
  <circle cx="50" cy="60" r="5" fill="pink"/>
  <path d="M 50 60 C 60 70, 40 70, 50 60" fill="none" stroke="pink" stroke-width="2" class="tail"/>
</svg>
GPT-3.5 Turbo — animation attempt 4animation #42.0
✕ CLOSE

GPT-3.5 Turbo · animation · attempt 4 · score 2.0

cat likeness: 1.0aesthetic: 3.0technique: 3.0prompt fidelity: 1.0

the actual svg, as the machine wrote it:

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  
  <circle cx="100" cy="100" r="50" fill="yellow"/>
  <ellipse cx="80" cy="90" rx="10" ry="20" fill="black" />
  <ellipse cx="120" cy="90" rx="10" ry="20" fill="black" />
  <path d="M90,110 Q100,130 110,110" stroke="black" fill="transparent"/>
  <rect x="95" y="120" width="10" height="5" fill="black"/>
  
  <animateTransform attributeName="transform" attributeType="XML" type="rotate" 
                    from="0 100 100" to="360 100 100" dur="1s" repeatCount="indefinite" />
</svg>