Creative Challenge
"Flamingo on a unicycle, balancing a stack of teacups under a rainbow"
<svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="rainbowGradient" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" style="stop-color: red; stop-opacity: 1" />
<stop offset="14%" style="stop-color: orange; stop-opacity: 1" />
<stop offset="28%" style="stop-color: yellow; stop-opacity: 1" />
<stop offset="42%" style="stop-color: green; stop-opacity: 1" />
<stop offset="56%" style="stop-color: blue; stop-opacity: 1" />
<stop offset="70%" style="stop-color: indigo; stop-opacity: 1" />
<stop offset="84%" style="stop-color: violet; stop-opacity: 1" />
<stop offset="100%" style="stop-color: purple; stop-opacity: 1" />
</linearGradient>
<radialGradient id="flamingoGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color: #ff4d4d; stop-opacity: 1" />
<stop offset="100%" style="stop-color: #f8b195; stop-opacity: 1" />
</radialGradient>
</defs>
<path d="M150 0 L280 150 A100 100 0 0 1 20 150 Z" fill="url(#rainbowGradient)" />
<path d="M150 200 Q170 220 190 200 T210 180 T230 200 T250 220 T270 200 T290 180 T310 200" stroke="black" stroke-width="2" fill="none" />
<circle cx="150" cy="220" r="10" fill="black" />
<circle cx="150" cy="200" r="20" fill="url(#flamingoGradient)" />
<path d="M150 200 L150 220 Q170 240 190 220 T210 200 T230 220 T250 200 T270 220 T290 200 T310 220" stroke="black" stroke-width="2" fill="none" />
<path d="M140 240 C130 250 120 260 110 270 S90 290 80 300" stroke="black" stroke-width="2" fill="none" />
<path d="M160 240 C170 250 180 260 190 270 S210 290 220 300" stroke="black" stroke-width="2" fill="none" />
<circle cx="150" cy="150" r="10" fill="url(#flamingoGradient)" />
<path d="M150 150 Q130 170 150 190 T170 170 T150 150" fill="url(#flamingoGradient)" />
<circle cx="150" cy="160" r="5" fill="black" />
<circle cx="150" cy="170" r="5" fill="white" />
<circle cx="150" cy="170" r="3" fill="black" />
<rect x="140" y="190" width="20" height="10" fill="white" />
<circle cx="130" cy="210" r="5" fill="white" />
<circle cx="130" cy="210" r="3" fill="black" />
<circle cx="170" cy="210" r="5" fill="white" />
<circle cx="170" cy="210" r="3" fill="black" />
<path d="M130 220 L135 230 Q140 240 150 250 T170 240 T185 230 T190 220" stroke="black" stroke-width="2" fill="none" />
<circle cx="150" cy="230" r="10" fill="white" />
<circle cx="150" cy="230" r="8" fill="black" />
<rect x="145" y="240" width="10" height="10" fill="white" />
<circle cx="150" cy="245" r="5" fill="black" />
<path d="M130 260 Q120 280 110 300 T90 320 T70 300 T50 280 T30 300 T10 280 T-10 300" stroke="black" stroke-width="2" fill="none" />
<path d="M270 260 Q280 280 290 300 T310 320 T330 300 T350 280 T370 300 T390 280 T410 300" stroke="black" stroke-width="2" fill="none" />
<circle cx="140" cy="270" r="10" fill="white" />
<circle cx="140" cy="270" r="8" fill="black" />
<circle cx="160" cy="270" r="10" fill="white" />
<circle cx="160" cy="270" r="8" fill="black" />
<circle cx="150" cy="280" r="10" fill="white" />
<circle cx="150" cy="280" r="8" fill="black" />
<circle cx="150" cy="290" r="10" fill="white" />
<circle cx="150" cy="290" r="8" fill="black" />
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="rainbow" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="red" />
<stop offset="14%" stop-color="orange" />
<stop offset="28%" stop-color="yellow" />
<stop offset="42%" stop-color="green" />
<stop offset="56%" stop-color="blue" />
<stop offset="70%" stop-color="indigo" />
<stop offset="84%" stop-color="violet" />
<stop offset="100%" stop-color="red" />
</linearGradient>
<pattern id="dots" width="10" height="10" patternUnits="userSpaceOnUse">
<circle cx="5" cy="5" r="3" fill="lightpink" />
</pattern>
</defs>
<path d="M50 100 A150 100 0 0 1 250 100" fill="url(#rainbow)" stroke="white" stroke-width="2" />
<circle cx="150" cy="200" r="20" fill="lightgray" stroke="black" stroke-width="2"/>
<path d="M140 200 L140 230 L160 230 L160 200 Z" fill="brown" stroke="black" />
<path d="M150 170 L145 165 A5 5 0 0 1 155 165 Z" fill="deepPink"/>
<path d="M150 163 L125 130 A10 5 0 0 1 175 130 Z" fill="deepPink" stroke="black" stroke-width="2" stroke-linejoin="round"/>
<ellipse cx="150" cy="110" rx="10" ry="15" fill="deepPink" transform="rotate(-10 150 110)"/>
<circle cx="152" cy="100" r="5" fill="white"/>
<circle cx="152" cy="100" r="2" fill="black"/>
<path d="M175 125 L175 100 L185 80 L195 80" fill="none" stroke="black" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"/>
<g transform="translate(150 150) scale(0.5)">
<circle cx="0" cy="0" r="10" fill="white" stroke="black" stroke-width="1"/>
<path d="M-8 0 A 8 8 0 0 0 8 0" fill="none" stroke="black" stroke-width="3" stroke-linejoin="round" />
<g transform="translate(0 -10)">
<circle cx="0" cy="0" r="7" fill="white" stroke="black" stroke-width="1"/>
<path d="M-7 0 A 7 7 0 0 0 7 0" fill="none" stroke="black" stroke-width="2" stroke-linejoin="round" />
<g transform="translate(0 -7)">
<circle cx="0" cy="0" r="5" fill="url(#dots)" stroke="black" stroke-width="1"/>
<path d="M-5 0 A 5 5 0 0 0 5 0" fill="none" stroke="black" stroke-width="2" stroke-linejoin="round" />
</g>
</g>
</g>
</svg>Judge's Analysis
Player 2's submission is more coherent and visually appealing, with a clear depiction of a flamingo on a unicycle and a stack of teacups, all under a rainbow.
The design is simple yet effective, with good use of color and space.
In contrast, Player 1's image is less clear in its representation and lacks the compositional strength seen in Player 2's work.
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
The total number of shape elements (rect, circle, ellipse, line, polygon, polyline, path) in the SVG.
The number of rectangle elements (rect) in the SVG.
The number of circle elements (circle) in the SVG.
The number of ellipse elements (ellipse) in the SVG.
The number of line elements (line) in the SVG.
The number of polygon elements (polygon) in the SVG.
The number of path elements (path) in the SVG.
The number of group elements (g) in the SVG.
Visual Effects Metrics
The number of gradient definitions (linearGradient, radialGradient) in the SVG.
The number of pattern definitions (pattern) in the SVG.
The number of filter definitions (filter) in the SVG.
The number of mask definitions (mask) in the SVG.
The number of clipping path definitions (clipPath) in the SVG.
The number of elements with opacity attributes in the SVG.
The number of elements with stroke attributes in the SVG.
Colors Metrics
The number of unique colors used in the SVG.
Interactivity Metrics
The number of animation elements (animate, animateMotion, animateTransform, set) in the SVG.
The number of elements with transform attributes in the SVG.
Complexity Metrics
The total number of path commands in all path elements (M, L, C, Q, etc.) in the SVG.
The maximum nesting level of group elements (g) in the SVG.
The number of elements defined within the defs element in the SVG.
The number of use elements (use) in the SVG.
Text Metrics
The number of text elements (text) in the SVG.
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
"Cactus wearing a top hat in a desert sunset"
"A penguin in a space suit on a bright orange surfboard riding a cosmic wave"
"A dragon wearing a tutu, balancing on a giant floating bubble"
"Dancing cactus wearing sunglasses in a desert"
"Octopus and cat play chess on a floating iceberg"
"Whale in a teacup, spouting steam"
