MiniMax M2
RANK 09 · MEOWSCORE 83.7 · previous · CN · open
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #18.3✕ CLOSE
MiniMax M2 · minimal · attempt 1 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<!-- Background Circle (Optional, adds to the composition) -->
<circle cx="256" cy="256" r="240" fill="#f0f3f4" />
<!-- Tail -->
<path d="M320 400 Q 440 420 420 280" fill="none" stroke="#2c3e50" stroke-width="35" stroke-linecap="round" />
<!-- Body -->
<ellipse cx="230" cy="360" rx="90" ry="95" fill="#2c3e50" />
<!-- Ears -->
<path d="M160 190 L 150 90 L 230 170 Z" fill="#2c3e50" stroke="#2c3e50" stroke-width="10" stroke-linejoin="round"/>
<path d="M300 190 L 310 90 L 230 170 Z" fill="#2c3e50" stroke="#2c3e50" stroke-width="10" stroke-linejoin="round"/>
<!-- Head -->
<circle cx="230" cy="220" r="90" fill="#2c3e50" />
<!-- Eyes -->
<circle cx="205" cy="210" r="10" fill="#ffffff" />
<circle cx="255" cy="210" r="10" fill="#ffffff" />
<!-- Nose -->
<path d="M222 240 L 238 240 L 230 252 Z" fill="#e74c3c" />
</svg>
minimal #28.8✕ CLOSE
MiniMax M2 · minimal · attempt 2 · score 8.8
cat likeness: 9.0aesthetic: 8.0technique: 9.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">
<!-- Background Circle -->
<circle cx="100" cy="100" r="95" fill="#ffe0b2" />
<!-- Tail -->
<path d="M125 145 Q155 155 155 125" stroke="#37474f" stroke-width="10" fill="none" stroke-linecap="round" />
<!-- Body -->
<ellipse cx="100" cy="145" rx="38" ry="35" fill="#37474f" />
<!-- Head -->
<circle cx="100" cy="90" r="35" fill="#37474f" />
<!-- Ears -->
<polygon points="72,65 60,30 95,55" fill="#37474f" />
<polygon points="128,65 140,30 105,55" fill="#37474f" />
<!-- Eyes -->
<circle cx="88" cy="85" r="4" fill="#ffffff" />
<circle cx="112" cy="85" r="4" fill="#ffffff" />
<!-- Nose -->
<polygon points="96,94 104,94 100,100" fill="#ff8a65" />
<!-- Whiskers -->
<g stroke="#90a4ae" stroke-width="1.5">
<line x1="80" y1="95" x2="60" y2="92" />
<line x1="80" y1="100" x2="60" y2="102" />
<line x1="120" y1="95" x2="140" y2="92" />
<line x1="120" y1="100" x2="140" y2="102" />
</g>
</svg>
minimal #38.3✕ CLOSE
MiniMax M2 · minimal · attempt 3 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.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">
<!-- Shadow -->
<ellipse cx="100" cy="190" rx="60" ry="6" fill="#000000" opacity="0.1"/>
<!-- Tail -->
<path d="M135 160 Q175 160 175 110 Q175 90 155 95" fill="none" stroke="#2D3748" stroke-width="12" stroke-linecap="round"/>
<!-- Body -->
<path d="M45 190 Q45 120 100 120 Q155 120 155 190 Z" fill="#2D3748"/>
<!-- Ears -->
<path d="M60 70 L55 30 L90 55 Z" fill="#2D3748"/>
<path d="M140 70 L145 30 L110 55 Z" fill="#2D3748"/>
<!-- Head -->
<circle cx="100" cy="85" r="40" fill="#2D3748"/>
<!-- Eyes -->
<circle cx="85" cy="80" r="4" fill="#FFFFFF"/>
<circle cx="115" cy="80" r="4" fill="#FFFFFF"/>
</svg>
minimal #48.3✕ CLOSE
MiniMax M2 · minimal · attempt 4 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.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">
<!-- Tail -->
<path d="M135 160 Q 185 150 175 90" stroke="#2d3436" stroke-width="14" fill="none" stroke-linecap="round" />
<!-- Body -->
<ellipse cx="100" cy="145" rx="45" ry="50" fill="#2d3436" />
<!-- Head -->
<circle cx="100" cy="90" r="40" fill="#2d3436" />
<!-- Ears -->
<path d="M65 70 L 60 30 L 90 55 Z" fill="#2d3436" />
<path d="M135 70 L 140 30 L 110 55 Z" fill="#2d3436" />
<!-- Eyes -->
<circle cx="85" cy="85" r="5" fill="#ffffff" />
<circle cx="115" cy="85" r="5" fill="#ffffff" />
<!-- Nose -->
<path d="M95 95 L 105 95 L 100 102 Z" fill="#ff7675" />
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #16.5✕ CLOSE
MiniMax M2 · realistic · attempt 1 · score 6.5
cat likeness: 8.0aesthetic: 6.0technique: 7.0prompt fidelity: 5.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 600">
<defs>
<!-- Gradients for volume and lighting -->
<linearGradient id="bodyGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#2a2a2a"/>
<stop offset="30%" stop-color="#4a4a4a"/>
<stop offset="50%" stop-color="#5e5e5e"/> <!-- Highlight in center -->
<stop offset="70%" stop-color="#4a4a4a"/>
<stop offset="100%" stop-color="#2a2a2a"/>
</linearGradient>
<radialGradient id="headGrad" cx="40%" cy="40%" r="60%">
<stop offset="0%" stop-color="#5e5e5e"/>
<stop offset="100%" stop-color="#333333"/>
</radialGradient>
<radialGradient id="tailGrad" cx="30%" cy="30%" r="80%">
<stop offset="0%" stop-color="#4a4a4a"/>
<stop offset="100%" stop-color="#1a1a1a"/>
</radialGradient>
<linearGradient id="earGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#333333"/>
<stop offset="100%" stop-color="#555555"/>
</linearGradient>
<filter id="blurShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5" />
</filter>
</defs>
<!-- Floor Shadow -->
<ellipse cx="250" cy="520" rx="160" ry="20" fill="#000" opacity="0.3" filter="url(#blurShadow)"/>
<!-- Tail -->
<path d="M 350 450 Q 450 450 450 350 Q 450 250 400 280"
fill="none" stroke="url(#tailGrad)" stroke-width="45" stroke-linecap="round"/>
<!-- Body Base -->
<!-- Using a complex path to create the sitting 'loaf' shape with implied fur spikes on the back -->
<path d="M 170 480
C 150 300, 180 180, 250 180
C 320 180, 350 300, 330 480
Z"
fill="url(#bodyGrad)"/>
<!-- Back Fur Texture (Spiky details) -->
<path d="M 180 250 L 160 245 L 175 230 L 155 220 L 170 200"
fill="#333" stroke="none"/>
<path d="M 320 250 L 340 245 L 325 230 L 345 220 L 330 200"
fill="#333" stroke="none"/>
<!-- Hind Paws -->
<ellipse cx="180" cy="490" rx="25" ry="15" fill="#222"/>
<ellipse cx="320" cy="490" rx="25" ry="15" fill="#222"/>
<!-- Front Paws -->
<ellipse cx="220" cy="500" rx="18" ry="12" fill="#333"/>
<ellipse cx="280" cy="500" rx="18" ry="12" fill="#333"/>
<!-- Chest Fur (Lighter area) -->
<path d="M 220 250 Q 250 300 280 250" fill="#666" opacity="0.5"/>
<path d="M 230 260 L 220 280 L 240 270 Z" fill="#666"/>
<path d="M 270 260 L 280 280 L 260 270 Z" fill="#666"/>
<!-- Head Group -->
<g transform="translate(0, -20)">
<!-- Ears -->
<path d="M 190 160 L 170 80 L 230 130 Z" fill="#222"/> <!-- Left Ear Base -->
<path d="M 310 160 L 330 80 L 270 130 Z" fill="#222"/> <!-- Right Ear Base -->
<path d="M 195 150 L 180 95 L 220 135 Z" fill="url(#earGrad)"/> <!-- Left Ear Inner -->
<path d="M 305 150 L 320 95 L 280 135 Z" fill="url(#earGrad)"/> <!-- Right Ear Inner -->
<!-- Head Shape -->
<path d="M 180 200
C 160 200, 150 150, 180 120
C 210 90, 290 90, 320 120
C 350 150, 340 200, 320 200
C 320 250, 180 250, 180 200 Z"
fill="url(#headGrad)"/>
<!-- Cheek Fluff (Jagged edges for fur) -->
<path d="M 180 200 L 170 210 L 185 220 L 175 230 L 190 235" fill="#4a4a4a"/>
<path d="M 320 200 L 330 210 L 315 220 L 325 230 L 310 235" fill="#4a4a4a"/>
<!-- Eyes -->
<g>
<!-- Left Eye -->
<ellipse cx="215" cy="165" rx="18" ry="22" fill="#8db600"/>
<ellipse cx="215" cy="165" rx="2" ry="18" fill="#000"/> <!-- Pupil -->
<circle cx="210" cy="158" r="4" fill="#fff" opacity="0.8"/> <!-- Highlight -->
<!-- Right Eye -->
<ellipse cx="285" cy="165" rx="18" ry="22" fill="#8db600"/>
<ellipse cx="285" cy="165" rx="2" ry="18" fill="#000"/> <!-- Pupil -->
<circle cx="280" cy="158" r="4" fill="#fff" opacity="0.8"/> <!-- Highlight -->
</g>
<!-- Nose -->
<path d="M 242 195 L 258 195 L 250 205 Z" fill="#ffb7b2"/>
<!-- Mouth -->
<path d="M 250 205 Q 240 215 230 210 M 250 205 Q 260 215 270 210"
fill="none" stroke="#ccc" stroke-width="2" stroke-linecap="round"/>
<!-- Whiskers -->
<g stroke="#fff" stroke-width="1" opacity="0.6">
<line x1="230" y1="200" x2="160" y2="190"/>
<line x1="230" y1="205" x2="160" y2="205"/>
<line x1="230" y1="210" x2="165" y2="220"/>
<line x1="270" y1="200" x2="340" y2="190"/>
<line x1="270" y1="205" x2="340" y2="205"/>
<line x1="270" y1="210" x2="335" y2="220"/>
</g>
</g>
</svg>
realistic #27.3✕ CLOSE
MiniMax M2 · realistic · attempt 2 · score 7.3
cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 6.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500">
<defs>
<!-- Fur Gradient (Body) -->
<radialGradient id="furBodyGrad" cx="50%" cy="50%" r="70%" fx="40%" fy="30%">
<stop offset="0%" style="stop-color:#FDB979;stop-opacity:1" />
<stop offset="60%" style="stop-color:#E68A4F;stop-opacity:1" />
<stop offset="100%" style="stop-color:#B85C30;stop-opacity:1" />
</radialGradient>
<!-- Fur Gradient (Head) -->
<radialGradient id="furHeadGrad" cx="50%" cy="50%" r="50%" fx="50%" fy="40%">
<stop offset="0%" style="stop-color:#FFD699;stop-opacity:1" />
<stop offset="70%" style="stop-color:#E68A4F;stop-opacity:1" />
<stop offset="100%" style="stop-color:#B85C30;stop-opacity:1" />
</radialGradient>
<!-- Eye Gradient -->
<radialGradient id="eyeGrad" cx="50%" cy="50%" r="50%">
<stop offset="70%" style="stop-color:#A4C639;stop-opacity:1" />
<stop offset="95%" style="stop-color:#4B5320;stop-opacity:1" />
<stop offset="100%" style="stop-color:#000000;stop-opacity:1" />
</radialGradient>
<!-- Inner Ear Gradient -->
<linearGradient id="earInnerGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FFCCCC;stop-opacity:1" />
<stop offset="100%" style="stop-color:#B85C30;stop-opacity:1" />
</linearGradient>
<!-- Shadow Filter for depth -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
<feOffset in="blur" dx="2" dy="4" result="offsetBlur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.3"/>
</feComponentTransfer>
<feMerge>
<feMergeNode in="offsetBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Floor Shadow -->
<ellipse cx="250" cy="440" rx="160" ry="20" fill="#000000" opacity="0.2" filter="url(#softShadow)"/>
<!-- Tail -->
<path d="M180 400 Q 120 420 100 350 Q 90 300 130 280 Q 150 270 160 290"
fill="url(#furBodyGrad)" stroke="#B85C30" stroke-width="1"/>
<!-- Tail Stripes -->
<path d="M115 330 Q 125 320 135 335" fill="none" stroke="#8F4A1D" stroke-width="3" opacity="0.6"/>
<!-- Body Main -->
<path d="M150 280
C 130 350 140 420 180 430
L 320 430
C 360 420 370 350 350 280
C 320 240 180 240 150 280 Z"
fill="url(#furBodyGrad)" filter="url(#softShadow)"/>
<!-- Body Markings (Stripes) -->
<path d="M160 280 Q 180 310 200 280" fill="none" stroke="#8F4A1D" stroke-width="4" opacity="0.5"/>
<path d="M300 280 Q 320 310 340 280" fill="none" stroke="#8F4A1D" stroke-width="4" opacity="0.5"/>
<path d="M220 430 L 220 380" fill="none" stroke="#8F4A1D" stroke-width="3" opacity="0.3"/>
<path d="M280 430 L 280 380" fill="none" stroke="#8F4A1D" stroke-width="3" opacity="0.3"/>
<!-- Rear Haunches -->
<path d="M330 300 Q 370 350 360 410 Q 340 430 300 400" fill="url(#furBodyGrad)"/>
<!-- Front Paws -->
<ellipse cx="190" cy="430" rx="25" ry="15" fill="#E68A4F"/>
<ellipse cx="310" cy="430" rx="25" ry="15" fill="#E68A4F"/>
<!-- Head Group -->
<g transform="translate(0, -10)">
<!-- Ears -->
<path d="M160 160 L 140 80 L 200 130 Z" fill="url(#furBodyGrad)" stroke="#B85C30" stroke-width="1"/>
<path d="M160 160 L 140 80 L 170 150 Z" fill="url(#earInnerGrad)"/> <!-- Left Ear Inner -->
<path d="M340 160 L 360 80 L 300 130 Z" fill="url(#furBodyGrad)" stroke="#B85C30" stroke-width="1"/>
<path d="M340 160 L 360 80 L 330 150 Z" fill="url(#earInnerGrad)"/> <!-- Right Ear Inner -->
<!-- Head Shape -->
<path d="M160 160
C 150 200 160 250 200 260
C 250 270 300 260 340 250
C 380 200 350 150 340 160
C 340 120 300 100 250 100
C 200 100 160 120 160 160 Z"
fill="url(#furHeadGrad)" filter="url(#softShadow)"/>
<!-- Forehead Markings (Tabby M) -->
<path d="M220 105 L 230 135 L 250 120 L 270 135 L 280 105" fill="none" stroke="#8F4A1D" stroke-width="4" stroke-linecap="round"/>
<!-- Cheek Stripes -->
<path d="M170 220 Q 190 230 210 220" fill="none" stroke="#8F4A1D" stroke-width="3" opacity="0.7"/>
<path d="M180 235 Q 200 245 220 235" fill="none" stroke="#8F4A1D" stroke-width="3" opacity="0.7"/>
<path d="M330 220 Q 310 230 290 220" fill="none" stroke="#8F4A1D" stroke-width="3" opacity="0.7"/>
<path d="M320 235 Q 300 245 280 235" fill="none" stroke="#8F4A1D" stroke-width="3" opacity="0.7"/>
<!-- Eyes -->
<g>
<!-- Left Eye -->
<path d="M190 180 Q 215 160 240 180 Q 215 200 190 180 Z" fill="#FFFFFF"/> <!-- Sclera BG -->
<ellipse cx="215" cy="180" rx="20" ry="16" fill="url(#eyeGrad)"/>
<ellipse cx="215" cy="180" rx="2" ry="12" fill="#000000"/> <!-- Pupil -->
<circle cx="222" cy="174" r="3" fill="#FFFFFF" opacity="0.9"/> <!-- Highlight -->
<!-- Right Eye -->
<path d="M260 180 Q 285 160 310 180 Q 285 200 260 180 Z" fill="#FFFFFF"/>
<ellipse cx="285" cy="180" rx="20" ry="16" fill="url(#eyeGrad)"/>
<ellipse cx="285" cy="180" rx="2" ry="12" fill="#000000"/>
<circle cx="292" cy="174" r="3" fill="#FFFFFF" opacity="0.9"/>
</g>
<!-- Nose -->
<path d="M240 230 L 260 230 L 250 245 Z" fill="#FF9999"/>
<!-- Mouth -->
<path d="M250 245 Q 240 255 230 250" fill="none" stroke="#333" stroke-width="1.5"/>
<path d="M250 245 Q 260 255 270 250" fill="none" stroke="#333" stroke-width="1.5"/>
<!-- Whiskers -->
<g stroke="#FFFFFF" stroke-width="0.5" opacity="0.6" fill="none">
<!-- Left Side -->
<path d="M230 240 L 180 230"/>
<path d="M230 245 L 180 245"/>
<path d="M230 250 L 180 260"/>
<!-- Right Side -->
<path d="M270 240 L 320 230"/>
<path d="M270 245 L 320 245"/>
<path d="M270 250 L 320 260"/>
</g>
</g>
</svg>
realistic #37.8✕ CLOSE
MiniMax M2 · realistic · attempt 3 · score 7.8
cat likeness: 9.0aesthetic: 7.0technique: 9.0prompt fidelity: 6.0
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">
<defs>
<!-- Fur Body Gradient: Dark Grey to Black -->
<radialGradient id="furBody" cx="40%" cy="30%" r="80%" fx="30%" fy="20%">
<stop offset="0%" style="stop-color:#5a6670;stop-opacity:1" />
<stop offset="60%" style="stop-color:#2f363d;stop-opacity:1" />
<stop offset="100%" style="stop-color:#121518;stop-opacity:1" />
</radialGradient>
<!-- Tail Gradient -->
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#5a6670;stop-opacity:1" />
<stop offset="100%" style="stop-color:#121518;stop-opacity:1" />
</linearGradient>
<!-- Eye Gradient: Amber/Gold -->
<radialGradient id="eyeGrad" cx="50%" cy="50%" r="50%">
<stop offset="30%" style="stop-color:#ffcc00;stop-opacity:1" />
<stop offset="85%" style="stop-color:#cc9900;stop-opacity:1" />
<stop offset="100%" style="stop-color:#332200;stop-opacity:1" />
</radialGradient>
<!-- Inner Ear Gradient -->
<linearGradient id="earInner" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#ffcccc;stop-opacity:0.8" />
<stop offset="100%" style="stop-color:#cc9999;stop-opacity:0.4" />
</linearGradient>
<!-- Fur Texture Filter (Subtle noise for realism) -->
<filter id="furNoise">
<feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" result="noise"/>
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.15 0" in="noise" result="coloredNoise"/>
<feComposite operator="in" in="coloredNoise" in2="SourceGraphic" result="composite"/>
<feBlend mode="multiply" in="composite" in2="SourceGraphic"/>
</filter>
</defs>
<!-- Ground Shadow -->
<ellipse cx="200" cy="360" rx="110" ry="15" fill="#000000" opacity="0.3" />
<!-- Tail -->
<path d="M 240 320 Q 340 340 340 240 Q 340 180 300 170"
fill="none" stroke="url(#tailGrad)" stroke-width="25" stroke-linecap="round" />
<!-- Tail Tip Highlight -->
<path d="M 300 170 Q 310 165 320 175"
fill="none" stroke="#8fa1b3" stroke-width="4" stroke-linecap="round" opacity="0.5" />
<!-- Main Body -->
<g filter="url(#furNoise)">
<!-- Back Body/Torso -->
<path d="M 140 330 C 110 330 100 200 140 160 C 160 140 240 140 260 160 C 300 200 290 330 260 330 Z"
fill="url(#furBody)" />
<!-- Chest Fluff -->
<path d="M 160 200 Q 200 240 240 200 C 250 210 250 250 220 280 C 180 280 150 240 160 200"
fill="#6e7a88" opacity="0.6" />
</g>
<!-- Front Paws -->
<ellipse cx="180" cy="335" rx="15" ry="12" fill="#2f363d" />
<ellipse cx="220" cy="335" rx="15" ry="12" fill="#2f363d" />
<!-- Paw Toes -->
<path d="M 172 328 Q 180 322 188 328" stroke="#1a1d21" stroke-width="1" fill="none" opacity="0.5"/>
<path d="M 212 328 Q 220 322 228 328" stroke="#1a1d21" stroke-width="1" fill="none" opacity="0.5"/>
<!-- Head -->
<g>
<!-- Head Base Shape -->
<path d="M 150 150
C 140 200 160 240 200 250
C 240 240 260 200 250 150
C 240 110 210 110 200 110
C 190 110 160 110 150 150 Z"
fill="url(#furBody)" />
<!-- Cheek Fluff (Left) -->
<path d="M 150 150 Q 135 180 155 210" fill="#5a6670" opacity="0.8" />
<!-- Cheek Fluff (Right) -->
<path d="M 250 150 Q 265 180 245 210" fill="#5a6670" opacity="0.8" />
<!-- Ears -->
<!-- Left Ear -->
<path d="M 155 135 L 140 80 L 185 115 Z" fill="#2f363d" />
<path d="M 155 130 L 148 95 L 175 120 Z" fill="url(#earInner)" />
<!-- Right Ear -->
<path d="M 245 135 L 260 80 L 215 115 Z" fill="#2f363d" />
<path d="M 245 130 L 252 95 L 225 120 Z" fill="url(#earInner)" />
<!-- Face Details -->
<g id="face">
<!-- Eyes -->
<!-- Left Eye -->
<path d="M 165 165 Q 180 155 195 165 Q 180 175 165 165 Z" fill="#332200" />
<ellipse cx="180" cy="165" rx="7" ry="9" fill="url(#eyeGrad)" />
<ellipse cx="180" cy="165" rx="2" ry="7" fill="#000" /> <!-- Pupil -->
<circle cx="177" cy="161" r="1.5" fill="#fff" opacity="0.8" /> <!-- Glint -->
<!-- Right Eye -->
<path d="M 205 165 Q 220 155 235 165 Q 220 175 205 165 Z" fill="#332200" />
<ellipse cx="220" cy="165" rx="7" ry="9" fill="url(#eyeGrad)" />
<ellipse cx="220" cy="165" rx="2" ry="7" fill="#000" /> <!-- Pupil -->
<circle cx="217" cy="161" r="1.5" fill="#fff" opacity="0.8" /> <!-- Glint -->
<!-- Nose -->
<path d="M 192 210 L 208 210 L 200 220 Z" fill="#ffcccc" />
<!-- Mouth -->
<path d="M 200 220 Q 190 235 180 225" fill="none" stroke="#ccc" stroke-width="1" />
<path d="M 200 220 Q 210 235 220 225" fill="none" stroke="#ccc" stroke-width="1" />
<!-- Whiskers -->
<g stroke="#ffffff" stroke-width="0.5" opacity="0.4" fill="none">
<path d="M 160 215 L 120 205" />
<path d="M 160 220 L 115 220" />
<path d="M 160 225 L 120 235" />
<path d="M 240 215 L 280 205" />
<path d="M 240 220 L 285 220" />
<path d="M 240 225 L 280 235" />
</g>
</g>
</g>
<!-- Forehead Stripes (Tabby Markings) -->
<g stroke="#3d464f" stroke-width="3" fill="none" opacity="0.5">
<path d="M 180 120 L 185 140" />
<path d="M 200 115 L 200 145" />
<path d="M 220 120 L 215 140" />
</g>
<!-- Head Highlight -->
<ellipse cx="180" cy="130" rx="15" ry="8" fill="#fff" opacity="0.1" transform="rotate(-20 180 130)" />
</svg>
realistic #47.0✕ CLOSE
MiniMax M2 · realistic · attempt 4 · score 7.0
cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 5.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<!-- Fur Body Gradient -->
<radialGradient id="bodyGrad" cx="40%" cy="30%" r="70%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#8a8a8a" />
<stop offset="60%" stop-color="#555555" />
<stop offset="100%" stop-color="#2e2e2e" />
</radialGradient>
<!-- Tail Gradient -->
<linearGradient id="tailGrad" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#333333" />
<stop offset="50%" stop-color="#666666" />
<stop offset="100%" stop-color="#2e2e2e" />
</linearGradient>
<!-- Eye Gradient -->
<radialGradient id="eyeGrad" cx="50%" cy="50%" r="50%">
<stop offset="40%" stop-color="#aaddaa" />
<stop offset="80%" stop-color="#558855" />
<stop offset="100%" stop-color="#223322" />
</radialGradient>
<!-- Soft Shadow Filter -->
<filter id="blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="5" />
</filter>
</defs>
<!-- Floor Shadow -->
<ellipse cx="250" cy="440" rx="120" ry="20" fill="#000000" opacity="0.3" filter="url(#blur)" />
<!-- Tail (Behind body) -->
<path d="M 300 380 Q 400 380 400 280 Q 400 200 340 220 Q 300 240 310 280"
fill="none" stroke="url(#tailGrad)" stroke-width="35" stroke-linecap="round" />
<!-- Tail Stripes (Texture) -->
<path d="M 360 280 Q 370 270 380 275" fill="none" stroke="#222" stroke-width="3" opacity="0.5" />
<path d="M 350 310 Q 360 300 370 305" fill="none" stroke="#222" stroke-width="3" opacity="0.5" />
<!-- Main Body -->
<path d="M 180 420
C 140 420, 140 280, 190 250
C 220 230, 280 230, 310 250
C 360 280, 360 420, 320 420
Z"
fill="url(#bodyGrad)" />
<!-- Body Highlight (Fur sheen) -->
<path d="M 200 260 Q 220 240 250 240 Q 280 240 290 260"
fill="none" stroke="#aaaaaa" stroke-width="4" opacity="0.4" stroke-linecap="round" />
<!-- Front Paws -->
<ellipse cx="210" cy="420" rx="25" ry="15" fill="#444" />
<ellipse cx="290" cy="420" rx="25" ry="15" fill="#444" />
<!-- Paw Highlights -->
<ellipse cx="205" cy="415" rx="10" ry="5" fill="#777" opacity="0.5" />
<ellipse cx="285" cy="415" rx="10" ry="5" fill="#777" opacity="0.5" />
<!-- Chest Fur (The 'Mane') -->
<path d="M 220 260
Q 200 320 210 360
Q 250 390 290 360
Q 300 320 280 260"
fill="#666666" />
<!-- Chest Fur Texture -->
<path d="M 230 280 L 220 300 M 240 290 L 235 310 M 260 290 L 265 310 M 270 280 L 280 300"
stroke="#444" stroke-width="2" opacity="0.3" />
<!-- Head Group -->
<g transform="translate(250, 200)">
<!-- Ears -->
<!-- Left Ear -->
<path d="M -50 -40 L -70 -100 L -20 -70 Z" fill="#555" />
<path d="M -55 -45 L -65 -85 L -30 -65 Z" fill="#333" /> <!-- Inner -->
<!-- Right Ear -->
<path d="M 50 -40 L 70 -100 L 20 -70 Z" fill="#555" />
<path d="M 55 -45 L 65 -85 L 30 -65 Z" fill="#333" /> <!-- Inner -->
<!-- Head Base -->
<ellipse cx="0" cy="10" rx="75" ry="60" fill="#666" />
<!-- Face Shadow/Volume -->
<ellipse cx="0" cy="15" rx="65" ry="50" fill="#555" />
<!-- Cheek Fluff -->
<path d="M -60 10 Q -80 30 -60 50" fill="none" stroke="#777" stroke-width="3" />
<path d="M 60 10 Q 80 30 60 50" fill="none" stroke="#777" stroke-width="3" />
<!-- Eyes -->
<g transform="translate(0, 5)">
<!-- Left Eye -->
<ellipse cx="-30" cy="0" rx="12" ry="18" fill="url(#eyeGrad)" stroke="#222" stroke-width="1"/>
<ellipse cx="-30" cy="0" rx="3" ry="14" fill="#000" /> <!-- Pupil -->
<circle cx="-25" cy="-8" r="3" fill="#fff" opacity="0.9" /> <!-- Highlight -->
<!-- Right Eye -->
<ellipse cx="30" cy="0" rx="12" ry="18" fill="url(#eyeGrad)" stroke="#222" stroke-width="1"/>
<ellipse cx="30" cy="0" rx="3" ry="14" fill="#000" /> <!-- Pupil -->
<circle cx="35" cy="-8" r="3" fill="#fff" opacity="0.9" /> <!-- Highlight -->
</g>
<!-- Nose -->
<path d="M -8 30 L 8 30 L 0 40 Z" fill="#ffaaaa" />
<!-- Mouth -->
<path d="M 0 40 Q -10 50 -20 45 M 0 40 Q 10 50 20 45" fill="none" stroke="#222" stroke-width="1.5" />
<!-- Whiskers -->
<g stroke="#ddd" stroke-width="0.5" fill="none" opacity="0.6">
<path d="M -15 35 L -60 25" />
<path d="M -15 38 L -65 38" />
<path d="M -15 41 L -60 50" />
<path d="M 15 35 L 60 25" />
<path d="M 15 38 L 65 38" />
<path d="M 15 41 L 60 50" />
</g>
<!-- Forehead Fur Markings -->
<path d="M 0 -40 L -5 -20 L 0 -10 L 5 -20 Z" fill="#444" opacity="0.5"/>
<path d="M -20 -35 L -15 -20" stroke="#444" stroke-width="2" opacity="0.3"/>
<path d="M 20 -35 L 15 -20" stroke="#444" stroke-width="2" opacity="0.3"/>
</g>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #19.0✕ CLOSE
MiniMax M2 · action · attempt 1 · 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 500 400">
<!-- Definitions for gradients and shadows -->
<defs>
<linearGradient id="frameGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#e53935;stop-opacity:1" />
<stop offset="100%" style="stop-color:#b71c1c;stop-opacity:1" />
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="2" />
<feOffset dx="2" dy="2" result="offsetblur" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.3" />
</feComponentTransfer>
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<!-- Ground Shadow -->
<ellipse cx="250" cy="360" rx="180" ry="15" fill="#000" opacity="0.15" />
<!-- Bicycle -->
<g transform="translate(0, 20)">
<!-- Far Wheel (Rear) -->
<g transform="translate(150, 300)">
<circle r="45" fill="none" stroke="#333" stroke-width="8" />
<circle r="40" fill="none" stroke="#ddd" stroke-width="2" />
<!-- Spokes -->
<g stroke="#bbb" stroke-width="1">
<line x1="0" y1="-40" x2="0" y2="40" />
<line x1="-40" y1="0" x2="40" y2="0" />
<line x1="-28" y1="-28" x2="28" y2="28" />
<line x1="-28" y1="28" x2="28" y2="-28" />
</g>
</g>
<!-- Far Wheel (Front) -->
<g transform="translate(350, 300)">
<circle r="45" fill="none" stroke="#333" stroke-width="8" />
<circle r="40" fill="none" stroke="#ddd" stroke-width="2" />
<g stroke="#bbb" stroke-width="1">
<line x1="0" y1="-40" x2="0" y2="40" />
<line x1="-40" y1="0" x2="40" y2="0" />
<line x1="-28" y1="-28" x2="28" y2="28" />
<line x1="-28" y1="28" x2="28" y2="-28" />
</g>
</g>
<!-- Frame -->
<path d="M150 300 L230 300 L200 190 L150 300" fill="none" stroke="url(#frameGradient)" stroke-width="8" stroke-linejoin="round" stroke-linecap="round" />
<path d="M230 300 L320 180 L200 190 L230 300" fill="none" stroke="url(#frameGradient)" stroke-width="8" stroke-linejoin="round" stroke-linecap="round" />
<!-- Fork -->
<line x1="320" y1="180" x2="350" y2="300" stroke="#e53935" stroke-width="6" stroke-linecap="round" />
<!-- Seat Post & Seat -->
<line x1="200" y1="190" x2="200" y2="170" stroke="#999" stroke-width="6" stroke-linecap="round" />
<ellipse cx="200" cy="170" rx="20" ry="8" fill="#333" />
<!-- Handlebars -->
<path d="M320 180 L320 150 L290 150" fill="none" stroke="#999" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" />
<circle cx="290" cy="150" r="5" fill="#333" />
<!-- Chain & Gears -->
<circle cx="230" cy="300" r="12" fill="#666" />
<circle cx="150" cy="300" r="8" fill="#666" />
<line x1="150" y1="300" x2="230" y2="300" stroke="#666" stroke-width="2" />
<!-- Crank/Pedal Far side -->
<line x1="230" y1="300" x2="250" y2="320" stroke="#999" stroke-width="4" stroke-linecap="round" />
<rect x="245" y="315" width="10" height="4" fill="#333" transform="rotate(30 250 320)" />
</g>
<!-- The Cat -->
<g transform="translate(0, 20)">
<!-- Tail -->
<path d="M160 220 Q130 200 140 170 Q150 150 180 180" fill="none" stroke="#f57f17" stroke-width="8" stroke-linecap="round" />
<!-- Far Leg (Darker) -->
<path d="M210 210 Q230 250 240 310" fill="none" stroke="#e65100" stroke-width="10" stroke-linecap="round" />
<circle cx="240" cy="310" r="8" fill="#e65100" />
<!-- Body -->
<ellipse cx="210" cy="200" rx="35" ry="50" fill="#ff9800" transform="rotate(-10 210 200)" />
<ellipse cx="215" cy="205" rx="20" ry="35" fill="#fff3e0" transform="rotate(-10 215 205)" /> <!-- Belly -->
<!-- Head -->
<g transform="translate(245, 150) rotate(-10)">
<!-- Ears -->
<path d="M-20 -15 L-25 -40 L-5 -25 Z" fill="#ff9800" />
<path d="M-23 -30 L-25 -38 L-15 -30 Z" fill="#pink" opacity="0.5" /> <!-- Inner ear -->
<path d="M15 -15 L25 -40 L5 -25 Z" fill="#ff9800" />
<!-- Head Shape -->
<circle cx="0" cy="0" r="30" fill="#ff9800" />
<ellipse cx="0" cy="5" rx="22" ry="18" fill="#fff3e0" /> <!-- Muzzle area -->
<!-- Face Features -->
<circle cx="-10" cy="-5" r="4" fill="#fff" />
<circle cx="-10" cy="-5" r="1.5" fill="#000" /> <!-- Left Eye -->
<circle cx="10" cy="-5" r="4" fill="#fff" />
<circle cx="10" cy="-5" r="1.5" fill="#000" /> <!-- Right Eye -->
<polygon points="-2,5 2,5 0,9" fill="#000" /> <!-- Nose -->
<path d="M-5 12 Q0 15 5 12" fill="none" stroke="#000" stroke-width="1" /> <!-- Mouth -->
<!-- Whiskers -->
<g stroke="#333" stroke-width="0.5" opacity="0.6">
<line x1="-15" y1="8" x2="-35" y2="5" />
<line x1="-15" y1="10" x2="-35" y2="12" />
<line x1="15" y1="8" x2="35" y2="5" />
<line x1="15" y1="10" x2="35" y2="12" />
</g>
</g>
<!-- Near Leg -->
<path d="M220 210 Q240 260 250 320" fill="none" stroke="#ff9800" stroke-width="10" stroke-linecap="round" />
<circle cx="250" cy="320" r="8" fill="#ff9800" />
<!-- Near Arm/Paw on Handlebar -->
<path d="M235 190 Q260 160 290 150" fill="none" stroke="#ff9800" stroke-width="9" stroke-linecap="round" />
<circle cx="290" cy="150" r="8" fill="#ff9800" />
<!-- Stripes on back -->
<path d="M185 170 L200 175 M182 180 L200 185 M180 190 L200 195" stroke="#e65100" stroke-width="2" stroke-linecap="round" opacity="0.6" />
</g>
</svg>
action #28.8✕ CLOSE
MiniMax M2 · action · attempt 2 · score 8.8
cat likeness: 9.0aesthetic: 8.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 400 300">
<!-- Background / Ground -->
<rect width="400" height="300" fill="#eef7fa"/>
<line x1="20" y1="270" x2="380" y2="270" stroke="#78909c" stroke-width="4" stroke-linecap="round"/>
<!-- Bicycle Wheels -->
<g stroke="#37474f" stroke-width="8" fill="none">
<!-- Back Wheel -->
<circle cx="100" cy="230" r="40" />
<circle cx="100" cy="230" r="35" stroke="#cfd8dc" stroke-width="2" stroke-dasharray="5,5"/>
<!-- Front Wheel -->
<circle cx="300" cy="230" r="40" />
<circle cx="300" cy="230" r="35" stroke="#cfd8dc" stroke-width="2" stroke-dasharray="5,5"/>
</g>
<!-- Bicycle Frame -->
<g stroke="#e91e63" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none">
<!-- Rear Triangle -->
<path d="M100 230 L190 230 L170 150 Z" />
<!-- Front Triangle / Fork -->
<path d="M190 230 L250 110 L170 150" />
<!-- Fork -->
<line x1="250" y1="110" x2="300" y2="230" />
</g>
<!-- Pedals and Chainring -->
<circle cx="190" cy="230" r="12" fill="#546e7a" />
<line x1="190" y1="230" x2="210" y2="250" stroke="#546e7a" stroke-width="4" stroke-linecap="round"/> <!-- Pedal Arm -->
<circle cx="210" cy="250" r="5" fill="#333"/> <!-- Pedal -->
<!-- Seat -->
<path d="M160 150 L185 150" stroke="#333" stroke-width="8" stroke-linecap="round"/>
<!-- Handlebars -->
<path d="M250 110 L250 90 L270 85" stroke="#333" stroke-width="5" fill="none" stroke-linecap="round"/>
<!-- The Cat -->
<g id="cat">
<!-- Tail -->
<path d="M150 160 Q 120 160 120 130 T 140 110" stroke="#ff9800" stroke-width="6" fill="none" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="175" cy="140" rx="22" ry="30" fill="#ff9800" transform="rotate(-10 175 140)"/>
<!-- Back Leg (Pedaling) -->
<path d="M165 155 Q 180 180 210 250" stroke="#ff9800" stroke-width="8" fill="none" stroke-linecap="round"/>
<!-- Front Leg (Holding handle) -->
<path d="M180 130 Q 220 120 265 90" stroke="#ff9800" stroke-width="8" fill="none" stroke-linecap="round"/>
<!-- Head -->
<g transform="translate(175, 105)">
<!-- Ears -->
<path d="M-15 -10 L-20 -30 L-5 -15 Z" fill="#ff9800"/>
<path d="M15 -10 L20 -30 L5 -15 Z" fill="#ff9800"/>
<!-- Head Shape -->
<circle cx="0" cy="0" r="22" fill="#ff9800"/>
<!-- Face -->
<circle cx="-7" cy="-2" r="2.5" fill="white"/>
<circle cx="-7" cy="-2" r="1" fill="black"/>
<circle cx="7" cy="-2" r="2.5" fill="white"/>
<circle cx="7" cy="-2" r="1" fill="black"/>
<path d="M-2 4 L2 4 L0 7 Z" fill="pink"/>
<!-- Whiskers -->
<line x1="-10" y1="6" x2="-25" y2="4" stroke="#e65100" stroke-width="1"/>
<line x1="-10" y1="8" x2="-25" y2="9" stroke="#e65100" stroke-width="1"/>
<line x1="10" y1="6" x2="25" y2="4" stroke="#e65100" stroke-width="1"/>
<line x1="10" y1="8" x2="25" y2="9" stroke="#e65100" stroke-width="1"/>
</g>
</g>
<!-- Motion Lines -->
<g stroke="#4fc3f7" stroke-width="2" stroke-linecap="round" opacity="0.7">
<line x1="40" y1="200" x2="20" y2="200" />
<line x1="50" y1="220" x2="10" y2="220" />
<line x1="350" y1="210" x2="330" y2="210" />
</g>
</svg>
action #38.5✕ CLOSE
MiniMax M2 · action · attempt 3 · score 8.5
cat likeness: 8.0aesthetic: 8.0technique: 9.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400">
<!-- Background / Ground -->
<rect width="500" height="400" fill="#f0f8ff" />
<ellipse cx="250" cy="380" rx="200" ry="15" fill="#d1d1d1" opacity="0.5" />
<!-- Rear Wheel -->
<g transform="translate(140, 300)">
<circle r="55" fill="none" stroke="#333" stroke-width="8" />
<circle r="45" fill="none" stroke="#ccc" stroke-width="2" />
<!-- Spokes -->
<path d="M0 -45 L0 45 M-45 0 L45 0 M-32 -32 L32 32 M-32 32 L32 -32" stroke="#ddd" stroke-width="2" />
</g>
<!-- Front Wheel -->
<g transform="translate(360, 300)">
<circle r="55" fill="none" stroke="#333" stroke-width="8" />
<circle r="45" fill="none" stroke="#ccc" stroke-width="2" />
<!-- Spokes -->
<path d="M0 -45 L0 45 M-45 0 L45 0 M-32 -32 L32 32 M-32 32 L32 -32" stroke="#ddd" stroke-width="2" />
</g>
<!-- Bicycle Frame -->
<g stroke="#e74c3c" stroke-width="6" fill="none" stroke-linejoin="round" stroke-linecap="round">
<!-- Chainstay & Seatstay -->
<path d="M140 300 L240 300 L200 190 L140 300" />
<!-- Downtube & Top tube -->
<path d="M240 300 L320 170 L200 190 L240 300" />
<!-- Fork -->
<path d="M320 170 L360 300" />
<!-- Seat Post -->
<line x1="200" y1="190" x2="200" y2="170" stroke="#333" />
</g>
<!-- Seat -->
<path d="M185 170 Q200 160 215 170" stroke="#333" stroke-width="8" fill="none" />
<!-- Handlebars -->
<path d="M320 170 L320 150 L340 150" stroke="#333" stroke-width="5" fill="none" stroke-linecap="round" />
<!-- The Cat -->
<!-- Far Leg (Pedaling up/around) -->
<path d="M230 210 Q220 260 240 290" stroke="#e67e22" stroke-width="8" fill="none" stroke-linecap="round" />
<!-- Tail -->
<path d="M180 200 Q150 180 160 230 Q165 250 140 260" stroke="#e67e22" stroke-width="8" fill="none" stroke-linecap="round" />
<!-- Body -->
<ellipse cx="230" cy="190" rx="45" ry="25" transform="rotate(-15 230 190)" fill="#f39c12" />
<!-- Head -->
<g transform="translate(275, 155)">
<circle r="22" fill="#f39c12" />
<!-- Ears -->
<path d="M-15 -10 L-20 -30 L-5 -15 Z" fill="#f39c12" />
<path d="M15 -10 L20 -30 L5 -15 Z" fill="#f39c12" />
<!-- Face -->
<circle cx="-7" cy="2" r="2" fill="#333" /> <!-- Left Eye -->
<circle cx="7" cy="2" r="2" fill="#333" /> <!-- Right Eye -->
<path d="M-3 8 L3 8 L0 12 Z" fill="#e74c3c" /> <!-- Nose -->
<path d="M-5 14 Q0 18 5 14" stroke="#333" stroke-width="1" fill="none" /> <!-- Mouth -->
<!-- Whiskers -->
<line x1="-10" y1="8" x2="-25" y2="6" stroke="#333" stroke-width="1" opacity="0.5" />
<line x1="-10" y1="10" x2="-25" y2="12" stroke="#333" stroke-width="1" opacity="0.5" />
<line x1="10" y1="8" x2="25" y2="6" stroke="#333" stroke-width="1" opacity="0.5" />
<line x1="10" y1="10" x2="25" y2="12" stroke="#333" stroke-width="1" opacity="0.5" />
</g>
<!-- Near Arm (Holding Handlebars) -->
<path d="M250 180 Q280 170 315 160" stroke="#f39c12" stroke-width="8" fill="none" stroke-linecap="round" />
<circle cx="315" cy="160" r="5" fill="#f39c12" />
<!-- Near Leg (Pedaling down) -->
<path d="M235 210 L235 260 L250 300" stroke="#f39c12" stroke-width="8" fill="none" stroke-linecap="round" stroke-linejoin="round" />
<!-- Speed Lines -->
<line x1="50" y1="280" x2="100" y2="280" stroke="#aaa" stroke-width="2" stroke-linecap="round" />
<line x1="20" y1="320" x2="80" y2="320" stroke="#aaa" stroke-width="2" stroke-linecap="round" />
<line x1="400" y1="250" x2="450" y2="240" stroke="#aaa" stroke-width="2" stroke-linecap="round" />
</svg>
action #48.0✕ CLOSE
MiniMax M2 · action · attempt 4 · 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 500 400">
<!-- Background / Ground -->
<line x1="20" y1="350" x2="480" y2="350" stroke="#666" stroke-width="4" stroke-linecap="round"/>
<!-- Wheels -->
<g id="wheel" stroke="#333" stroke-width="8">
<!-- Rear Wheel -->
<circle cx="150" cy="300" r="45" fill="none"/>
<g stroke="#ccc" stroke-width="2">
<line x1="150" y1="255" x2="150" y2="345"/>
<line x1="105" y1="300" x2="195" y2="300"/>
<line x1="118" y1="268" x2="182" y2="332"/>
<line x1="118" y1="332" x2="182" y2="268"/>
</g>
<!-- Front Wheel -->
<circle cx="350" cy="300" r="45" fill="none"/>
<g stroke="#ccc" stroke-width="2">
<line x1="350" y1="255" x2="350" y2="345"/>
<line x1="305" y1="300" x2="395" y2="300"/>
<line x1="318" y1="268" x2="382" y2="332"/>
<line x1="318" y1="332" x2="382" y2="268"/>
</g>
</g>
<!-- Bike Frame -->
<g stroke="#E53935" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none">
<!-- Rear Triangle -->
<path d="M150 300 L230 300 L205 190 L150 300"/>
<!-- Main Triangle -->
<path d="M230 300 L320 170 L205 190"/>
<!-- Fork -->
<path d="M320 170 L350 300"/>
</g>
<!-- Seat Post & Saddle -->
<line x1="205" y1="190" x2="195" y2="175" stroke="#555" stroke-width="6"/>
<path d="M185 175 L215 175" stroke="#333" stroke-width="8" stroke-linecap="round"/>
<!-- Handlebars & Stem -->
<line x1="320" y1="170" x2="315" y2="150" stroke="#555" stroke-width="6" stroke-linecap="round"/>
<path d="M315 150 Q310 130 290 140" fill="none" stroke="#555" stroke-width="5" stroke-linecap="round"/>
<!-- Pedals -->
<g>
<circle cx="230" cy="300" r="10" fill="#777"/>
<line x1="230" y1="300" x2="215" y2="330" stroke="#555" stroke-width="4" stroke-linecap="round"/>
<rect x="210" y="325" width="10" height="8" fill="#333" rx="1"/>
</g>
<!-- The Cat -->
<g id="cat">
<!-- Tail -->
<path d="M190 210 Q150 230 140 190" stroke="#FF9800" stroke-width="6" fill="none" stroke-linecap="round"/>
<!-- Far Hind Leg (on far side of bike) -->
<path d="M200 200 Q210 260 215 330" stroke="#E65100" stroke-width="6" fill="none" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="200" cy="190" rx="35" ry="40" fill="#FF9800"/>
<!-- Near Hind Leg (on pedal) -->
<path d="M200 200 Q230 250 215 330" stroke="#FF9800" stroke-width="6" fill="none" stroke-linecap="round"/>
<!-- Front Arm -->
<path d="M220 180 Q270 180 305 155" stroke="#FF9800" stroke-width="7" fill="none" stroke-linecap="round"/>
<!-- Head -->
<circle cx="230" cy="160" r="25" fill="#FF9800"/>
<!-- Ears -->
<path d="M215 145 L210 125 L230 140 Z" fill="#FF9800"/>
<path d="M245 145 L250 125 L230 140 Z" fill="#FF9800"/>
<!-- Face -->
<circle cx="222" cy="158" r="3" fill="black"/>
<circle cx="238" cy="158" r="3" fill="black"/>
<path d="M226 165 L224 168 L228 168 Z" fill="pink"/>
<!-- Whiskers -->
<path d="M215 165 L195 162 M215 168 L195 170" stroke="black" stroke-width="1"/>
<path d="M245 165 L265 162 M245 168 L265 170" stroke="black" stroke-width="1"/>
</g>
<!-- Speed Lines -->
<g stroke="#888" stroke-width="2">
<line x1="80" y1="280" x2="40" y2="280"/>
<line x1="90" y1="320" x2="50" y2="320"/>
</g>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #17.8✕ CLOSE
MiniMax M2 · style · attempt 1 · score 7.8
cat likeness: 7.0aesthetic: 8.0technique: 8.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="500" height="500" fill="#f4f4f4" />
<!-- Origami Cat Group -->
<g transform="translate(0, 20)">
<!-- Tail (Back Layer) -->
<path d="M360 320 L440 260 L400 240 L350 300 Z" fill="#b0b0b0" stroke="#a0a0a0" stroke-width="1" stroke-linejoin="round"/>
<!-- Left Ear (Back Layer) -->
<path d="M210 120 L160 60 L240 120 Z" fill="#d9d9d9" />
<!-- Right Ear (Back Layer) -->
<path d="M290 120 L340 60 L260 120 Z" fill="#a3a3a3" />
<!-- Body Right (Shadow Side) -->
<path d="M250 220 L320 220 L370 330 L250 430 Z" fill="#b0b0b0" />
<!-- Body Left (Light Side) -->
<path d="M250 220 L180 220 L130 330 L250 430 Z" fill="#e6e6e6" />
<!-- Head Right (Shadow Side) -->
<path d="M250 120 L320 220 L250 220 Z" fill="#d1d1d1" />
<!-- Head Left (Light Side) -->
<path d="M250 120 L180 220 L250 220 Z" fill="#f7f7f7" />
<!-- Front Paw Left -->
<path d="M160 330 L210 330 L185 370 Z" fill="#e6e6e6" />
<!-- Front Paw Right -->
<path d="M290 330 L340 330 L315 370 Z" fill="#b0b0b0" />
<!-- Facial Features -->
<!-- Eyes -->
<path d="M215 175 L225 185 L215 195 Z" fill="#333" />
<path d="M285 175 L275 185 L285 195 Z" fill="#333" />
<!-- Nose / Mouth Fold -->
<path d="M250 220 L240 210 L260 210 Z" fill="#ffcccc" opacity="0.8"/>
<line x1="250" y1="210" x2="250" y2="220" stroke="#ccc" stroke-width="1" />
<!-- Subtle Crease Lines -->
<line x1="250" y1="120" x2="250" y2="430" stroke="#fff" stroke-width="1" opacity="0.3" />
<line x1="250" y1="120" x2="180" y2="220" stroke="#fff" stroke-width="1" opacity="0.3" />
<line x1="250" y1="120" x2="320" y2="220" stroke="#888" stroke-width="1" opacity="0.2" />
</g>
</svg>
style #28.3✕ CLOSE
MiniMax M2 · style · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<defs>
<style>
.paper-light { fill: #FFCC80; stroke: #3E2723; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.paper-dark { fill: #F57C00; stroke: #3E2723; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.paper-inner { fill: #FFE0B2; stroke: #3E2723; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.feature { fill: #3E2723; stroke: none; }
.whisker { stroke: #3E2723; stroke-width: 2; stroke-linecap: round; fill: none; }
</style>
</defs>
<!-- Background Circle -->
<circle cx="200" cy="200" r="180" fill="#FFF3E0" />
<!-- Main Head Shape: Left Half -->
<!-- Chin -> Left Cheek -> Left Ear Tip -> Forehead Center -->
<path class="paper-light" d="M 200 380 L 60 220 L 110 40 L 200 120 Z" />
<!-- Main Head Shape: Right Half -->
<!-- Chin -> Right Cheek -> Right Ear Tip -> Forehead Center -->
<path class="paper-dark" d="M 200 380 L 340 220 L 290 40 L 200 120 Z" />
<!-- Inner Ears (Triangles to show fold) -->
<!-- Left Inner Ear -->
<path class="paper-inner" d="M 110 40 L 160 100 L 120 100 Z" />
<!-- Right Inner Ear -->
<path class="paper-inner" d="M 290 40 L 240 100 L 280 100 Z" />
<!-- Nose -->
<path class="feature" d="M 200 260 L 185 290 L 215 290 Z" />
<!-- Eyes -->
<!-- Left Eye -->
<path class="feature" d="M 140 210 L 170 220 L 140 230 Z" />
<!-- Right Eye -->
<path class="feature" d="M 260 210 L 230 220 L 260 230 Z" />
<!-- Mouth / Muzzle Lines -->
<path class="whisker" d="M 200 290 Q 180 310 160 300" />
<path class="whisker" d="M 200 290 Q 220 310 240 300" />
<!-- Whiskers -->
<g class="whisker">
<!-- Left Side -->
<line x1="160" y1="280" x2="100" y2="270" />
<line x1="160" y1="290" x2="100" y2="290" />
<line x1="160" y1="300" x2="100" y2="310" />
<!-- Right Side -->
<line x1="240" y1="280" x2="300" y2="270" />
<line x1="240" y1="290" x2="300" y2="290" />
<line x1="240" y1="300" x2="300" y2="310" />
</g>
</svg>
style #38.0✕ CLOSE
MiniMax M2 · style · 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 500 500">
<!-- Background (Optional, kept transparent for versatility) -->
<!-- Tail: Placed behind body -->
<path d="M300 400 L420 360 L390 300 Z" fill="#455a64"/>
<path d="M300 400 L420 360 L430 410 Z" fill="#90a4ae"/>
<!-- Body -->
<!-- Left Side (Shadowed) -->
<polygon points="250,280 160,450 250,400" fill="#37474f"/>
<!-- Right Side (Lit) -->
<polygon points="250,280 340,450 250,400" fill="#78909c"/>
<!-- Central Fold Line -->
<polygon points="250,280 250,400 205,425" fill="#546e7a" opacity="0.3"/>
<!-- Head -->
<!-- Chin -->
<polygon points="250,230 225,260 275,260" fill="#37474f"/>
<!-- Left Cheek (Shadowed) -->
<polygon points="225,180 175,210 250,230" fill="#455a64"/>
<!-- Right Cheek (Lit) -->
<polygon points="275,180 325,210 250,230" fill="#90a4ae"/>
<!-- Forehead -->
<polygon points="250,120 225,180 250,230 275,180" fill="#607d8b"/>
<!-- Left Ear -->
<polygon points="250,120 205,50 225,180" fill="#37474f"/>
<!-- Right Ear -->
<polygon points="250,120 295,50 275,180" fill="#cfd8dc"/>
<!-- Face Details -->
<!-- Eyes -->
<path d="M230 195 L245 200 L230 205 Z" fill="#263238"/>
<path d="M270 195 L255 200 L270 205 Z" fill="#263238"/>
<!-- Nose -->
<path d="M250 235 L245 245 L255 245 Z" fill="#263238"/>
<!-- Whiskers -->
<g stroke="#cfd8dc" stroke-width="2" stroke-linecap="round">
<line x1="185" y1="220" x2="145" y2="210" />
<line x1="185" y1="230" x2="140" y2="235" />
<line x1="315" y1="220" x2="355" y2="210" />
<line x1="315" y1="230" x2="360" y2="235" />
</g>
</svg>
style #48.3✕ CLOSE
MiniMax M2 · style · attempt 4 · score 8.3
cat likeness: 8.0aesthetic: 7.0technique: 9.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<!-- Filter for a subtle paper shadow effect -->
<filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="2" dy="2" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.3"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Ground Shadow -->
<ellipse cx="250" cy="480" rx="140" ry="15" fill="#000000" opacity="0.15" />
<!-- TAIL: A folded geometric shape behind the body -->
<polygon points="340,420 440,350 460,380 360,450" fill="#C4C4C4" stroke="#A0A0A0" stroke-width="1"/>
<polygon points="440,350 460,380 450,410 430,380" fill="#DCDCDC" /> <!-- Tail tip fold -->
<!-- BODY -->
<g filter="url(#dropShadow)">
<!-- Left Body Panel -->
<polygon points="250,360 140,480 250,480" fill="#E6E6E6" stroke="#D0D0D0" stroke-width="1"/>
<!-- Right Body Panel (Darker for shadow) -->
<polygon points="250,360 360,480 250,480" fill="#C4C4C4" stroke="#A0A0A0" stroke-width="1"/>
</g>
<!-- HEAD -->
<g filter="url(#dropShadow)">
<!-- Chin (Bottom Muzzle) - Left Side -->
<polygon points="250,320 250,390 190,350" fill="#E6E6E6" stroke="#D0D0D0" stroke-width="1"/>
<!-- Chin (Bottom Muzzle) - Right Side (Shadowed) -->
<polygon points="250,320 250,390 310,350" fill="#D0D0D0" stroke="#A0A0A0" stroke-width="1"/>
<!-- Cheeks/Face Base -->
<!-- Left Cheek -->
<polygon points="90,220 210,170 250,220 250,320" fill="#F2F2F2" stroke="#D0D0D0" stroke-width="1"/>
<!-- Right Cheek -->
<polygon points="410,220 290,170 250,220 250,320" fill="#D6D6D6" stroke="#A0A0A0" stroke-width="1"/>
<!-- Forehead Center -->
<polygon points="250,140 210,170 250,220 290,170" fill="#FFFFFF" stroke="#E0E0E0" stroke-width="1"/>
<!-- Left Ear -->
<polygon points="150,60 250,140 210,170" fill="#E6E6E6" stroke="#D0D0D0" stroke-width="1"/>
<!-- Right Ear -->
<polygon points="350,60 250,140 290,170" fill="#C4C4C4" stroke="#A0A0A0" stroke-width="1"/>
</g>
<!-- FACE DETATURES -->
<g fill="#333333">
<!-- Eyes: Geometric Triangles -->
<!-- Left Eye -->
<polygon points="215,240 235,245 215,250" />
<!-- Right Eye -->
<polygon points="285,240 265,245 285,250" />
<!-- Nose: Small Diamond -->
<polygon points="242,275 258,275 250,285" />
</g>
<!-- Mouth Creases -->
<g stroke="#555555" stroke-width="2" fill="none" stroke-linecap="round">
<path d="M250,285 L230,305" />
<path d="M250,285 L270,305" />
<path d="M230,305 L250,315" opacity="0.5"/> <!-- Small link -->
<path d="M270,305 L250,315" opacity="0.5"/>
</g>
<!-- Whiskers -->
<g stroke="#999999" stroke-width="1.5" stroke-linecap="round">
<!-- Left Side -->
<line x1="200" y1="280" x2="140" y2="270" />
<line x1="200" y1="290" x2="135" y2="290" />
<line x1="200" y1="300" x2="140" y2="310" />
<!-- Right Side -->
<line x1="300" y1="280" x2="360" y2="270" />
<line x1="300" y1="290" x2="365" y2="290" />
<line x1="300" y1="300" x2="360" y2="310" />
</g>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #19.0✕ CLOSE
MiniMax M2 · constraint · attempt 1 · 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 200 200">
<!-- Head -->
<circle cx="100" cy="110" r="50" fill="#333"/>
<!-- Left Ear -->
<path d="M60,80 L40,25 L90,60 Z" fill="#333"/>
<!-- Right Ear -->
<path d="M140,80 L160,25 L110,60 Z" fill="#333"/>
<!-- Left Eye -->
<ellipse cx="80" cy="105" rx="10" ry="14" fill="#F5D76E"/>
<!-- Right Eye -->
<ellipse cx="120" cy="105" rx="10" ry="14" fill="#F5D76E"/>
<!-- Left Pupil -->
<ellipse cx="80" cy="105" rx="3" ry="9" fill="#222"/>
<!-- Right Pupil -->
<ellipse cx="120" cy="105" rx="3" ry="9" fill="#222"/>
<!-- Nose -->
<path d="M94,128 L106,128 L100,136 Z" fill="#FF8DA1"/>
<!-- Mouth and Whiskers -->
<path d="M100,136 Q90,145 80,136 M100,136 Q110,145 120,136 M65,130 L35,125 M65,135 L35,135 M65,140 L35,145 M135,130 L165,125 M135,135 L165,135 M135,140 L165,145" stroke="#FFF" fill="none" stroke-width="1.5" stroke-linecap="round"/>
</svg>
constraint #29.0✕ CLOSE
MiniMax M2 · constraint · attempt 2 · 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 200 200">
<!-- Head -->
<ellipse cx="100" cy="120" rx="55" ry="45" fill="#FFB347"/>
<!-- Ears -->
<polygon points="55,90 35,45 80,70" fill="#FFB347"/>
<polygon points="145,90 165,45 120,70" fill="#FFB347"/>
<!-- Eyes -->
<ellipse cx="75" cy="115" rx="10" ry="12" fill="white"/>
<ellipse cx="125" cy="115" rx="10" ry="12" fill="white"/>
<ellipse cx="75" cy="115" rx="4" ry="6" fill="#333"/>
<ellipse cx="125" cy="115" rx="4" ry="6" fill="#333"/>
<!-- Nose -->
<polygon points="95,135 105,135 100,145" fill="#FF69B4"/>
<!-- Mouth -->
<path d="M100,145 Q90,155 82,148 M100,145 Q110,155 118,148" fill="none" stroke="#333" stroke-width="2"/>
<!-- Whiskers -->
<path d="M55,135 L25,125 M55,140 L25,140 M55,145 L25,155 M145,135 L175,125 M145,140 L175,140 M145,145 L175,155" stroke="#333" stroke-width="2" fill="none"/>
</svg>
constraint #38.3✕ CLOSE
MiniMax M2 · constraint · attempt 3 · score 8.3
cat likeness: 9.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="50" cy="55" rx="35" ry="30" fill="#F4A460"/>
<path d="M20 35 L15 15 L35 30 Z" fill="#8B4513"/>
<path d="M80 35 L85 15 L65 30 Z" fill="#8B4513"/>
<ellipse cx="38" cy="50" rx="6" ry="8" fill="#90EE90"/>
<circle cx="38" cy="50" r="3" fill="#000"/>
<ellipse cx="62" cy="50" rx="6" ry="8" fill="#90EE90"/>
<circle cx="62" cy="50" r="3" fill="#000"/>
<polygon points="50,60 45,68 55,68" fill="#FF69B4"/>
<path d="M35 75 Q50 85 65 75" stroke="#333" stroke-width="2" fill="none"/>
<line x1="20" y1="60" x2="5" y2="55" stroke="#333" stroke-width="1"/>
<line x1="20" y1="65" x2="5" y2="68" stroke="#333" stroke-width="1"/>
<line x1="80" y1="60" x2="95" y2="55" stroke="#333" stroke-width="1"/>
<line x1="80" y1="65" x2="95" y2="68" stroke="#333" stroke-width="1"/>
</svg>
constraint #48.5✕ CLOSE
MiniMax M2 · constraint · attempt 4 · 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 100 100">
<path d="M 65 75 Q 85 65 80 40" stroke="#333" stroke-width="4" fill="none" stroke-linecap="round"/>
<ellipse cx="50" cy="75" rx="18" ry="20" fill="#333"/>
<path d="M 35 40 L 28 15 L 50 32 Z M 65 40 L 72 15 L 50 32 Z" fill="#333"/>
<circle cx="50" cy="50" r="20" fill="#333"/>
<circle cx="43" cy="48" r="4" fill="white"/>
<circle cx="57" cy="48" r="4" fill="white"/>
<ellipse cx="43" cy="48" rx="1.5" ry="3" fill="black"/>
<ellipse cx="57" cy="48" rx="1.5" ry="3" fill="black"/>
<path d="M 47 55 L 53 55 L 50 59 Z" fill="#ff99cc"/>
<path d="M 50 59 Q 45 63 42 58 M 50 59 Q 55 63 58 58" stroke="white" stroke-width="1" fill="none"/>
<path d="M 30 52 L 15 50 M 30 55 L 15 58 M 70 52 L 85 50 M 70 55 L 85 58" stroke="white" stroke-width="1" fill="none"/>
</svg>animation
“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”
animation #19.0✕ CLOSE
MiniMax M2 · animation · attempt 1 · 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 200 200">
<defs>
<style>
/* Animation for the tail */
.tail-group {
transform-origin: 135px 145px;
animation: sway 2s ease-in-out infinite;
}
@keyframes sway {
0% { transform: rotate(-15deg); }
50% { transform: rotate(10deg); }
100% { transform: rotate(-15deg); }
}
/* Subtle breathing animation for the body */
.body {
animation: breathe 3s ease-in-out infinite;
transform-origin: 100px 150px;
}
@keyframes breathe {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.02); }
}
</style>
</defs>
<!-- Tail (Behind Body) -->
<g class="tail-group">
<path d="M135,145 Q165,145 165,105" stroke="#4a4a4a" stroke-width="12" fill="none" stroke-linecap="round" />
</g>
<!-- Back Legs -->
<ellipse cx="75" cy="165" rx="10" ry="8" fill="#4a4a4a" />
<ellipse cx="125" cy="165" rx="10" ry="8" fill="#4a4a4a" />
<!-- Body -->
<ellipse class="body" cx="100" cy="150" rx="40" ry="25" fill="#4a4a4a" />
<!-- Front Paws -->
<circle cx="85" cy="175" r="7" fill="#4a4a4a" />
<circle cx="115" cy="175" r="7" fill="#4a4a4a" />
<!-- Head -->
<circle cx="100" cy="110" r="30" fill="#4a4a4a" />
<!-- Ears -->
<path d="M78,95 L70,65 L95,85 Z" fill="#4a4a4a" />
<path d="M122,95 L130,65 L105,85 Z" fill="#4a4a4a" />
<!-- Inner Ears -->
<path d="M80,90 L75,70 L90,85 Z" fill="#d1d1d1" />
<path d="M120,90 L125,70 L110,85 Z" fill="#d1d1d1" />
<!-- Face -->
<!-- Eyes -->
<circle cx="90" cy="105" r="5" fill="#ffeb3b" />
<circle cx="110" cy="105" r="5" fill="#ffeb3b" />
<circle cx="90" cy="105" r="2" fill="#000" />
<circle cx="110" cy="105" r="2" fill="#000" />
<!-- Nose -->
<path d="M96,115 L104,115 L100,120 Z" fill="#ff8a80" />
<!-- Mouth -->
<path d="M100,120 Q90,128 85,122" stroke="#d1d1d1" stroke-width="1.5" fill="none" />
<path d="M100,120 Q110,128 115,122" stroke="#d1d1d1" stroke-width="1.5" fill="none" />
<!-- Whiskers -->
<g stroke="#ccc" stroke-width="0.5">
<line x1="80" y1="118" x2="60" y2="115" />
<line x1="80" y1="120" x2="60" y2="122" />
<line x1="120" y1="118" x2="140" y2="115" />
<line x1="120" y1="120" x2="140" y2="122" />
</g>
</svg>
animation #29.0✕ CLOSE
MiniMax M2 · animation · attempt 2 · 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 400 400" width="400" height="400">
<!-- CSS Animation for the tail -->
<style>
.tail {
/* Pivot point at the base of the tail (where it meets the body) */
transform-origin: 255px 265px;
animation: sway 1.5s ease-in-out infinite alternate;
}
@keyframes sway {
from { transform: rotate(-15deg); }
to { transform: rotate(15deg); }
}
</style>
<!-- Tail (Drawn first so it appears behind the body) -->
<path class="tail" d="M 255 265 Q 330 265 350 190" stroke="#333" stroke-width="16" fill="none" stroke-linecap="round" />
<!-- Back Legs -->
<ellipse cx="160" cy="310" rx="12" ry="20" fill="#333" />
<ellipse cx="270" cy="310" rx="12" ry="20" fill="#333" />
<!-- Body -->
<ellipse cx="220" cy="270" rx="75" ry="50" fill="#333" />
<!-- Belly Patch -->
<ellipse cx="220" cy="280" rx="45" ry="30" fill="#555" />
<!-- Front Legs -->
<ellipse cx="185" cy="320" rx="12" ry="20" fill="#333" />
<ellipse cx="245" cy="320" rx="12" ry="20" fill="#333" />
<!-- Head Group -->
<g id="head">
<!-- Ears -->
<path d="M 145 210 L 135 165 L 170 195 Z" fill="#333" />
<path d="M 195 210 L 205 165 L 170 195 Z" fill="#333" />
<!-- Face Shape -->
<circle cx="170" cy="220" r="42" fill="#333" />
<!-- Eyes -->
<circle cx="155" cy="215" r="9" fill="#ffdb58" />
<circle cx="185" cy="215" r="9" fill="#ffdb58" />
<!-- Pupils -->
<ellipse cx="155" cy="215" rx="2.5" ry="7" fill="black" />
<ellipse cx="185" cy="215" rx="2.5" ry="7" fill="black" />
<!-- Eye Shine -->
<circle cx="152" cy="212" r="2" fill="white" opacity="0.8"/>
<circle cx="182" cy="212" r="2" fill="white" opacity="0.8"/>
<!-- Nose -->
<path d="M 166 238 L 174 238 L 170 244 Z" fill="pink" />
<!-- Mouth -->
<path d="M 170 244 Q 160 252 155 248" stroke="pink" stroke-width="1.5" fill="none" />
<path d="M 170 244 Q 180 252 185 248" stroke="pink" stroke-width="1.5" fill="none" />
<!-- Whiskers -->
<g stroke="white" stroke-width="1" opacity="0.5">
<line x1="140" y1="235" x2="110" y2="230" />
<line x1="140" y1="240" x2="105" y2="240" />
<line x1="140" y1="245" x2="110" y2="250" />
<line x1="200" y1="235" x2="230" y2="230" />
<line x1="200" y1="240" x2="235" y2="240" />
<line x1="200" y1="245" x2="230" y2="250" />
</g>
</g>
</svg>
animation #39.0✕ CLOSE
MiniMax M2 · animation · attempt 3 · 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 200 200">
<style>
/* Define the swaying animation for the tail */
.tail-sway {
transform-origin: 135px 130px;
animation: sway 2s ease-in-out infinite alternate;
}
@keyframes sway {
from {
transform: rotate(-15deg);
}
to {
transform: rotate(15deg);
}
}
</style>
<!-- Ground Shadow -->
<ellipse cx="100" cy="175" rx="50" ry="5" fill="#e0e0e0" />
<!-- Tail (Drawn first so it appears behind the body) -->
<path class="tail-sway" d="M135,130 Q165,130 165,90" fill="none" stroke="#333" stroke-width="14" stroke-linecap="round" />
<!-- Body -->
<ellipse cx="100" cy="135" rx="45" ry="40" fill="#333" />
<!-- Legs -->
<path d="M75,160 L75,175" stroke="#333" stroke-width="12" stroke-linecap="round" />
<path d="M125,160 L125,175" stroke="#333" stroke-width="12" stroke-linecap="round" />
<!-- Head -->
<circle cx="100" cy="95" r="35" fill="#333" />
<!-- Ears -->
<path d="M75,75 L70,40 L95,65 Z" fill="#333" />
<path d="M125,75 L130,40 L105,65 Z" fill="#333" />
<!-- Face -->
<!-- Eyes -->
<circle cx="88" cy="90" r="4" fill="#fff" />
<circle cx="112" cy="90" r="4" fill="#fff" />
<!-- Nose -->
<polygon points="97,100 103,100 100,105" fill="#pink" />
<!-- Mouth -->
<path d="M100,105 Q95,110 90,105" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" />
<path d="M100,105 Q105,110 110,105" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" />
<!-- Whiskers -->
<line x1="80" y1="100" x2="60" y2="95" stroke="#555" stroke-width="1" />
<line x1="80" y1="105" x2="60" y2="105" stroke="#555" stroke-width="1" />
<line x1="120" y1="100" x2="140" y2="95" stroke="#555" stroke-width="1" />
<line x1="120" y1="105" x2="140" y2="105" stroke="#555" stroke-width="1" />
</svg>
animation #48.3✕ CLOSE
MiniMax M2 · animation · attempt 4 · score 8.3
cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg width="400" height="400" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<style>
/* Base styles for the cat */
.cat-shape {
fill: #4a4a4a;
stroke: #4a4a4a;
}
/* Tail specific styles */
.tail {
fill: none;
stroke: #4a4a4a;
stroke-width: 10;
stroke-linecap: round;
/* Sets the pivot point to the base of the tail */
transform-origin: 130px 130px;
animation: sway 1s ease-in-out infinite alternate;
}
/* Face details */
.eye {
fill: #aaddff;
}
.pupil {
fill: #000;
}
.nose {
fill: pink;
}
/* Animation Keyframes */
@keyframes sway {
from {
transform: rotate(-15deg);
}
to {
transform: rotate(15deg);
}
}
</style>
<!-- Tail: Drawn first so it appears behind the body -->
<path d="M130,130 Q165,130 165,80" class="tail" />
<!-- Body -->
<ellipse cx="100" cy="135" rx="45" ry="30" class="cat-shape" stroke="none" />
<!-- Paws -->
<ellipse cx="70" cy="160" rx="9" ry="6" class="cat-shape" stroke="none" />
<ellipse cx="130" cy="160" rx="9" ry="6" class="cat-shape" stroke="none" />
<!-- Head -->
<circle cx="65" cy="110" r="30" class="cat-shape" stroke="none" />
<!-- Ears -->
<path d="M40,90 L35,60 L60,80 Z" class="cat-shape" stroke="none" />
<path d="M90,90 L95,60 L70,80 Z" class="cat-shape" stroke="none" />
<!-- Face Features -->
<!-- Eyes -->
<circle cx="53" cy="105" r="4" class="eye" />
<circle cx="77" cy="105" r="4" class="eye" />
<!-- Pupils -->
<ellipse cx="53" cy="105" rx="1.5" ry="3.5" class="pupil" />
<ellipse cx="77" cy="105" rx="1.5" ry="3.5" class="pupil" />
<!-- Nose -->
<polygon points="60,112 70,112 65,118" class="nose" />
</svg>