GPT-4o
Challenge Creator
Creative Challenge
"Ballet-dancing flamingo on a tightrope, under a starry sky"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Background with starry night sky -->
<defs>
<radialGradient id="skyGradient" cx="50%" cy="30%" r="70%" fx="50%" fy="30%">
<stop offset="0%" stop-color="#1a0033" />
<stop offset="50%" stop-color="#0c0026" />
<stop offset="100%" stop-color="#000011" />
</radialGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<linearGradient id="flamingoPink" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff9bbc" />
<stop offset="100%" stop-color="#ff5b8f" />
</linearGradient>
<linearGradient id="balletDress" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#f0f0f0" />
</linearGradient>
<linearGradient id="ropeGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#8b5a2b" />
<stop offset="50%" stop-color="#d2b48c" />
<stop offset="100%" stop-color="#8b5a2b" />
</linearGradient>
<pattern id="starsPattern" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="0.8" fill="white" opacity="0.8" />
<circle cx="25" cy="20" r="0.6" fill="white" opacity="0.6" />
<circle cx="40" cy="5" r="0.7" fill="white" opacity="0.7" />
<circle cx="15" cy="30" r="0.5" fill="white" opacity="0.9" />
<circle cx="35" cy="35" r="0.4" fill="white" opacity="0.7" />
<circle cx="5" cy="45" r="0.3" fill="white" opacity="0.8" />
<circle cx="45" cy="45" r="0.9" fill="white" opacity="0.9" />
</pattern>
</defs>
<!-- Night sky background -->
<rect x="0" y="0" width="300" height="300" fill="url(#skyGradient)" />
<rect x="0" y="0" width="300" height="300" fill="url(#starsPattern)" />
<!-- Moon -->
<circle cx="250" cy="50" r="20" fill="#fffce8" opacity="0.9" />
<circle cx="242" cy="45" r="5" fill="#e1decc" opacity="0.7" />
<circle cx="255" cy="55" r="3" fill="#e1decc" opacity="0.5" />
<!-- A few special stars -->
<circle cx="50" cy="30" r="1.2" fill="white" opacity="0.9" filter="url(#glow)" />
<circle cx="120" cy="70" r="1.4" fill="white" opacity="0.8" filter="url(#glow)" />
<circle cx="200" cy="120" r="1.3" fill="white" opacity="0.9" filter="url(#glow)" />
<circle cx="70" cy="150" r="1.5" fill="white" opacity="0.7" filter="url(#glow)" />
<circle cx="180" cy="40" r="1.2" fill="white" opacity="0.8" filter="url(#glow)" />
<!-- Distant mountains -->
<path d="M0,300 L0,220 Q50,170 100,200 Q150,230 200,190 Q250,150 300,180 L300,300 Z" fill="#1a0f2e" opacity="0.7" />
<!-- Tightrope setup -->
<line x1="30" y1="200" x2="270" y2="200" stroke="url(#ropeGradient)" stroke-width="3" />
<!-- Support poles -->
<rect x="25" y="200" width="10" height="100" fill="#4d2600" />
<rect x="265" y="200" width="10" height="100" fill="#4d2600" />
<!-- Flamingo ballet dancer on tightrope -->
<!-- The ballet tutu -->
<ellipse cx="150" cy="190" rx="20" ry="7" fill="url(#balletDress)" opacity="0.9" />
<!-- Flamingo body -->
<path d="M150,190 Q155,175 150,160 Q145,150 150,145" stroke="url(#flamingoPink)" stroke-width="8" fill="none" stroke-linecap="round" />
<!-- Flamingo head and beak -->
<circle cx="150" cy="143" r="6" fill="url(#flamingoPink)" />
<path d="M150,140 Q155,136 160,140" stroke="#ff3377" stroke-width="2" fill="none" />
<!-- Flamingo's elegant raised leg -->
<path d="M150,190 Q170,170 185,180" stroke="url(#flamingoPink)" stroke-width="3" fill="none" />
<path d="M185,180 L190,175" stroke="url(#flamingoPink)" stroke-width="2" fill="none" />
<!-- Flamingo's leg on the rope -->
<line x1="150" y1="190" x2="150" y2="200" stroke="url(#flamingoPink)" stroke-width="3" />
<line x1="150" y1="200" x2="145" y2="202" stroke="url(#flamingoPink)" stroke-width="2" />
<!-- Flamingo's wings in ballet position -->
<path d="M150,170 Q130,165 120,175" stroke="url(#flamingoPink)" stroke-width="3" fill="none" />
<path d="M150,170 Q170,160 175,170" stroke="url(#flamingoPink)" stroke-width="3" fill="none" />
<!-- Ballet crown -->
<circle cx="150" cy="135" r="3" fill="#ffffff" opacity="0.9" />
<circle cx="150" cy="132" r="1" fill="#ffccdd" />
<!-- Spotlight effect -->
<ellipse cx="150" cy="200" rx="60" ry="20" fill="white" opacity="0.1" />
<!-- Small shooting star -->
<path d="M70,50 L90,70" stroke="white" stroke-width="1" opacity="0.8">
<animate attributeName="opacity" values="0.8;0.2;0.8" dur="3s" repeatCount="indefinite" />
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<!-- Definitions for gradients, patterns, filters, etc. -->
<defs>
<!-- Night sky gradient -->
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#0c0a2b" />
<stop offset="50%" stop-color="#1a1a40" />
<stop offset="100%" stop-color="#3a3a7c" />
</linearGradient>
<!-- Star glow filter -->
<filter id="starGlow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<!-- Stronger star glow filter for special stars -->
<filter id="specialStarGlow" x="-100%" y="-100%" width="300%" height="300%">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<!-- Flamingo pink gradient -->
<linearGradient id="flamingoPink" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#ff9a9e" />
<stop offset="100%" stop-color="#ff6a88" />
</linearGradient>
<!-- Spotlight effect -->
<radialGradient id="spotlight" cx="50%" cy="50%" r="70%" fx="50%" fy="50%">
<stop offset="0%" stop-color="rgba(255,255,255,0.7)" />
<stop offset="100%" stop-color="rgba(255,255,255,0)" />
</radialGradient>
<!-- Tutu gradient -->
<linearGradient id="tutuGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#FFD7E9" />
<stop offset="100%" stop-color="#FFB8D9" />
</linearGradient>
<!-- Ballet shoe gradient -->
<linearGradient id="shoeGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#FFB8D9" />
<stop offset="100%" stop-color="#FF6B81" />
</linearGradient>
<!-- Moon glow -->
<filter id="moonGlow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
</defs>
<!-- Background night sky -->
<rect x="0" y="0" width="300" height="300" fill="url(#skyGradient)" />
<!-- Stars -->
<g>
<!-- Larger stars with glow -->
<circle cx="30" cy="40" r="1.5" fill="white" filter="url(#starGlow)" />
<circle cx="70" cy="25" r="1.8" fill="white" filter="url(#starGlow)" />
<circle cx="120" cy="35" r="1.2" fill="white" filter="url(#starGlow)" />
<circle cx="180" cy="20" r="2" fill="white" filter="url(#starGlow)" />
<circle cx="220" cy="45" r="1.5" fill="white" filter="url(#starGlow)" />
<circle cx="260" cy="30" r="1.8" fill="white" filter="url(#starGlow)" />
<circle cx="40" cy="80" r="1.3" fill="white" filter="url(#starGlow)" />
<circle cx="90" cy="60" r="1.6" fill="white" filter="url(#starGlow)" />
<circle cx="150" cy="50" r="2.2" fill="white" filter="url(#starGlow)" />
<circle cx="200" cy="70" r="1.4" fill="white" filter="url(#starGlow)" />
<circle cx="250" cy="85" r="1.7" fill="white" filter="url(#starGlow)" />
<!-- Special twinkling stars -->
<circle cx="50" cy="50" r="2" fill="#FFFDE7" filter="url(#specialStarGlow)" />
<circle cx="200" cy="40" r="2.5" fill="#FFFDE7" filter="url(#specialStarGlow)" />
<circle cx="100" cy="70" r="1.8" fill="#FFFDE7" filter="url(#specialStarGlow)" />
<!-- Smaller stars -->
<circle cx="10" cy="20" r="0.8" fill="white" />
<circle cx="50" cy="15" r="0.6" fill="white" />
<circle cx="100" cy="25" r="0.7" fill="white" />
<circle cx="160" cy="10" r="0.9" fill="white" />
<circle cx="210" cy="30" r="0.6" fill="white" />
<circle cx="280" cy="25" r="0.8" fill="white" />
<circle cx="25" cy="55" r="0.7" fill="white" />
<circle cx="75" cy="40" r="0.9" fill="white" />
<circle cx="135" cy="35" r="0.6" fill="white" />
<circle cx="190" cy="45" r="0.8" fill="white" />
<circle cx="240" cy="60" r="0.7" fill="white" />
<circle cx="60" cy="90" r="0.6" fill="white" />
<circle cx="110" cy="75" r="0.8" fill="white" />
<circle cx="170" cy="85" r="0.7" fill="white" />
<circle cx="230" cy="95" r="0.9" fill="white" />
<circle cx="290" cy="70" r="0.6" fill="white" />
<circle cx="20" cy="110" r="0.7" fill="white" />
<circle cx="80" cy="120" r="0.8" fill="white" />
<circle cx="140" cy="100" r="0.6" fill="white" />
<circle cx="200" cy="115" r="0.9" fill="white" />
<circle cx="260" cy="105" r="0.7" fill="white" />
</g>
<!-- Moon with glow effect -->
<circle cx="250" cy="50" r="15" fill="#FFFDE7" filter="url(#moonGlow)" />
<circle cx="242" cy="45" r="12" fill="url(#skyGradient)" />
<!-- Clouds -->
<g opacity="0.4">
<ellipse cx="40" cy="100" rx="20" ry="10" fill="#E0E6FF" />
<ellipse cx="55" cy="95" rx="15" ry="8" fill="#E0E6FF" />
<ellipse cx="70" cy="100" rx="18" ry="9" fill="#E0E6FF" />
<ellipse cx="230" cy="110" rx="25" ry="12" fill="#E0E6FF" />
<ellipse cx="250" cy="105" rx="20" ry="10" fill="#E0E6FF" />
<ellipse cx="270" cy="112" rx="15" ry="8" fill="#E0E6FF" />
</g>
<!-- Tightrope -->
<line x1="30" y1="180" x2="270" y2="180" stroke="#8B4513" stroke-width="2" />
<!-- Tightrope poles -->
<rect x="25" y="180" width="5" height="90" fill="#8B4513" />
<rect x="270" y="180" width="5" height="90" fill="#8B4513" />
<!-- Spotlight effect -->
<circle cx="150" cy="180" r="80" fill="url(#spotlight)" opacity="0.4" />
<!-- Ballet Dancing Flamingo on Tightrope -->
<g transform="translate(150, 180)">
<!-- Flamingo's supporting leg en pointe -->
<path d="M 0,0 L 0,-5 L -2,-15" stroke="#FF6B81" stroke-width="3" fill="none" />
<!-- Pointe shoe on tightrope -->
<ellipse cx="0" cy="0" rx="4" ry="2" fill="url(#shoeGradient)" transform="rotate(-5)" />
<!-- Flamingo body in classical ballet pose -->
<ellipse cx="0" cy="-25" rx="12" ry="18" fill="url(#flamingoPink)" transform="rotate(-15)" />
<!-- Tutu - multi-layered for more detail -->
<path d="M -20,-20 Q -10,-30 0,-32 Q 10,-30 20,-20" fill="url(#tutuGradient)" opacity="0.9" />
<path d="M -18,-21 Q -9,-29 0,-31 Q 9,-29 18,-21" fill="white" opacity="0.6" />
<path d="M -16,-22 Q -8,-28 0,-30 Q 8,-28 16,-22" fill="url(#tutuGradient)" opacity="0.7" />
<ellipse cx="0" cy="-20" rx="20" ry="5" fill="url(#tutuGradient)" opacity="0.8" />
<!-- Flamingo's graceful neck -->
<path d="M 0,-35 C -10,-45 -15,-60 -5,-75 S 10,-80 8,-70" stroke="url(#flamingoPink)" stroke-width="5" fill="none" />
<!-- Flamingo head -->
<ellipse cx="8" cy="-70" rx="6" ry="7" fill="url(#flamingoPink)" transform="rotate(-15)" />
<!-- Flamingo beak -->
<path d="M 8,-70 C 0,-74 -5,-74 -10,-70" stroke="#FF4757" stroke-width="2" fill="#FF4757" />
<!-- Flamingo eye -->
<circle cx="5" cy="-71" r="1.5" fill="black" />
<circle cx="4.5" cy="-71.5" r="0.5" fill="white" />
<!-- Flamingo wings/arms in ballet fifth position -->
<path d="M -10,-30 C -20,-35 -30,-30 -40,-20" stroke="url(#flamingoPink)" stroke-width="3" fill="none" />
<path d="M 10,-30 C 20,-40 30,-45 40,-35" stroke="url(#flamingoPink)" stroke-width="3" fill="none" />
<!-- Flamingo raised leg in arabesque -->
<path d="M 0,-15 C 15,-10 25,-15 35,-30" stroke="#FF6B81" stroke-width="3" fill="none" />
<!-- Ballet shoe on raised foot -->
<ellipse cx="35" cy="-30" rx="5" ry="2" fill="url(#shoeGradient)" transform="rotate(-20)" />
<!-- Small decorative plume on head -->
<path d="M 10,-76 C 15,-82 18,-80 20,-75" stroke="url(#flamingoPink)" stroke-width="1.5" fill="none" />
<path d="M 11,-77 C 16,-81 19,-79 21,-76" stroke="url(#flamingoPink)" stroke-width="1" fill="none" />
</g>
<!-- Additional stars around the flamingo for emphasis -->
<circle cx="130" cy="150" r="1" fill="white" filter="url(#starGlow)" />
<circle cx="170" cy="140" r="1.2" fill="white" filter="url(#starGlow)" />
<circle cx="150" cy="130" r="0.8" fill="white" filter="url(#starGlow)" />
<circle cx="160" cy="160" r="1" fill="white" filter="url(#starGlow)" />
<circle cx="140" cy="170" r="0.9" fill="white" filter="url(#starGlow)" />
<!-- Star trail sparkles near the flamingo -->
<path d="M 120,140 Q 140,145 130,160" stroke="white" stroke-width="0.5" opacity="0.6" fill="none" />
<path d="M 180,145 Q 160,160 170,170" stroke="white" stroke-width="0.5" opacity="0.6" fill="none" />
<circle cx="120" cy="140" r="0.8" fill="white" />
<circle cx="124" cy="142" r="0.6" fill="white" />
<circle cx="130" cy="146" r="0.7" fill="white" />
<circle cx="127" cy="152" r="0.5" fill="white" />
<circle cx="130" cy="160" r="0.7" fill="white" />
<circle cx="180" cy="145" r="0.8" fill="white" />
<circle cx="176" cy="150" r="0.6" fill="white" />
<circle cx="170" cy="156" r="0.7" fill="white" />
<circle cx="165" cy="165" r="0.5" fill="white" />
<circle cx="170" cy="170" r="0.7" fill="white" />
</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 submission more clearly depicts the flamingo on a tightrope, with a visually appealing and dynamic pose that captures the essence of ballet dancing.
The inclusion of clouds and a crescent moon adds to the starry night atmosphere, enhancing the creativity and visual appeal.
In contrast, Player 1's submission lacks clarity in showing the tightrope and the ballet pose, making Player 2's image a stronger choice overall.
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
35
Player 2
83
Rectangles
The number of rectangle elements (rect) in the SVG.
Player 1
4
Player 2
3
Circles
The number of circle elements (circle) in the SVG.
Player 1
18
Player 2
55
Ellipses
The number of ellipse elements (ellipse) in the SVG.
Player 1
2
Player 2
11
Lines
The number of line elements (line) in the SVG.
Player 1
3
Player 2
1
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
8
Player 2
13
Groups
The number of group elements (g) in the SVG.
Player 1
—
Player 2
3
Visual Effects Metrics
Gradients
The number of gradient definitions (linearGradient, radialGradient) in the SVG.
Player 1
4
Player 2
5
Patterns
The number of pattern definitions (pattern) in the SVG.
Player 1
1
Player 2
—
Filters
The number of filter definitions (filter) in the SVG.
Player 1
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
20
Player 2
8
Elements with Stroke
The number of elements with stroke attributes in the SVG.
Player 1
10
Player 2
11
Colors Metrics
Unique Colors
The number of unique colors used in the SVG.
Player 1
15
Player 2
16
Interactivity Metrics
Animations
The number of animation elements (animate, animateMotion, animateTransform, set) in the SVG.
Player 1
1
Player 2
—
Elements with Transform
The number of elements with transform attributes in the SVG.
Player 1
—
Player 2
5
Complexity Metrics
Path Commands
The total number of path commands in all path elements (M, L, C, Q, etc.) in the SVG.
Player 1
22
Player 2
31
Max Group Nesting
The maximum nesting level of group elements (g) in the SVG.
Player 1
—
Player 2
—
Defs Elements
The number of elements defined within the defs element in the SVG.
Player 1
6
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 #1229
Mar 13, 2025
"A geometric ice cream cone with a melting galaxy scoop"
P1
P2
Match #1074
Mar 13, 2025
"A clock shaped like a sunflower, with petals indicating hours"
P1
P2
Match #1073
Mar 13, 2025
"Surreal cityscape reflected in a giant cat's eye"
P1
P2
Match #995
Mar 13, 2025
"Dancing giraffes in tutus under a surrealist starry sky"
P1
P2
Match #800
Mar 13, 2025
"A flamingo playing a saxophone on a floating iceberg"
P1
P2
Match #212
Mar 13, 2025
"Cosmic octopus juggling glowing planets in a starry nebula"
P1
P2
