Creative Challenge
"Elephant tap-dancing on a vibrant rainbow"
<svg xmlns="http://www.w3.org/2000/svg" viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'>
<defs>
<linearGradient id='rainbow LinearGradient' x1='0%' y1='0%' x2='100%' y2='0%'>
<stop offset='0%' stop-color='#FF0000'/>
<stop offset='17%' stop-color='#FFA500'/>
<stop offset='34%' stop-color='#FFFF00'/>
<stop offset='51%' stop-color='#008000'/>
<stop offset='68%' stop-color='#0000FF'/>
<stop offset='85%' stop-color='#800080'/>
</linearGradient>
<radialGradient id='elephantShadow' cx='50%' cy='50%' r='50%' fx='50%' fy='50%'>
<stop offset='0%' stop-color='#333333' stop-opacity='0.5'/>
<stop offset='100%' stop-color='#000000' stop-opacity='0.1'/>
</radialGradient>
<pattern id='tapDanceFloor' x='50%' y='50%' width='10' height='10' patternUnits='userSpaceOnUse'>
<rect x='0' y='0' width='10' height='10' fill='#FFFFFF'/>
<rect x='2' y='2' width='6' height='6' fill='#AAAAAA'/>
</pattern>
</defs>
<rect x='0' y='150' width='300' height='50' fill='url(#tapDanceFloor)'/>
<path d='M 0 100 Q 150 0 300 100' stroke='url(#rainbowLinearGradient)' stroke-width='5' fill='none'/>
<g transform='translate(100 50)'>
<ellipse cx='50' cy='50' rx='30' ry='40' fill='#GRAY'/>
<path d='M 30 60 Q 40 40 50 60' stroke='#000000' stroke-width='3' fill='none'/>
<path d='M 70 60 Q 60 40 50 60' stroke='#000000' stroke-width='3' fill='none'/>
<circle cx='40' cy='70' r='5' fill='#000000'/>
<circle cx='60' cy='70' r='5' fill='#000000'/>
<path d='M 40 70 L 40 110 L 60 110 L 60 70 Z' stroke='#000000' stroke-width='3' fill='none'/>
</g>
<rect x='150' y='200' width='20' height='5' fill='#000000' transform='rotate(45 160 202.5)'/>
<rect x='170' y='200' width='20' height='5' fill='#000000' transform='rotate(-45 180 202.5)'/>
<circle cx='160' cy='202.5' r='10' fill='url(#elephantShadow)'/>
<!-- TAP DANCE SYMBOLS -->
<text x='20' y='280' font-size='24' font-family='Arial' fill='#000000'>🎷</text>
<text x='60' y='280' font-size='24' font-family='Arial' fill='#000000'>✏</text>
<!-- RAINBOW RAYS -->
<g stroke-width='2'>
<path d='M 10 120 L 40 180' stroke='#FF69B4' stroke-linecap='round'/>
<path d='M 30 100 L 60 160' stroke='#FFFF66' stroke-linecap='round'/>
<path d='M 60 120 L 90 180' stroke='#32CD32' stroke-linecap='round'/>
<path d='M 90 100 L 120 160' stroke='#6495ED' stroke-linecap='round'/>
<path d='M 120 120 L 150 180' stroke='#884527' stroke-linecap='round'/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<defs>
<linearGradient id="rainbowGradient" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ff0000"/>
<stop offset="0.15" stop-color="#ff7f00"/>
<stop offset="0.3" stop-color="#ffff00"/>
<stop offset="0.45" stop-color="#00ff00"/>
<stop offset="0.6" stop-color="#0000ff"/>
<stop offset="0.75" stop-color="#4b0082"/>
<stop offset="1" stop-color="#9400d3"/>
</linearGradient>
<linearGradient id="elephantGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#804000"/>
<stop offset="1" stop-color="#ffcc99"/>
</linearGradient>
</defs>
<rect width="300" height="300" fill="#87CEEB"/>
<path d="M150 250 Q120 200 150 180 Q180 200 150 250" fill="url(#rainbowGradient)" stroke="black" stroke-width="2"/>
<path d="M150 180 Q120 130 150 100 Q180 130 150 180" fill="url(#rainbowGradient)" stroke="black" stroke-width="2"/>
<path d="M150 100 Q120 50 150 20 Q180 50 150 100" fill="url(#rainbowGradient)" stroke="black" stroke-width="2"/>
<path d="M150 250 Q150 270 160 250 Q150 230 150 250" fill="url(#elephantGradient)" stroke="black" stroke-width="2"/>
<path d="M150 250 Q140 270 130 250 Q140 230 150 250" fill="url(#elephantGradient)" stroke="black" stroke-width="2"/>
<circle cx="150" cy="220" r="15" fill="url(#elephantGradient)" stroke="black" stroke-width="2"/>
<circle cx="130" cy="210" r="5" fill="white"/>
<circle cx="170" cy="210" r="5" fill="white"/>
<path d="M150 250 Q140 270 130 270 Q120 280 110 280 Q100 270 90 270 Q80 250 90 230 Q100 210 110 210 Q120 200 130 210 Q140 220 150 210 Q160 220 170 210 Q180 200 190 210 Q200 220 210 210 Q220 200 230 210 Q240 220 250 210 Q260 200 270 210 Q280 220 290 210 Q300 200 290 180 Q280 160 270 180 Q260 200 250 180 Q240 160 230 180 Q220 200 210 180 Q200 160 190 180 Q180 200 170 180 Q160 160 150 180 Q140 200 130 180 Q120 160 110 180 Q100 200 90 180 Q80 160 70 180 Q60 200 50 180 Q40 200 30 180 Q20 160 10 180 Q0 200 0 220 Q0 240 10 260 Q20 280 30 260 Q40 240 50 260 Q60 280 70 260 Q80 240 90 260 Q100 280 110 260 Q120 240 130 260 Q140 280 150 260 Q160 240 170 260 Q180 280 190 260 Q200 240 210 260 Q220 280 230 260 Q240 240 250 260 Q260 280 270 260 Q280 240 290 260 Q300 280 300 260 Q300 240 290 220 Q280 200 270 220 Q260 200 250 220 Q240 200 230 220 Q220 200 210 220 Q200 200 190 220 Q180 200 170 220 Q160 200 150 220 Q140 200 130 220 Q120 200 110 220 Q100 200 90 220 Q80 200 70 220 Q60 200 50 220 Q40 200 30 220 Q20 200 10 220 Q0 200 0 220 Q0 240 10 260 Q20 280 30 260" fill="none" stroke="black" stroke-width="5"/>
<path d="M150 250 Q130 270 110 250" fill="url(#elephantGradient)" stroke="black" stroke-width="2"/>
<path d="M150 250 Q170 270 190 250" fill="url(#elephantGradient)" stroke="black" stroke-width="2"/>
<path d="M150 250 Q155 260 150 250" fill="url(#elephantGradient)" stroke="black" stroke-width="2"/>
<circle cx="150" cy="250" r="10" fill="black"/>
<circle cx="130" cy="240" r="5" fill="black"/>
<circle cx="170" cy="240" r="5" fill="black"/>
</svg>Judge's Analysis
Player 2's submission creatively interprets the prompt by incorporating a distinct rainbow element and abstract elephant representation, effectively capturing the whimsical nature of the idea.
The vibrant color palette and dynamic composition enhance visual appeal, while technical execution is solid with smooth lines and balanced elements.
Player 1's submission, unfortunately, could not be evaluated due to an error in loading the SVG.
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
"Parrot wearing a detective hat, solving a mystery at a jungle library"
"Cactus playing electric guitar under a disco ball"
"Fish with an umbrella in a desert storm"
"Cat surfing on a rainbow wave under a candy sky"
"An ant riding a unicycle on a tightrope under a crescent moon"
"Floating octopus with hot air balloon hat over a cityscape"
