GPT-4o
Challenge Creator
Creative Challenge
"A giraffe in a tuxedo, sipping tea at a cosmic garden party"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<defs>
<!-- Cosmic background gradient -->
<linearGradient id="cosmicBackground" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0a0028" />
<stop offset="50%" stop-color="#1a0549" />
<stop offset="100%" stop-color="#2c0760" />
</linearGradient>
<!-- Star pattern -->
<pattern id="starPattern" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="1" fill="white" opacity="0.8" />
<circle cx="25" cy="20" r="0.8" fill="white" opacity="0.7" />
<circle cx="40" cy="15" r="1.2" fill="white" opacity="0.9" />
<circle cx="15" cy="30" r="0.6" fill="white" opacity="0.6" />
<circle cx="30" cy="40" r="1" fill="white" opacity="0.8" />
<circle cx="5" cy="45" r="0.7" fill="white" opacity="0.7" />
<circle cx="35" cy="5" r="0.9" fill="white" opacity="0.8" />
</pattern>
<!-- Giraffe spot pattern -->
<pattern id="giraffePattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M5,5 Q8,2 11,5 Q14,8 11,11 Q8,14 5,11 Q2,8 5,5" fill="#a85" />
<path d="M15,15 Q18,12 21,15 Q24,18 21,21 Q18,24 15,21 Q12,18 15,15" fill="#a85" />
</pattern>
<!-- Cosmic flower gradients -->
<radialGradient id="flowerGradient1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#f0f" />
<stop offset="100%" stop-color="#90f" />
</radialGradient>
<radialGradient id="flowerGradient2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#0ff" />
<stop offset="100%" stop-color="#09f" />
</radialGradient>
<radialGradient id="flowerGradient3" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#ff0" />
<stop offset="100%" stop-color="#f90" />
</radialGradient>
<!-- Planet gradients -->
<radialGradient id="planetGradient1" cx="30%" cy="30%" r="70%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#9cf" />
<stop offset="100%" stop-color="#06c" />
</radialGradient>
<radialGradient id="planetGradient2" cx="40%" cy="40%" r="60%" fx="40%" fy="40%">
<stop offset="0%" stop-color="#fc9" />
<stop offset="100%" stop-color="#c63" />
</radialGradient>
<!-- Tea gradient -->
<linearGradient id="teaGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#c90" />
<stop offset="100%" stop-color="#960" />
</linearGradient>
<!-- Glow filter -->
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="2.5" result="blur" />
<feMerge>
<feMergeNode in="blur" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<!-- Cosmic swirl -->
<linearGradient id="swirlGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#f0f" stop-opacity="0.8" />
<stop offset="50%" stop-color="#90f" stop-opacity="0.5" />
<stop offset="100%" stop-color="#0ff" stop-opacity="0.2" />
</linearGradient>
</defs>
<!-- Background -->
<rect x="0" y="0" width="300" height="300" fill="url(#cosmicBackground)" />
<rect x="0" y="0" width="300" height="300" fill="url(#starPattern)" />
<!-- Cosmic swirls -->
<path d="M0,100 Q75,120 120,80 Q150,50 200,70 Q250,90 300,60"
stroke="url(#swirlGradient)" stroke-width="5" fill="none" opacity="0.6" />
<path d="M0,180 Q50,170 100,200 Q150,230 200,210 Q250,190 300,220"
stroke="url(#swirlGradient)" stroke-width="3" fill="none" opacity="0.4" />
<!-- Cosmic garden elements -->
<!-- Floating planets -->
<circle cx="50" cy="50" r="20" fill="url(#planetGradient1)" filter="url(#glow)" />
<ellipse cx="50" cy="50" rx="25" ry="5" fill="none" stroke="#fff" stroke-width="0.5" opacity="0.6" />
<circle cx="230" cy="40" r="12" fill="url(#planetGradient2)" filter="url(#glow)" />
<ellipse cx="230" cy="40" rx="16" ry="3" fill="none" stroke="#fff" stroke-width="0.5" opacity="0.6" />
<!-- Cosmic flowers -->
<g class="cosmic-flowers">
<!-- Flower 1 -->
<g transform="translate(200, 70)">
<circle cx="0" cy="0" r="10" fill="url(#flowerGradient1)" filter="url(#glow)" />
<circle cx="0" cy="-15" r="8" fill="url(#flowerGradient1)" />
<circle cx="10" cy="-10" r="8" fill="url(#flowerGradient1)" />
<circle cx="15" cy="0" r="8" fill="url(#flowerGradient1)" />
<circle cx="10" cy="10" r="8" fill="url(#flowerGradient1)" />
<circle cx="0" cy="15" r="8" fill="url(#flowerGradient1)" />
<circle cx="-10" cy="10" r="8" fill="url(#flowerGradient1)" />
<circle cx="-15" cy="0" r="8" fill="url(#flowerGradient1)" />
<circle cx="-10" cy="-10" r="8" fill="url(#flowerGradient1)" />
<circle cx="0" cy="0" r="5" fill="yellow" />
</g>
<!-- Flower 2 -->
<g transform="translate(250, 130)">
<circle cx="0" cy="0" r="8" fill="url(#flowerGradient2)" filter="url(#glow)" />
<circle cx="0" cy="-12" r="6" fill="url(#flowerGradient2)" />
<circle cx="8" cy="-8" r="6" fill="url(#flowerGradient2)" />
<circle cx="12" cy="0" r="6" fill="url(#flowerGradient2)" />
<circle cx="8" cy="8" r="6" fill="url(#flowerGradient2)" />
<circle cx="0" cy="12" r="6" fill="url(#flowerGradient2)" />
<circle cx="-8" cy="8" r="6" fill="url(#flowerGradient2)" />
<circle cx="-12" cy="0" r="6" fill="url(#flowerGradient2)" />
<circle cx="-8" cy="-8" r="6" fill="url(#flowerGradient2)" />
<circle cx="0" cy="0" r="4" fill="cyan" />
</g>
<!-- Flower 3 -->
<g transform="translate(40, 150)">
<circle cx="0" cy="0" r="12" fill="url(#flowerGradient3)" filter="url(#glow)" />
<circle cx="0" cy="-18" r="9" fill="url(#flowerGradient3)" />
<circle cx="12" cy="-12" r="9" fill="url(#flowerGradient3)" />
<circle cx="18" cy="0" r="9" fill="url(#flowerGradient3)" />
<circle cx="12" cy="12" r="9" fill="url(#flowerGradient3)" />
<circle cx="0" cy="18" r="9" fill="url(#flowerGradient3)" />
<circle cx="-12" cy="12" r="9" fill="url(#flowerGradient3)" />
<circle cx="-18" cy="0" r="9" fill="url(#flowerGradient3)" />
<circle cx="-12" cy="-12" r="9" fill="url(#flowerGradient3)" />
<circle cx="0" cy="0" r="6" fill="orange" />
</g>
<!-- Flower 4 -->
<g transform="translate(120, 90)">
<circle cx="0" cy="0" r="6" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="0" cy="-10" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="7" cy="-7" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="10" cy="0" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="7" cy="7" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="0" cy="10" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="-7" cy="7" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="-10" cy="0" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="-7" cy="-7" r="5" fill="url(#flowerGradient1)" opacity="0.6" />
<circle cx="0" cy="0" r="3" fill="yellow" opacity="0.8" />
</g>
</g>
<!-- Garden table -->
<ellipse cx="150" cy="240" rx="120" ry="30" fill="#8044aa" opacity="0.6" />
<ellipse cx="150" cy="238" rx="110" ry="25" fill="#9055bb" opacity="0.7" />
<ellipse cx="150" cy="236" rx="100" ry="20" fill="#a066cc" opacity="0.8" />
<!-- Cosmic table decorations -->
<circle cx="100" cy="230" r="5" fill="url(#flowerGradient2)" opacity="0.8" />
<circle cx="200" cy="230" r="5" fill="url(#flowerGradient1)" opacity="0.8" />
<circle cx="150" cy="230" r="5" fill="url(#flowerGradient3)" opacity="0.8" />
<!-- Giraffe in tuxedo -->
<g class="giraffe">
<!-- Legs -->
<rect x="120" y="190" width="10" height="50" rx="5" fill="#ffd380" />
<rect x="150" y="190" width="10" height="50" rx="5" fill="#ffd380" />
<rect x="120" y="190" width="10" height="50" rx="5" fill="url(#giraffePattern)" opacity="0.3" />
<rect x="150" y="190" width="10" height="50" rx="5" fill="url(#giraffePattern)" opacity="0.3" />
<!-- Shoes -->
<ellipse cx="125" cy="240" rx="7" ry="3" fill="#000" />
<ellipse cx="155" cy="240" rx="7" ry="3" fill="#000" />
<!-- Body -->
<ellipse cx="140" cy="160" rx="30" ry="40" fill="#ffd380" />
<path d="M120,130 Q100,100 110,70 Q120,30 140,20 Q160,30 170,70 Q180,100 160,130" fill="#ffd380" stroke="#e5a023" stroke-width="1" />
<!-- Spots -->
<ellipse cx="140" cy="160" rx="28" ry="38" fill="url(#giraffePattern)" opacity="0.9" />
<path d="M120,130 Q100,100 110,70 Q120,30 140,20 Q160,30 170,70 Q180,100 160,130" fill="url(#giraffePattern)" opacity="0.9" />
<!-- Tuxedo jacket -->
<path d="M110,145 Q140,155 170,145 L170,190 Q140,200 110,190 Z" fill="#000" />
<path d="M135,145 L135,190 L145,190 L145,145 Z" fill="white" />
<!-- Jacket lapels -->
<path d="M135,145 L130,150 L125,140 Q130,142 135,145" fill="#440" />
<path d="M145,145 L150,150 L155,140 Q150,142 145,145" fill="#440" />
<!-- Bow tie -->
<path d="M137,134 L143,134 L145,132 L145,136 L143,134" fill="red" />
<path d="M143,134 L137,134 L135,132 L135,136 L137,134" fill="red" />
<circle cx="140" cy="134" r="1.5" fill="#900" />
<!-- Neck shadow -->
<path d="M130,131 Q115,100 122,70 Q130,35 140,25" fill="none" stroke="#e5a023" stroke-width="5" opacity="0.3" />
<!-- Head -->
<ellipse cx="140" cy="23" rx="15" ry="10" fill="#ffd380" />
<path d="M132,18 Q130,14 132,12 L135,15 Z" fill="#333" />
<path d="M148,18 Q150,14 148,12 L145,15 Z" fill="#333" />
<!-- Horns/ossicones -->
<path d="M133,19 L130,10 L133,8 L136,10 Z" fill="#a67c52" />
<path d="M147,19 L150,10 L147,8 L144,10 Z" fill="#a67c52" />
<!-- Eyes -->
<circle cx="135" cy="22" r="2" fill="#000" />
<circle cx="145" cy="22" r="2" fill="#000" />
<circle cx="134" cy="21" r="0.8" fill="white" />
<circle cx="144" cy="21" r="0.8" fill="white" />
<!-- Eyelashes -->
<path d="M133,20 L131,19" stroke="#000" stroke-width="0.5" />
<path d="M134,19.5 L133,18" stroke="#000" stroke-width="0.5" />
<path d="M136,19.5 L137,18" stroke="#000" stroke-width="0.5" />
<path d="M143,20 L141,19" stroke="#000" stroke-width="0.5" />
<path d="M144,19.5 L143,18" stroke="#000" stroke-width="0.5" />
<path d="M146,19.5 L147,18" stroke="#000" stroke-width="0.5" />
<!-- Mouth -->
<path d="M138,28 Q140,30 142,28" fill="none" stroke="#333" stroke-width="0.5" />
<!-- Arms -->
<path d="M110,160 Q100,170 100,185 Q100,195 110,200" fill="none" stroke="#000" stroke-width="8" />
<path d="M170,160 Q180,170 180,185 Q180,195 175,200" fill="none" stroke="#000" stroke-width="8" />
<circle cx="110" cy="200" r="5" fill="#ffd380" />
<circle cx="175" cy="200" r="5" fill="#ffd380" />
<!-- White gloves -->
<circle cx="110" cy="200" r="4" fill="white" />
<circle cx="175" cy="200" r="4" fill="white" />
<!-- Pocket square -->
<path d="M160,150 L165,150 L165,155 L160,158 Z" fill="white" />
</g>
<!-- Teacup and saucer -->
<g class="teacup" transform="translate(98, 200)">
<!-- Saucer -->
<ellipse cx="0" cy="0" rx="15" ry="5" fill="#eef" stroke="#99c" stroke-width="0.5" />
<ellipse cx="0" cy="0" rx="12" ry="3" fill="#ddf" stroke="#99c" stroke-width="0.3" />
<!-- Cup -->
<path d="M-8,-5 Q-10,-12 0,-15 Q10,-12 8,-5" fill="#eef" stroke="#99c" stroke-width="0.5" />
<path d="M-8,-5 Q-8,-1 0,0 Q8,-1 8,-5" fill="none" stroke="#99c" stroke-width="0.5" />
<path d="M-5,-3 Q-5,-8 0,-10 Q5,-8 5,-3" fill="url(#teaGradient)" />
<!-- Handle -->
<path d="M8,-10 Q15,-12 15,-8 Q15,-4 12,-3" fill="none" stroke="#99c" stroke-width="1" />
<!-- Tea decoration -->
<path d="M-2,-7 L2,-7" stroke="#fc9" stroke-width="0.5" opacity="0.8" />
<circle cx="0" cy="-8" r="1" fill="#fc0" opacity="0.5" />
</g>
<!-- Steam from tea -->
<path d="M98,190 Q103,185 98,180 Q93,175 98,170 Q103,165 98,160" fill="none" stroke="white" stroke-width="1" opacity="0.6" />
<!-- Additional party elements -->
<!-- Small cake -->
<g transform="translate(170, 220)">
<ellipse cx="0" cy="0" rx="15" ry="5" fill="#eef" opacity="0.9" />
<path d="M-10,-3 L10,-3 L8,-8 L-8,-8 Z" fill="#fc9" stroke="#c96" stroke-width="0.5" />
<path d="M-8,-8 L8,-8 L6,-13 L-6,-13 Z" fill="#fcc" stroke="#c99" stroke-width="0.5" />
<ellipse cx="0" cy="-13" rx="6" ry="1" fill="#f66" />
<rect x="-1" y="-18" width="2" height="5" fill="#fb0" />
<ellipse cx="0" cy="-19" rx="3" ry="2" fill="#ff0" filter="url(#glow)" />
</g>
<!-- Small floating music notes -->
<g opacity="0.7" filter="url(#glow)">
<path d="M50,100 L53,95 L53,85 Q60,87 60,82 Q60,77 53,75 L53,90 L50,95 Z" fill="white" />
<path d="M220,110 L223,105 L223,95 Q230,97 230,92 Q230,87 223,85 L223,100 L220,105 Z" fill="white" />
<path d="M180,60 L183,55 L183,45 Q190,47 190,42 Q190,37 183,35 L183,50 L180,55 Z" fill="white" />
</g>
<!-- Distant party guests (silhouettes) -->
<g opacity="0.6">
<path d="M240,230 Q245,220 250,230 L250,245 L240,245 Z" fill="#6c49aa" />
<circle cx="245" cy="225" r="5" fill="#6c49aa" />
<path d="M60,240 Q65,225 70,240 L70,250 L60,250 Z" fill="#6c49aa" />
<ellipse cx="65" cy="225" rx="8" ry="6" fill="#6c49aa" />
<path d="M215,245 Q220,235 225,245 L225,255 L215,255 Z" fill="#6c49aa" />
<ellipse cx="220" cy="235" rx="6" ry="4" fill="#6c49aa" />
</g>
<!-- Additional cosmic elements floating -->
<circle cx="270" cy="180" r="3" fill="#ff0" filter="url(#glow)" opacity="0.8" />
<circle cx="30" cy="200" r="2" fill="#0ff" filter="url(#glow)" opacity="0.8" />
<circle cx="190" cy="30" r="2.5" fill="#f0f" filter="url(#glow)" opacity="0.8" />
<circle cx="80" cy="40" r="1.5" fill="#ff0" filter="url(#glow)" opacity="0.8" />
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="stars" width="10" height="10" patternUnits="userSpaceOnUse">
<circle cx="5" cy="5" r="0.5" fill="white"/>
</pattern>
<radialGradient id="cosmic" cx="50%" cy="50%" r="60%">
<stop offset="0%" style="stop-color:#6A0DAD"/>
<stop offset="100%" style="stop-color:#000B3F"/>
</radialGradient>
<linearGradient id="teaGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#C3862B"/>
<stop offset="100%" style="stop-color:#8B4513"/>
</linearGradient>
</defs>
<!-- Cosmic background -->
<rect x="0" y="0" width="300" height="300" fill="url(#cosmic)"/>
<rect x="0" y="0" width="300" height="300" fill="url(#stars)"/>
<!-- Floating tea table -->
<ellipse cx="150" cy="200" rx="80" ry="20" fill="#C0C0C0" opacity="0.8"/>
<!-- Tea cup -->
<path d="M140 170 Q150 160 160 170 L165 185 Q150 190 135 185 Z" fill="white"/>
<path d="M135 185 Q150 190 165 185 L167 190 Q150 195 133 190 Z" fill="#D3D3D3"/>
<path d="M145 175 Q150 173 155 175 L157 180 Q150 182 143 180 Z" fill="url(#teaGradient)"/>
<!-- Giraffe body -->
<path d="M150 80 Q160 90 160 120 L155 180 Q150 190 145 180 L140 120 Q140 90 150 80" fill="#FFD700"/>
<path d="M145 75 Q150 60 155 75 L160 150 Q150 160 140 150 Z" fill="#FFD700"/>
<!-- Tuxedo -->
<path d="M140 120 Q150 130 160 120 L155 180 Q150 185 145 180 Z" fill="#000000"/>
<rect x="147" y="120" width="6" height="40" fill="white"/>
<circle cx="150" cy="130" r="2" fill="black"/>
<circle cx="150" cy="140" r="2" fill="black"/>
<!-- Giraffe spots -->
<circle cx="143" cy="90" r="3" fill="#B8860B"/>
<circle cx="157" cy="95" r="3" fill="#B8860B"/>
<circle cx="145" cy="105" r="3" fill="#B8860B"/>
<circle cx="155" cy="110" r="3" fill="#B8860B"/>
<!-- Giraffe head -->
<path d="M150 70 Q155 65 155 75 L153 85 Q150 87 147 85 L145 75 Q145 65 150 70" fill="#FFD700"/>
<circle cx="153" cy="73" r="2" fill="black"/>
<path d="M152 77 Q150 79 148 77" fill="none" stroke="black" stroke-width="0.5"/>
<!-- Bow tie -->
<path d="M148 115 L144 113 L148 111 L150 113 L152 111 L156 113 L152 115 L150 113 Z" fill="red"/>
<!-- Floating cosmic flowers -->
<g transform="translate(200,150)">
<circle cx="0" cy="0" r="10" fill="#FF69B4"/>
<circle cx="0" cy="0" r="5" fill="#FFD700"/>
</g>
<g transform="translate(100,160)">
<circle cx="0" cy="0" r="8" fill="#9370DB"/>
<circle cx="0" cy="0" r="4" fill="#FFD700"/>
</g>
<g transform="translate(220,180)">
<circle cx="0" cy="0" r="12" fill="#00CED1"/>
<circle cx="0" cy="0" r="6" fill="#FFD700"/>
</g>
<!-- Floating sparkles -->
<circle cx="180" cy="100" r="1" fill="white">
<animate attributeName="opacity" values="0;1;0" dur="2s" repeatCount="indefinite"/>
</circle>
<circle cx="120" cy="120" r="1" fill="white">
<animate attributeName="opacity" values="0;1;0" dur="1.5s" repeatCount="indefinite"/>
</circle>
<circle cx="200" cy="130" r="1" fill="white">
<animate attributeName="opacity" values="0;1;0" dur="3s" repeatCount="indefinite"/>
</circle>
</svg>GPT-4o
Judge & Evaluator
The winner of this SVG challenge is
Claude 3.7 Sonnet Thinking (2025-02-19)
Player 1
Judge's Analysis
Player 1's image captures the whimsical and cosmic elements of the prompt more effectively, with a giraffe clearly dressed in a tuxedo amidst a vibrant, starry backdrop and colorful cosmic elements.
The composition is dynamic, with a clear focus on the giraffe sipping tea, which adheres closely to the prompt.
Player 2's image, while technically clean, lacks the same level of detail and imaginative representation of a cosmic garden party.
These metrics analyze technical aspects of both SVG drawings. Look for differences that might explain the judge's decision. Use the "View Code" button above to see the SVG code for each drawing.
Shapes Metrics
Total Shapes
The total number of shape elements (rect, circle, ellipse, line, polygon, polyline, path) in the SVG.
Player 1
132
Player 2
30
Rectangles
The number of rectangle elements (rect) in the SVG.
Player 1
7
Player 2
3
Circles
The number of circle elements (circle) in the SVG.
Player 1
67
Player 2
17
Ellipses
The number of ellipse elements (ellipse) in the SVG.
Player 1
17
Player 2
1
Lines
The number of line elements (line) in the SVG.
Player 1
—
Player 2
—
Polygons
The number of polygon elements (polygon) in the SVG.
Player 1
—
Player 2
—
Paths
The number of path elements (path) in the SVG.
Player 1
41
Player 2
9
Groups
The number of group elements (g) in the SVG.
Player 1
10
Player 2
3
Visual Effects Metrics
Gradients
The number of gradient definitions (linearGradient, radialGradient) in the SVG.
Player 1
8
Player 2
2
Patterns
The number of pattern definitions (pattern) in the SVG.
Player 1
2
Player 2
1
Filters
The number of filter definitions (filter) in the SVG.
Player 1
1
Player 2
—
Masks
The number of mask definitions (mask) in the SVG.
Player 1
—
Player 2
—
Clip Paths
The number of clipping path definitions (clipPath) in the SVG.
Player 1
—
Player 2
—
Elements with Opacity
The number of elements with opacity attributes in the SVG.
Player 1
42
Player 2
1
Elements with Stroke
The number of elements with stroke attributes in the SVG.
Player 1
24
Player 2
1
Colors Metrics
Unique Colors
The number of unique colors used in the SVG.
Player 1
42
Player 2
10
Interactivity Metrics
Animations
The number of animation elements (animate, animateMotion, animateTransform, set) in the SVG.
Player 1
—
Player 2
3
Elements with Transform
The number of elements with transform attributes in the SVG.
Player 1
6
Player 2
3
Complexity Metrics
Path Commands
The total number of path commands in all path elements (M, L, C, Q, etc.) in the SVG.
Player 1
169
Player 2
48
Max Group Nesting
The maximum nesting level of group elements (g) in the SVG.
Player 1
1
Player 2
—
Defs Elements
The number of elements defined within the defs element in the SVG.
Player 1
11
Player 2
3
Use Elements
The number of use elements (use) in the SVG.
Player 1
—
Player 2
—
Text Metrics
Text Elements
The number of text elements (text) in the SVG.
Player 1
—
Player 2
—
AI Judging Process
Creativity
Originality, innovative use of shapes and unique approach to the prompt.
Prompt Adherence
How accurately the SVG captures the essence of the prompt.
Visual Appeal
Aesthetic quality including composition, color usage and overall visual impact.
How does judging work?
SVG drawings are converted to static PNG images for evaluation. The AI judge receives the original prompt and both images, then determines which drawing better fulfills the evaluation criteria without seeing animations, interactivity, or SVG code.
Similar Challenges
Match #1026
Mar 13, 2025
"Robot octopus making coffee, steampunk style"
P1
P2
Match #1025
Mar 13, 2025
"Galactic snail with a spiral galaxy shell, in vibrant pop art style"
P1
P2
Match #806
Mar 13, 2025
"Giraffe in space wearing a jetpack, orbiting a planet with a tiny hat"
P1
P2
Match #788
Mar 13, 2025
"Surreal clock with hands as rainbow-colored vines twisting around the numbers"
P1
P2
Match #624
Mar 13, 2025
"Surreal clock melting over a floating iceberg in a purple sky"
P1
P2
Match #559
Mar 13, 2025
"Giraffe wearing a spacesuit, floating with balloons above a surreal desert"
P1
P2
