GPT-4o
Challenge Creator
Creative Challenge
"A flamingo in a top hat playing the violin under a moonlit sky"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background with gradient sky -->
<defs>
<linearGradient id="skyGradient" x1="0" y1="0" x2="0" y2="300">
<stop offset="0%" style="stop-color:#1a0f3c;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4a1010;stop-opacity:1" />
</linearGradient>
<radialGradient id="moonGlow" cx="150" cy="100" r="50" fx="150" fy="100" rx="40" ry="40">
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.8" />
<stop offset="100%" style="stop-color:#ffffff;stop-opacity:0" />
</radialGradient>
<linearGradient id="flamingoPink" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" style="stop-color:#ff9a9e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ff6b6b;stop-opacity:1" />
</linearGradient>
<linearGradient id="hatGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" style="stop-color:#2d1810;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1a0f3c;stop-opacity:1" />
</linearGradient>
<linearGradient id="violinWood" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" style="stop-color:#8b4513;stop-opacity:1" />
<stop offset="100%" style="stop-color:#6b3e2e;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Sky background -->
<rect width="300" height="300" fill="url(#skyGradient)" />
<!-- Moon and glow -->
<circle cx="200" cy="80" r="40" fill="white" />
<circle cx="200" cy="80" r="35" fill="none" stroke="white" stroke-width="2" />
<circle cx="200" cy="80" r="45" fill="none" stroke="white" stroke-width="1" opacity="0.3" />
<circle cx="200" cy="80" r="50" fill="none" stroke="white" stroke-width="1" opacity="0.2" />
<path d="M180,70 L220,70 L230,80 L190,80 Z" fill="none" stroke="white" stroke-width="2" />
<circle cx="200" cy="80" r="50" fill="url(#moonGlow)" opacity="0.5" />
<!-- Stars -->
<g id="stars">
<circle cx="50" cy="50" r="1" fill="white" />
<circle cx="80" cy="30" r="1" fill="white" />
<circle cx="100" cy="70" r="1" fill="white" />
<circle cx="120" cy="40" r="1" fill="white" />
<circle cx="140" cy="60" r="1" fill="white" />
<circle cx="160" cy="20" r="1" fill="white" />
<circle cx="180" cy="80" r="1" fill="white" />
<circle cx="200" cy="30" r="1" fill="white" />
<circle cx="220" cy="50" r="1" fill="white" />
<circle cx="240" cy="70" r="1" fill="white" />
<circle cx="260" cy="40" r="1" fill="white" />
<circle cx="280" cy="60" r="1" fill="white" />
</g>
<!-- Flamingo body -->
<g transform="translate(150,200)">
<!-- Body -->
<ellipse cx="0" cy="0" rx="30" ry="25" fill="url(#flamingoPink)" />
<!-- Neck -->
<path d="M0,0 Q -20,-40 -40,-40 L -40,-80 Q -20,-120 0,-120" fill="url(#flamingoPink)" />
<!-- Head -->
<path d="M-40,-80 Q -20,-100 0,-100 L 0,-120 Q -20,-140 -40,-140 L -40,-160 Q -20,-180 0,-180" fill="url(#flamingoPink)" />
<!-- Beak -->
<path d="M-40,-160 Q -20,-170 0,-170 L 0,-180" fill="url(#flamingoPink)" />
<!-- Legs -->
<rect x="-5" y="-200" width="2" height="20" fill="#ff6b6b" />
<rect x="3" y="-200" width="2" height="20" fill="#ff6b6b" />
</g>
<!-- Top hat -->
<g transform="translate(150,120)">
<rect x="-30" y="0" width="60" height="40" fill="url(#hatGradient)" rx="5" />
<rect x="-25" y="5" width="50" height="30" fill="url(#hatGradient)" rx="3" />
<rect x="-20" y="10" width="40" height="20" fill="url(#hatGradient)" rx="2" />
<path d="M-30,0 Q -30,-10 -20,-10 L 20,-10 Q 30,-10 30,0" fill="url(#hatGradient)" />
<circle cx="0" cy="-5" r="15" fill="none" stroke="url(#hatGradient)" stroke-width="2" />
</g>
<!-- Violin -->
<g transform="translate(220,180) rotate(-30)">
<!-- Body -->
<path d="M0,0 Q 20,-10 40,0 Q 20,10 0,0" fill="url(#violinWood)" />
<!-- Neck -->
<rect x="40" y="-5" width="8" height="20" fill="url(#violinWood)" />
<!-- Strings -->
<line x1="50" y1="0" x2="50" y2="-20" stroke="white" stroke-width="1" />
<line x1="45" y1="0" x2="45" y2="-20" stroke="white" stroke-width="1" />
<line x1="55" y1="0" x2="55" y2="-20" stroke="white" stroke-width="1" />
</g>
<!-- Bow -->
<path d="M220,180 Q230,170 240,180 Q250,190 240,200" stroke="white" stroke-width="2" fill="none" />
<path d="M240,200 Q230,210 220,200 Q210,190 220,180" stroke="white" stroke-width="2" fill="none" />
<!-- Bow movement lines -->
<path d="M150,150 Q160,140 170,150 Q180,160 170,170" stroke="white" stroke-width="1" fill="none" opacity="0.5" />
<path d="M170,170 Q180,160 190,170 Q200,180 190,190" stroke="white" stroke-width="1" fill="none" opacity="0.5" />
<path d="M190,190 Q200,180 210,190 Q220,200 210,210" stroke="white" stroke-width="1" fill="none" opacity="0.5" />
<path d="M210,210 Q220,200 230,210 Q240,220 230,230" stroke="white" stroke-width="1" fill="none" opacity="0.5" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Definitions for reusable elements -->
<defs>
<!-- Sky gradient -->
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#0a1128"/>
<stop offset="70%" stop-color="#1c3f80"/>
</linearGradient>
<!-- Moon glow -->
<filter id="moonGlow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur"/>
<feColorMatrix in="blur" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="glow"/>
<feBlend in="SourceGraphic" in2="glow" mode="screen"/>
</filter>
<!-- Flamingo gradient -->
<linearGradient id="flamingoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff9db6"/>
<stop offset="100%" stop-color="#ff5d8f"/>
</linearGradient>
<!-- Water gradient -->
<linearGradient id="waterGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#1c3f80" stop-opacity="0.8"/>
<stop offset="100%" stop-color="#0a1128" stop-opacity="0.9"/>
</linearGradient>
<!-- Star twinkle animation -->
<filter id="starGlow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur"/>
<feColorMatrix in="blur" type="matrix" values="1 0 0 0 1 0 1 0 0 1 0 0 1 0 1 0 0 0 18 -7" result="glow"/>
<feBlend in="SourceGraphic" in2="glow" mode="screen"/>
</filter>
<!-- Violin wood gradient -->
<linearGradient id="woodGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#8B4513"/>
<stop offset="50%" stop-color="#A0522D"/>
<stop offset="100%" stop-color="#8B4513"/>
</linearGradient>
<!-- Cloud filter -->
<filter id="cloudBlur" x="0" y="0" width="150%" height="150%">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" />
</filter>
<!-- Hat silk band gradient -->
<linearGradient id="hatBandGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#5d5d5d"/>
<stop offset="50%" stop-color="#8a8a8a"/>
<stop offset="100%" stop-color="#5d5d5d"/>
</linearGradient>
</defs>
<!-- Background sky -->
<rect x="0" y="0" width="300" height="220" fill="url(#skyGradient)"/>
<!-- Clouds -->
<g opacity="0.6">
<ellipse cx="50" cy="80" rx="25" ry="10" fill="#334466" filter="url(#cloudBlur)"/>
<ellipse cx="260" cy="100" rx="30" ry="8" fill="#334466" filter="url(#cloudBlur)"/>
<ellipse cx="180" cy="40" rx="20" ry="7" fill="#334466" filter="url(#cloudBlur)"/>
</g>
<!-- Moon -->
<circle cx="240" cy="50" r="25" fill="white" filter="url(#moonGlow)"/>
<circle cx="230" cy="45" r="8" fill="#f0f0f0" opacity="0.4"/>
<!-- Stars -->
<g class="stars">
<circle cx="50" cy="30" r="1.5" fill="white" filter="url(#starGlow)"/>
<circle cx="80" cy="50" r="1" fill="white" filter="url(#starGlow)"/>
<circle cx="120" cy="25" r="1.2" fill="white" filter="url(#starGlow)"/>
<circle cx="160" cy="40" r="1" fill="white" filter="url(#starGlow)"/>
<circle cx="200" cy="20" r="1.3" fill="white" filter="url(#starGlow)"/>
<circle cx="30" cy="60" r="1" fill="white" filter="url(#starGlow)"/>
<circle cx="100" cy="70" r="1.1" fill="white" filter="url(#starGlow)"/>
<circle cx="180" cy="65" r="1" fill="white" filter="url(#starGlow)"/>
<circle cx="220" cy="90" r="1.2" fill="white" filter="url(#starGlow)"/>
<circle cx="70" cy="100" r="1" fill="white" filter="url(#starGlow)"/>
<circle cx="140" cy="90" r="1.4" fill="white" filter="url(#starGlow)"/>
<circle cx="250" cy="110" r="1" fill="white" filter="url(#starGlow)"/>
<circle cx="40" cy="130" r="1.2" fill="white" filter="url(#starGlow)"/>
<circle cx="110" cy="110" r="1" fill="white" filter="url(#starGlow)"/>
<circle cx="190" cy="120" r="1.3" fill="white" filter="url(#starGlow)"/>
<circle cx="270" cy="70" r="1.1" fill="white" filter="url(#starGlow)"/>
<circle cx="20" cy="20" r="1.3" fill="white" filter="url(#starGlow)"/>
<circle cx="280" cy="40" r="1.2" fill="white" filter="url(#starGlow)"/>
<circle cx="250" cy="25" r="1.6" fill="white" filter="url(#starGlow)"/>
<circle cx="150" cy="15" r="1.4" fill="white" filter="url(#starGlow)"/>
</g>
<!-- Water/ground reflection -->
<rect x="0" y="220" width="300" height="80" fill="url(#waterGradient)"/>
<!-- Moon reflection in water -->
<ellipse cx="240" cy="240" rx="15" ry="5" fill="white" opacity="0.2" filter="url(#moonGlow)"/>
<!-- Flamingo Group -->
<g class="flamingo">
<!-- Standing Leg -->
<path d="M150 220 C 160 180, 145 160, 140 130" stroke="#ff5d8f" stroke-width="3" fill="none"/>
<!-- Foot -->
<path d="M140 130 C 142 132, 146 132, 147 130" stroke="#ff5d8f" stroke-width="2" fill="none"/>
<!-- Body -->
<ellipse cx="130" cy="120" rx="30" ry="20" fill="url(#flamingoGradient)" transform="rotate(-20, 130, 120)"/>
<!-- Feather details -->
<path d="M110 115 C 115 120, 120 122, 125 120" stroke="#ff8eb3" stroke-width="1" fill="none" opacity="0.6"/>
<path d="M112 112 C 117 117, 122 119, 127 117" stroke="#ff8eb3" stroke-width="1" fill="none" opacity="0.6"/>
<path d="M114 109 C 119 114, 124 116, 129 114" stroke="#ff8eb3" stroke-width="1" fill="none" opacity="0.6"/>
<path d="M120 123 C 125 128, 130 130, 135 128" stroke="#ff8eb3" stroke-width="1" fill="none" opacity="0.6"/>
<path d="M118 126 C 123 131, 128 133, 133 131" stroke="#ff8eb3" stroke-width="1" fill="none" opacity="0.6"/>
<!-- Wing -->
<path d="M130 116 C 145 116, 155 110, 160 100" stroke="url(#flamingoGradient)" stroke-width="6" fill="none"/>
<path d="M145 112 C 150 108, 155 105, 158 102" stroke="#ff8eb3" stroke-width="1" fill="none" opacity="0.7"/>
<path d="M146 114 C 151 110, 156 107, 159 104" stroke="#ff8eb3" stroke-width="1" fill="none" opacity="0.7"/>
<!-- Neck -->
<path d="M150 110 C 170 95, 175 70, 160 50 C 145 35, 120 30, 115 50" stroke="url(#flamingoGradient)" stroke-width="8" fill="none"/>
<!-- Head -->
<ellipse cx="115" cy="55" rx="12" ry="8" fill="url(#flamingoGradient)"/>
<!-- Beak -->
<path d="M115 55 C 107 56, 100 57, 95 60 C 92 62, 90 65, 95 67" stroke="#ff5d8f" stroke-width="3" fill="#ff9db6"/>
<!-- Eye -->
<circle cx="115" cy="53" r="1.5" fill="black"/>
<circle cx="114.5" cy="52.5" r="0.5" fill="white"/>
<!-- Top Hat -->
<g class="top-hat">
<rect x="103" y="35" width="20" height="3" fill="black" rx="1"/>
<rect x="107" y="18" width="12" height="17" fill="black" rx="1"/>
<rect x="107" y="25" width="12" height="2" fill="url(#hatBandGradient)"/>
<circle cx="119" cy="25" r="1" fill="white"/>
<path d="M107 22 C 110 21, 116 21, 119 22" stroke="#333" stroke-width="0.5" fill="none" opacity="0.6"/>
<ellipse cx="113" cy="18" rx="6" ry="1" fill="#222"/>
<path d="M107 18 C 110 16, 116 16, 119 18" stroke="#555" stroke-width="0.5" fill="none" opacity="0.5"/>
</g>
<!-- Flamingo's other leg (tucked up) -->
<path d="M125 120 C 120 115, 118 110, 120 105" stroke="#ff5d8f" stroke-width="2" fill="none"/>
</g>
<!-- Violin -->
<g class="violin" transform="translate(160, 70) rotate(-10)">
<!-- Violin body -->
<path d="M0 0 C -5 5, -8 15, -5 25 C -3 30, 0 35, 5 38 C 9 39, 12 40, 15 38 C 18 35, 20 30, 20 25 C 20 15, 15 5, 10 0 Z" fill="url(#woodGradient)"/>
<!-- Sound holes -->
<path d="M3 20 C 3 21, 4 22, 4 23 C 4 24, 3 25, 3 26" stroke="black" stroke-width="0.5" fill="none"/>
<path d="M17 20 C 17 21, 16 22, 16 23 C 16 24, 17 25, 17 26" stroke="black" stroke-width="0.5" fill="none"/>
<!-- Wood grain details -->
<path d="M0 10 C 5 11, 15 11, 20 10" stroke="#6B4226" stroke-width="0.5" fill="none" opacity="0.3"/>
<path d="M0 15 C 5 16, 15 16, 20 15" stroke="#6B4226" stroke-width="0.5" fill="none" opacity="0.3"/>
<path d="M0 20 C 5 21, 15 21, 20 20" stroke="#6B4226" stroke-width="0.5" fill="none" opacity="0.3"/>
<path d="M0 25 C 5 26, 15 26, 20 25" stroke="#6B4226" stroke-width="0.5" fill="none" opacity="0.3"/>
<path d="M0 30 C 5 31, 15 31, 20 30" stroke="#6B4226" stroke-width="0.5" fill="none" opacity="0.3"/>
<!-- Neck -->
<rect x="5" y="-20" width="5" height="20" fill="#8B4513"/>
<!-- Scroll -->
<path d="M5 -20 C 3 -23, 3 -25, 5 -26 C 7 -27, 9 -26, 10 -24 C 11 -22, 10 -20, 8 -20" fill="#8B4513"/>
<!-- Fingerboard -->
<rect x="5" y="-20" width="5" height="20" fill="#333"/>
<!-- Pegs -->
<rect x="3" y="-22" width="2" height="4" fill="#333" transform="rotate(-10, 3, -22)"/>
<rect x="10" y="-22" width="2" height="4" fill="#333" transform="rotate(10, 10, -22)"/>
<!-- Strings -->
<line x1="6" y1="-20" x2="6" y2="38" stroke="#ddd" stroke-width="0.3"/>
<line x1="7" y1="-20" x2="7" y2="38" stroke="#ddd" stroke-width="0.3"/>
<line x1="8" y1="-20" x2="8" y2="38" stroke="#ddd" stroke-width="0.3"/>
<line x1="9" y1="-20" x2="9" y2="38" stroke="#ddd" stroke-width="0.3"/>
<!-- Tailpiece -->
<path d="M6 38 C 6 42, 9 42, 9 38" fill="black"/>
<!-- Bridge -->
<path d="M6 20 L 9 20 L 8.5 18 L 6.5 18 Z" fill="#D2B48C"/>
<!-- Chinrest -->
<path d="M5 5 C 0 5, -2 10, 0 12 C 2 14, 5 14, 8 12" fill="#6B4226"/>
</g>
<!-- Bow -->
<g transform="translate(145, 72) rotate(-20)">
<path d="M0 0 C 5 2, 35 5, 40 2" stroke="#8B4513" stroke-width="1.5" fill="none"/>
<line x1="0" y1="0" x2="40" y2="2" stroke="#f5f5f5" stroke-width="0.5"/>
<path d="M0 0 C -2 0, -3 -1, -2 -2 C -1 -3, 1 -3, 2 -2" fill="#8B4513"/>
</g>
<!-- Musical notes -->
<g class="musical-notes" fill="#fff" opacity="0.8">
<g transform="translate(185, 40)">
<path d="M0 0 C 1 -2, 3 -3, 4 -1 L 4 7 C 4 9, 1 10, 0 8 Z" />
<line x1="4" y1="-1" x2="4" y2="7" stroke="#fff" stroke-width="1"/>
</g>
<g transform="translate(175, 50)">
<path d="M0 0 C 1 -2, 3 -3, 4 -1 L 4 7 C 4 9, 1 10, 0 8 Z" />
<line x1="4" y1="-1" x2="4" y2="7" stroke="#fff" stroke-width="1"/>
</g>
<g transform="translate(195, 60)">
<path d="M0 0 C 1 -2, 3 -3, 4 -1 L 4 7 C 4 9, 1 10, 0 8 Z" />
<line x1="4" y1="-1" x2="4" y2="7" stroke="#fff" stroke-width="1"/>
</g>
<g transform="translate(205, 45)">
<path d="M0 0 C 1 -2, 3 -3, 4 -1 L 4 7 C 4 9, 1 10, 0 8 Z" />
<line x1="4" y1="-1" x2="4" y2="7" stroke="#fff" stroke-width="1"/>
</g>
<!-- Connected notes -->
<g transform="translate(165, 75)">
<path d="M0 0 C 1 -2, 3 -3, 4 -1 L 4 7 C 4 9, 1 10, 0 8 Z" />
<line x1="4" y1="-1" x2="4" y2="7" stroke="#fff" stroke-width="1"/>
<line x1="4" y1="-1" x2="14" y2="-5" stroke="#fff" stroke-width="1"/>
<path d="M14 -5 C 15 -7, 17 -8, 18 -6 L 18 2 C 18 4, 15 5, 14 3 Z" />
<line x1="18" y1="-6" x2="18" y2="2" stroke="#fff" stroke-width="1"/>
</g>
</g>
<!-- Water ripples/reflection -->
<g class="water-reflections">
<path d="M120 220 C 130 222, 140 221, 150 220 C 160 219, 170 218, 180 220" stroke="#aaccff" stroke-width="0.5" fill="none" opacity="0.6"/>
<path d="M100 225 C 120 228, 140 226, 160 225 C 180 224, 200 222, 220 225" stroke="#aaccff" stroke-width="0.5" fill="none" opacity="0.5"/>
<path d="M80 230 C 110 234, 140 231, 170 230 C 200 229, 230 227, 260 230" stroke="#aaccff" stroke-width="0.5" fill="none" opacity="0.4"/>
<path d="M60 235 C 100 240, 140 236, 180 235 C 220 234, 260 232, 280 235" stroke="#aaccff" stroke-width="0.5" fill="none" opacity="0.3"/>
<!-- Flamingo reflection (simplified) -->
<path d="M150 220 C 160 240, 145 250, 140 260" stroke="#ff5d8f" stroke-width="2" fill="none" opacity="0.3" transform="scale(1, -0.5) translate(0, -500)"/>
<ellipse cx="130" cy="270" rx="20" ry="10" fill="#ff5d8f" opacity="0.2" transform="rotate(-10, 130, 270)"/>
<!-- Violin reflection hint -->
<path d="M160 220 C 165 225, 170 230, 175 235" stroke="#A0522D" stroke-width="1" fill="none" opacity="0.2"/>
</g>
</svg>GPT-4o
Judge & Evaluator
The winner of this SVG challenge is
Claude 3.7 Sonnet Thinking (2025-02-19)
Player 2
Judge's Analysis
Player 2's image clearly depicts a flamingo wearing a top hat and playing the violin under a moonlit sky.
The composition is visually appealing with a detailed background and a well-executed depiction of the flamingo and the moon.
Player 1's image, while creative and abstract, is less clear in representing the prompt, making Player 2's image a more direct and visually satisfying interpretation.
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
41
Player 2
95
Rectangles
The number of rectangle elements (rect) in the SVG.
Player 1
7
Player 2
9
Circles
The number of circle elements (circle) in the SVG.
Player 1
18
Player 2
25
Ellipses
The number of ellipse elements (ellipse) in the SVG.
Player 1
1
Player 2
8
Lines
The number of line elements (line) in the SVG.
Player 1
3
Player 2
12
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
12
Player 2
41
Groups
The number of group elements (g) in the SVG.
Player 1
4
Player 2
13
Visual Effects Metrics
Gradients
The number of gradient definitions (linearGradient, radialGradient) in the SVG.
Player 1
5
Player 2
5
Patterns
The number of pattern definitions (pattern) in the SVG.
Player 1
—
Player 2
—
Filters
The number of filter definitions (filter) in the SVG.
Player 1
—
Player 2
3
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
7
Player 2
25
Elements with Stroke
The number of elements with stroke attributes in the SVG.
Player 1
14
Player 2
41
Colors Metrics
Unique Colors
The number of unique colors used in the SVG.
Player 1
2
Player 2
22
Interactivity Metrics
Animations
The number of animation elements (animate, animateMotion, animateTransform, set) in the SVG.
Player 1
—
Player 2
—
Elements with Transform
The number of elements with transform attributes in the SVG.
Player 1
3
Player 2
12
Complexity Metrics
Path Commands
The total number of path commands in all path elements (M, L, C, Q, etc.) in the SVG.
Player 1
43
Player 2
120
Max Group Nesting
The maximum nesting level of group elements (g) in the SVG.
Player 1
—
Player 2
1
Defs Elements
The number of elements defined within the defs element in the SVG.
Player 1
5
Player 2
8
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 #1259
Mar 13, 2025
"Astronaut squirrel juggling planets, in a geometric style"
P1
P2
Match #1202
Mar 13, 2025
"Dandelion made of clock gears, in a minimalist steampunk style"
P1
P2
Match #1124
Mar 13, 2025
"A geometric zebra made entirely of triangles drinking neon water from a pixelated oasis"
P1
P2
Match #1017
Mar 13, 2025
"A clock with melting numbers in a surreal desert landscape"
P1
P2
Match #625
Mar 13, 2025
"A giraffe wearing a spacesuit, floating among colorful planets"
P1
P2
Match #545
Mar 13, 2025
"Floating island with skyscrapers, underlit by bioluminescent jellyfish in the sky"
P1
P2
