Llama 4 Maverick
RANK 27 · MEOWSCORE 43.8 · previous · US · open
minimal
“Draw a minimal, flat-design cat as an SVG.”
Llama 4 Maverick · minimal · attempt 1 · score 4.3
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#ccc">
<circle cx="50" cy="50" r="40" />
<path d="M30,70 L40,80 L60,80 L70,70" />
<circle cx="40" cy="40" r="8" fill="#666" />
<circle cx="60" cy="40" r="8" fill="#666" />
</g>
</svg>Llama 4 Maverick · minimal · attempt 2 · score 4.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#666">
<circle cx="40" cy="40" r="10"/>
<circle cx="60" cy="40" r="10"/>
</g>
<path d="M 20 80 Q 50 60, 80 80" stroke="#666" stroke-width="5" fill="none"/>
<path d="M 30 70 L 40 80 L 20 80 Z" fill="#666"/>
<path d="M 70 70 L 60 80 L 80 80 Z" fill="#666"/>
</svg>Llama 4 Maverick · minimal · attempt 3 · score 4.5
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">
<g fill="#CCCCCC">
<circle cx="50" cy="40" r="20" />
<path d="M30,70 Q50,90 70,70 L50,80 Z" />
<path d="M40,50 L45,60 L50,50 Z" />
<path d="M60,50 L55,60 L50,50 Z" />
<path d="M50,65 L55,70 L45,70 Z" />
</g>
</svg>Llama 4 Maverick · minimal · attempt 4 · score 4.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#CCC">
<circle cx="50" cy="40" r="30" />
<path d="M30,70 Q50,90 70,70" />
<circle cx="40" cy="30" r="5" fill="#333" />
<circle cx="60" cy="30" r="5" fill="#333" />
<path d="M45,55 L55,55" stroke="#333" stroke-width="2" />
</g>
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
Llama 4 Maverick · realistic · attempt 1 · score 3.5
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<!-- Background -->
<rect x="0" y="0" width="400" height="300" fill="#f0f0f0" />
<!-- Body -->
<ellipse cx="200" cy="150" rx="80" ry="60" fill="#777" stroke="#333" stroke-width="2" />
<!-- Fur shading -->
<path d="M 180,120 C 160,100 140,120 120,140" fill="none" stroke="#999" stroke-width="5" stroke-linecap="round" />
<path d="M 220,120 C 240,100 260,120 280,140" fill="none" stroke="#999" stroke-width="5" stroke-linecap="round" />
<path d="M 190,180 C 170,200 150,180 130,160" fill="none" stroke="#666" stroke-width="3" stroke-linecap="round" />
<path d="M 210,180 C 230,200 250,180 270,160" fill="none" stroke="#666" stroke-width="3" stroke-linecap="round" />
<!-- Head -->
<circle cx="200" cy="100" r="40" fill="#888" stroke="#333" stroke-width="2" />
<!-- Ears -->
<path d="M 180,80 L 160,60 L 170,70 Z" fill="#777" stroke="#333" stroke-width="1" />
<path d="M 220,80 L 240,60 L 230,70 Z" fill="#777" stroke="#333" stroke-width="1" />
<!-- Eyes -->
<circle cx="190" cy="90" r="10" fill="#000" />
<circle cx="210" cy="90" r="10" fill="#000" />
<!-- Tail -->
<path d="M 200,200 L 250,250 C 260,260 270,260 280,250 L 300,200" fill="none" stroke="#777" stroke-width="10" stroke-linecap="round" />
<!-- Legs -->
<path d="M 180,180 L 160,220" fill="none" stroke="#777" stroke-width="8" stroke-linecap="round" />
<path d="M 220,180 L 240,220" fill="none" stroke="#777" stroke-width="8" stroke-linecap="round" />
<path d="M 200,200 L 200,240" fill="none" stroke="#777" stroke-width="6" stroke-linecap="round" />
<!-- Paws -->
<circle cx="160" cy="220" r="10" fill="#888" stroke="#333" stroke-width="1" />
<circle cx="240" cy="220" r="10" fill="#888" stroke="#333" stroke-width="1" />
<circle cx="200" cy="240" r="12" fill="#888" stroke="#333" stroke-width="1" />
</svg>Llama 4 Maverick · realistic · attempt 2 · score 3.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<!-- Cat body -->
<ellipse cx="200" cy="150" rx="80" ry="60" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Fur shading -->
<path d="M 180,100 C 160,120 140,140 120,160" stroke="#786C3B" stroke-width="2" fill="none" />
<path d="M 220,100 C 240,120 260,140 280,160" stroke="#786C3B" stroke-width="2" fill="none" />
<path d="M 150,180 C 170,200 190,220 210,240" stroke="#786C3B" stroke-width="2" fill="none" />
<!-- Head and ears -->
<circle cx="200" cy="80" r="40" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<path d="M 180,60 L 160,40 L 180,20 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<path d="M 220,60 L 240,40 L 220,20 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Eyes and nose -->
<circle cx="190" cy="70" r="10" fill="#000" />
<circle cx="210" cy="70" r="10" fill="#000" />
<circle cx="200" cy="90" r="5" fill="#FF0000" />
<!-- Legs and tail -->
<rect x="170" y="200" width="20" height="50" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<rect x="210" y="200" width="20" height="50" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<path d="M 200,250 L 220,280 L 240,300" stroke="#786C3B" stroke-width="2" fill="#964B00" />
</svg>Llama 4 Maverick · realistic · attempt 3 · score 4.5
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
<!-- Body -->
<ellipse cx="200" cy="150" rx="80" ry="60" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Head -->
<circle cx="200" cy="80" r="40" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Ears -->
<path d="M 180,60 L 160,40 L 170,60 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<path d="M 220,60 L 240,40 L 230,60 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Eyes -->
<circle cx="185" cy="70" r="8" fill="#FFFFFF" stroke="#000000" stroke-width="1" />
<circle cx="215" cy="70" r="8" fill="#FFFFFF" stroke="#000000" stroke-width="1" />
<circle cx="188" cy="73" r="3" fill="#000000" />
<circle cx="218" cy="73" r="3" fill="#000000" />
<!-- Whiskers -->
<line x1="190" y1="85" x2="160" y2="90" stroke="#FFFFFF" stroke-width="1" />
<line x1="210" y1="85" x2="240" y2="90" stroke="#FFFFFF" stroke-width="1" />
<line x1="190" y1="80" x2="165" y2="80" stroke="#FFFFFF" stroke-width="1" />
<line x1="210" y1="80" x2="235" y2="80" stroke="#FFFFFF" stroke-width="1" />
<!-- Fur shading -->
<path d="M 150,120 L 180,150 L 200,140 L 220,150 L 250,120" fill="none" stroke="#786C3B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M 180,180 L 200,200 L 220,180" fill="none" stroke="#786C3B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M 160,100 L 140,120 L 170,130" fill="none" stroke="#786C3B" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" />
<path d="M 240,100 L 260,120 L 230,130" fill="none" stroke="#786C3B" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" />
<!-- Tail -->
<path d="M 200,220 L 250,250 L 230,270 L 200,240 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
</svg>Llama 4 Maverick · realistic · attempt 4 · score 4.5
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
<!-- Body -->
<ellipse cx="200" cy="200" rx="80" ry="60" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Head -->
<circle cx="200" cy="120" r="50" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Ears -->
<path d="M 170,90 L 150,60 L 180,70 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<path d="M 230,90 L 250,60 L 220,70 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<!-- Eyes -->
<circle cx="180" cy="110" r="10" fill="#000" stroke="#FFF" stroke-width="2" />
<circle cx="220" cy="110" r="10" fill="#000" stroke="#FFF" stroke-width="2" />
<!-- Nose and Mouth -->
<circle cx="200" cy="130" r="5" fill="#FFC0CB" stroke="#FFF" stroke-width="1" />
<path d="M 190,140 Q 200,145 210,140" fill="none" stroke="#FFC0CB" stroke-width="2" />
<!-- Fur shading on body -->
<path d="M 150,180 Q 170,200 200,210 Q 230,200 250,180" stroke="#786C3B" stroke-width="5" fill="none" />
<path d="M 160,200 Q 180,220 200,230 Q 220,220 240,200" stroke="#786C3B" stroke-width="5" fill="none" />
<path d="M 170,220 Q 190,240 200,250 Q 210,240 230,220" stroke="#786C3B" stroke-width="5" fill="none" />
<!-- Fur shading on head -->
<path d="M 180,100 Q 190,90 200,80 Q 210,90 220,100" stroke="#786C3B" stroke-width="3" fill="none" />
<path d="M 190,120 Q 200,110 210,120" stroke="#786C3B" stroke-width="3" fill="none" />
<!-- Tail -->
<path d="M 250,220 L 280,250 L 300,220 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<path d="M 280,250 L 310,280" stroke="#786C3B" stroke-width="5" fill="none" />
<!-- Legs -->
<ellipse cx="160" cy="240" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<ellipse cx="240" cy="240" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<ellipse cx="180" cy="260" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
<ellipse cx="220" cy="260" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
</svg>action
“Draw a cat riding a bicycle as an SVG.”
Llama 4 Maverick · action · attempt 1 · score 4.0
the actual svg, as the machine wrote it:
<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
<!-- Bicycle -->
<g id="bicycle" transform="translate(150, 150)">
<circle cx="0" cy="0" r="20" fill="#666" stroke="#333" stroke-width="2"/>
<circle cx="80" cy="0" r="20" fill="#666" stroke="#333" stroke-width="2"/>
<rect x="-10" y="-5" width="100" height="10" fill="#999" stroke="#333" stroke-width="2" rx="2"/>
<line x1="0" y1="20" x2="0" y2="40" stroke="#333" stroke-width="4"/>
<line x1="80" y1="20" x2="80" y2="40" stroke="#333" stroke-width="4"/>
<line x1="-20" y1="30" x2="100" y2="30" stroke="#333" stroke-width="2"/>
</g>
<!-- Cat -->
<g id="cat" transform="translate(170, 80)">
<ellipse cx="0" cy="0" rx="20" ry="15" fill="#ccc" stroke="#333" stroke-width="2"/>
<circle cx="-8" cy="-8" r="4" fill="#000"/>
<circle cx="8" cy="-8" r="4" fill="#000"/>
<path d="M 0 5 Q 0 10, 5 10 L 10 15 Q 5 10, 0 5" fill="#ccc" stroke="#333" stroke-width="2"/>
<line x1="-10" y1="0" x2="-15" y2="5" stroke="#333" stroke-width="2"/>
<line x1="10" y1="0" x2="15" y2="5" stroke="#333" stroke-width="2"/>
</g>
<!-- Handlebars -->
<line x1="170" y1="150" x2="130" y2="100" stroke="#333" stroke-width="4"/>
<!-- Rider's hands -->
<circle cx="130" cy="100" r="5" fill="#ccc" stroke="#333" stroke-width="2"/>
<circle cx="210" cy="170" r="5" fill="#ccc" stroke="#333" stroke-width="2"/>
</svg>Llama 4 Maverick · action · attempt 2 · score 4.8
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<!-- Bicycle -->
<g fill="#666" stroke="#333" stroke-width="2">
<circle cx="150" cy="350" r="30" />
<circle cx="250" cy="350" r="30" />
<rect x="120" y="280" width="160" height="10" rx="2" />
<path d="M 150 280 L 120 230 L 150 230 Z" />
<path d="M 250 280 L 280 230 L 250 230 Z" />
<line x1="150" y1="230" x2="250" y2="230" stroke-width="5" />
<line x1="200" y1="230" x2="200" y2="180" stroke-width="5" />
</g>
<!-- Cat -->
<g fill="#ccc" stroke="#333" stroke-width="2">
<circle cx="200" cy="150" r="50" />
<path d="M 180 120 L 150 100 L 170 90 L 200 100 Z" />
<path d="M 220 120 L 250 100 L 230 90 L 200 100 Z" />
<circle cx="185" cy="140" r="10" fill="#333" />
<circle cx="215" cy="140" r="10" fill="#333" />
<path d="M 200 170 L 200 180" stroke="#333" stroke-width="5" />
</g>
<!-- Pedals -->
<g fill="#666" stroke="#333" stroke-width="2">
<circle cx="150" cy="340" r="10" />
<circle cx="250" cy="340" r="10" />
<line x1="150" y1="340" x2="140" y2="330" stroke-width="2" />
<line x1="250" y1="340" x2="260" y2="330" stroke-width="2" />
</g>
</svg>Llama 4 Maverick · action · attempt 3 · score 6.3
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<!-- Bicycle -->
<g fill="#666" stroke="#333" stroke-width="2">
<circle cx="150" cy="350" r="30" />
<circle cx="250" cy="350" r="30" />
<rect x="120" y="280" width="160" height="10" rx="5" />
<path d="M 150 280 L 120 230 L 140 220 L 160 230 Z" />
<path d="M 250 280 L 280 230 L 260 220 L 240 230 Z" />
<path d="M 180 250 L 220 250 L 230 270 L 170 270 Z" fill="#999" />
</g>
<!-- Cat -->
<g fill="#ccc" stroke="#333" stroke-width="2">
<circle cx="200" cy="220" r="40" />
<path d="M 180 200 L 160 180 L 170 160 L 200 180 Z" />
<path d="M 220 200 L 240 180 L 230 160 L 200 180 Z" />
<circle cx="190" cy="210" r="10" fill="#000" />
<circle cx="210" cy="210" r="10" fill="#000" />
<path d="M 200 230 L 200 250" stroke="#000" stroke-width="5" />
</g>
<!-- Handlebars -->
<path d="M 200 250 L 200 270 L 220 290" stroke="#333" stroke-width="5" fill="none" />
<path d="M 200 270 L 180 290" stroke="#333" stroke-width="5" fill="none" />
<!-- Pedals -->
<g fill="#999" stroke="#333" stroke-width="2">
<circle cx="150" cy="365" r="10" />
<circle cx="250" cy="365" r="10" />
</g>
</svg>Llama 4 Maverick · action · attempt 4 · score 4.3
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<!-- Background -->
<rect x="0" y="0" width="400" height="400" fill="#87CEEB" rx="20"/>
<!-- Bicycle -->
<g transform="translate(150, 250)">
<circle cx="0" cy="0" r="30" fill="#666" stroke="#333" stroke-width="2"/>
<circle cx="100" cy="0" r="30" fill="#666" stroke="#333" stroke-width="2"/>
<rect x="-10" y="-5" width="120" height="10" fill="#666" stroke="#333" stroke-width="2"/>
<rect x="-5" y="-30" width="10" height="30" fill="#666" stroke="#333" stroke-width="2"/>
</g>
<!-- Cat -->
<g transform="translate(170, 180)">
<ellipse cx="0" cy="0" rx="40" ry="30" fill="#ccc" stroke="#666" stroke-width="2"/>
<circle cx="-15" cy="-20" r="10" fill="#333"/>
<circle cx="15" cy="-20" r="10" fill="#333"/>
<path d="M 0,10 Q 0,20 10,20 Q -10,20 0,10" fill="#ccc" stroke="#666" stroke-width="2"/>
</g>
<!-- Pedals and legs -->
<g transform="translate(150, 250)">
<line x1="0" y1="30" x2="0" y2="50" stroke="#666" stroke-width="4"/>
<line x1="100" y1="30" x2="100" y2="50" stroke="#666" stroke-width="4"/>
<circle cx="0" cy="50" r="5" fill="#666"/>
<circle cx="100" cy="50" r="5" fill="#666"/>
</g>
<!-- Handlebars -->
<g transform="translate(150, 250)">
<line x1="-5" y1="-30" x2="-20" y2="-50" stroke="#666" stroke-width="4"/>
<line x1="5" y1="-30" x2="20" y2="-50" stroke="#666" stroke-width="4"/>
</g>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
Llama 4 Maverick · style · attempt 1 · score 3.5
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#fff" stroke="#000" stroke-width="1">
<rect x="10" y="10" width="80" height="80" fill="#ddd" rx="5"/>
<path d="M 30 30 L 50 20 L 70 30 Z" fill="#ccc"/>
<path d="M 30 30 L 20 50 L 30 70 Z"/>
<path d="M 70 30 L 80 50 L 70 70 Z"/>
<circle cx="50" cy="50" r="10" fill="#000"/>
<path d="M 40 70 L 50 80 L 60 70 Z" fill="#666"/>
<path d="M 45 60 L 55 60 L 50 70 Z" fill="#999"/>
</g>
</svg>Llama 4 Maverick · style · attempt 2 · score 5.3
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#fff" stroke="#000" stroke-width="0.5">
<rect x="10" y="10" width="80" height="80" fill="#ddd" rx="5"/>
<path d="M 30 30 L 50 20 L 70 30 Z" fill="#ccc"/>
<path d="M 30 30 L 20 50 L 30 70 Z"/>
<path d="M 70 30 L 80 50 L 70 70 Z"/>
<path d="M 30 70 L 50 80 L 70 70 Z"/>
<circle cx="40" cy="40" r="5" fill="#000"/>
<circle cx="60" cy="40" r="5" fill="#000"/>
<path d="M 45 60 Q 50 65 55 60" stroke-width="2" fill="none"/>
</g>
</svg>Llama 4 Maverick · style · attempt 3 · score 3.3
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#fff" stroke="#000" stroke-width="1">
<rect x="10" y="10" width="80" height="80" rx="5" fill="#ddd"/>
<polygon points="30,20 50,10 70,20" fill="#ccc"/>
<polygon points="30,80 70,80 50,90" fill="#ccc"/>
<path d="M 40,40 L 30,50 40,60 50,50 Z" fill="#aaa"/>
<path d="M 60,40 L 70,50 60,60 50,50 Z" fill="#aaa"/>
<circle cx="50" cy="50" r="5" fill="#000"/>
</g>
</svg>Llama 4 Maverick · style · attempt 4 · score 3.3
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#fff" stroke="#000" stroke-width="1">
<path d="M 20,20 L 80,20 L 80,80 L 20,80 Z" />
<path d="M 50,20 L 70,40 L 30,40 Z" fill="#ccc" />
<path d="M 50,60 L 60,50 L 70,60 L 60,70 Z" fill="#ccc" />
<circle cx="40" cy="50" r="5" fill="#000" />
<circle cx="60" cy="50" r="5" fill="#000" />
<path d="M 50,80 L 60,70 L 40,70 Z" fill="#ccc" />
</g>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
Llama 4 Maverick · constraint · attempt 1 · score 5.3
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="#ccc" />
<circle cx="40" cy="40" r="8" fill="#000" />
<circle cx="60" cy="40" r="8" fill="#000" />
<path d="M 40 60 Q 50 70 60 60" stroke="#000" stroke-width="4" fill="none" />
<path d="M 30 80 L 70 80" stroke="#000" stroke-width="8" fill="none" />
<ellipse cx="50" cy="70" rx="20" ry="10" fill="#fff" />
<ellipse cx="40" cy="65" rx="5" ry="3" fill="#000" />
<ellipse cx="60" cy="65" rx="5" ry="3" fill="#000" />
<path d="M 45 90 L 55 90" stroke="#000" stroke-width="6" fill="none" />
</svg>Llama 4 Maverick · constraint · attempt 2 · score 5.5
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="#ffcccc" />
<circle cx="35" cy="40" r="10" fill="#000" />
<circle cx="65" cy="40" r="10" fill="#000" />
<path d="M 30,60 Q 50,70 70,60" stroke="#000" stroke-width="5" fill="none" />
<path d="M 50,80 L 50,90" stroke="#000" stroke-width="5" />
<ellipse cx="50" cy="55" rx="15" ry="5" fill="#ff0000" />
<path d="M 40,90 L 30,100" stroke="#000" stroke-width="5" />
<path d="M 60,90 L 70,100" stroke="#000" stroke-width="5" />
</svg>Llama 4 Maverick · constraint · attempt 3 · score 5.8
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="#ccc" />
<circle cx="35" cy="40" r="8" fill="#000" />
<circle cx="65" cy="40" r="8" fill="#000" />
<path d="M 30,60 Q 50,70 70,60" stroke="#000" stroke-width="4" fill="none" />
<path d="M 40,80 Q 50,90 60,80" stroke="#000" stroke-width="4" fill="none" />
<ellipse cx="50" cy="55" rx="15" ry="8" fill="#fff" />
<ellipse cx="50" cy="60" rx="20" ry="10" fill="#ccc" />
<path d="M 25,40 L 20,30" stroke="#000" stroke-width="4" fill="none" />
<path d="M 75,40 L 80,30" stroke="#000" stroke-width="4" fill="none" />
<path d="M 30,70 L 25,80" stroke="#000" stroke-width="3" fill="none" />
<path d="M 70,70 L 75,80" stroke="#000" stroke-width="3" fill="none" />
</svg>Llama 4 Maverick · constraint · attempt 4 · score 5.3
the actual svg, as the machine wrote it:
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" fill="#f2c464" />
<circle cx="35" cy="40" r="10" fill="#000" />
<circle cx="65" cy="40" r="10" fill="#000" />
<path d="M 30,70 Q 50,80 70,70" stroke="#000" stroke-width="5" fill="none" />
<path d="M 40,60 L 40,50" stroke="#000" stroke-width="5" fill="none" />
<path d="M 60,60 L 60,50" stroke="#000" stroke-width="5" fill="none" />
<ellipse cx="50" cy="65" rx="15" ry="5" fill="#000" />
</svg>animation
“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”
Llama 4 Maverick · animation · attempt 1 · score 4.3
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<style>
@keyframes sway {
0% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
100% { transform: rotate(-10deg); }
}
</style>
<g id="cat" fill="#ccc" stroke="#000">
<circle cx="50" cy="30" r="15" />
<path d="M40,50 Q50,40 60,50 L60,80 Q50,70 40,80 Z" />
<path d="M30,60 L20,70 L30,80 Z" style="animation: sway 1s infinite;" />
</g>
</svg>Llama 4 Maverick · animation · attempt 2 · score 0.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<style>
@keyframes sway {
0% { transform: rotate(30deg); }
50% { transform: rotate(-30deg); }
100% { transform: rotate(30deg); }
}
</style>
<g id="cat">
<circle cx="50" cy="50" r="20" fill="#ccc" />
<path d="M 40,60 L 60,60 L 50,80 Z" fill="#ccc" />
<circle cx="40" cy="40" r="5" fill="#000" />
<circle cx="60" cy="40" r="5" fill="#000" />
<path id="tail" d="M 50,80 L 70,90 L 50,100 Z" fill="#ccc" />
</g>
<animateTransform xlink:href="#tail" attributeName="transform" attributeType="XML" type="rotate" from="30 50 80" to="-30 50 80" dur="1s" repeatCount="indefinite" />
</svg>Llama 4 Maverick · animation · attempt 3 · score 5.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">
<style>
@keyframes sway {
0% { transform: rotate(0deg); }
50% { transform: rotate(30deg); }
100% { transform: rotate(0deg); }
}
.tail {
transform-origin: 50px 50px;
animation: sway 1s infinite;
}
</style>
<g fill="#ccc" stroke="#000">
<circle cx="100" cy="100" r="50" />
<ellipse cx="70" cy="140" rx="30" ry="20" />
<ellipse cx="130" cy="140" rx="30" ry="20" />
</g>
<g class="tail" fill="#ccc" stroke="#000">
<path d="M 50,50 L 80,70 L 50,90 Z" />
</g>
</svg>Llama 4 Maverick · animation · attempt 4 · score 5.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<style>
@keyframes sway {
0% { transform: rotate(30deg); }
50% { transform: rotate(-30deg); }
100% { transform: rotate(30deg); }
}
</style>
<g id="cat" fill="#ccc" stroke="#000">
<circle cx="50" cy="30" r="20" />
<path d="M30,50 Q50,70 70,50" />
<rect x="40" y="60" width="20" height="10" rx="5" />
<path d="M40,70 L40,80 L30,90 Z" />
<path d="M60,70 L60,80 L70,90 Z" />
</g>
<path id="tail" d="M50,50 L80,60" fill="none" stroke="#000" stroke-width="5">
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="30 50 50" to="-30 50 50" dur="1s" repeatCount="indefinite" />
</path>
</svg>