Creative Challenge
"Cat wearing a cape, flying over a cityscape at night, with stars and moon"
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="moonGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#f0e68c;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d1cfcf;stop-opacity:1" />
</radialGradient>
<linearGradient id="starGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ffffe0;stop-opacity:1" />
<stop offset="100%" style="stop-color:#fff;stop-opacity:1" />
</linearGradient>
<pattern id="cityPattern" patternUnits="userSpaceOnUse" width="20" height="20">
<rect width="20" height="20" fill="#000" />
<rect x="4" y="10" width="4" height="10" fill="#444" />
<rect x="10" y="5" width="6" height="15" fill="#666" />
<rect x="18" y="10" width="2" height="10" fill="#222" />
<rect x="12" y="12" width="2" height="8" fill="#222" />
</pattern>
</defs>
<rect width="300" height="300" fill="#001f4d" />
<g>
<circle cx="240" cy="50" r="30" fill="url(#moonGradient)" />
<g fill="url(#starGradient)">
<circle cx="50" cy="30" r="2" />
<circle cx="100" cy="70" r="2" />
<circle cx="150" cy="20" r="2" />
<circle cx="200" cy="90" r="2" />
<circle cx="90" cy="130" r="2" />
<circle cx="250" cy="20" r="2" />
<circle cx="180" cy="140" r="2" />
<circle cx="120" cy="180" r="2" />
</g>
<g transform="translate(115, 200) scale(0.8)">
<path d="M20,0 Q30,-20 40,0 Q50,20 20,0" fill="#ffcc00" />
<rect x="18" y="0" width="4" height="20" fill="#ffcc00" />
<path d="M0,0 Q-10,-15 -20,0 Q-30,15 -16,24 Q-23,20 -20,18 M0,0" fill="#ff9999" />
<path d="M0,10 L0,30 C-10,35 -10,25 0,20 C10,25 10,35 0,30 Z" fill="#ffffff" />
<circle cx="10" cy="18" r="3" fill="#000" />
</g>
<rect x="0" y="220" width="300" height="50" fill="url(#cityPattern)" />
</g>
<text x="150" y="280" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle">The Flying Cat Adventure</text>
</svg>
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="skyGradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0%" stop-color="#00172E"/>
<stop offset="100%" stop-color="#003366"/>
</linearGradient>
<radialGradient id="moonGradient" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5">
<stop offset="0%" stop-color="#FFF8E1"/>
<stop offset="100%" stop-color="#FFE082"/>
</radialGradient>
<pattern id="starPattern" width="10" height="10" patternUnits="userSpaceOnUse">
<circle cx="5" cy="5" r="1" fill="#FFFFFF"/>
</pattern>
</defs>
<rect width="300" height="300" fill="url(#skyGradient)"/>
<circle cx="250" cy="60" r="40" fill="url(#moonGradient)"/>
<rect width="300" height="100" y="200" fill="#2C3E50"/>
<rect width="300" height="10" y="200" fill="#34495E"/>
<polygon points="50,200 70,150 90,200" fill="#34495E"/>
<polygon points="150,200 170,130 190,200" fill="#34495E"/>
<polygon points="250,200 270,160 290,200" fill="#34495E"/>
<rect width="300" height="20" y="280" fill="#1A252F"/>
<circle cx="150" cy="100" r="20" fill="#FFEB3B" filter="url(#moonGlow)"/>
<use href="#starPattern" x="0" y="0" width="300" height="300"/>
<path d="M150,100 Q130,130 150,160 T150,200" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,100 Q170,130 150,160 T150,200" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,100 Q150,130 130,150 T100,160" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,100 Q150,130 170,150 T200,160" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,100 Q150,130 150,150 T150,160" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M100,160 Q120,170 130,180 T150,200" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M200,160 Q180,170 170,180 T150,200" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,200 Q140,210 130,220 T120,230" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,200 Q160,210 170,220 T180,230" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,230 Q130,240 140,250 T150,260" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,230 Q170,240 160,250 T150,260" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,260 Q140,270 130,280 T120,290" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,260 Q160,270 170,280 T180,290" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,290 Q130,300 140,310 T150,320" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,290 Q170,300 160,310 T150,320" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,320 Q140,330 130,340 T120,350" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,320 Q160,330 170,340 T180,350" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,350 Q130,360 140,370 T150,380" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,350 Q170,360 160,370 T150,380" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,380 Q140,390 130,400 T120,410" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,380 Q160,390 170,400 T180,410" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,410 Q130,420 140,430 T150,440" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,410 Q170,420 160,430 T150,440" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,440 Q140,450 130,460 T120,470" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,440 Q160,450 170,460 T180,470" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,470 Q130,480 140,490 T150,500" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,470 Q170,480 160,490 T150,500" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,500 Q140,510 130,520 T120,530" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,500 Q160,510 170,520 T180,530" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,530 Q130,540 140,550 T150,560" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,530 Q170,540 160,550 T150,560" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,560 Q140,570 130,580 T120,590" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,560 Q160,570 170,580 T180,590" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,590 Q130,600 140,610 T150,620" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,590 Q170,600 160,610 T150,620" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,620 Q140,630 130,640 T120,650" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,620 Q160,630 170,640 T180,650" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,650 Q130,660 140,670 T150,680" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,650 Q170,660 160,670 T150,680" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,680 Q140,690 130,700 T120,710" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,680 Q160,690 170,700 T180,710" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,710 Q130,720 140,730 T150,740" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,710 Q170,720 160,730 T150,740" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,740 Q140,750 130,760 T120,770" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,740 Q160,750 170,760 T180,770" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,770 Q130,780 140,790 T150,800" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,770 Q170,780 160,790 T150,800" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,800 Q140,810 130,820 T120,830" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,800 Q160,810 170,820 T180,830" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,830 Q130,840 140,850 T150,860" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,830 Q170,840 160,850 T150,860" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,860 Q140,870 130,880 T120,890" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,860 Q160,870 170,880 T180,890" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,890 Q130,900 140,910 T150,920" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,890 Q170,900 160,910 T150,920" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,920 Q140,930 130,940 T120,950" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,920 Q160,930 170,940 T180,950" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,950 Q130,960 140,970 T150,980" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,950 Q170,960 160,970 T150,980" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,980 Q140,990 130,1000 T120,1010" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,980 Q160,990 170,1000 T180,1010" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,1010 Q130,1020 140,1030 T150,1040" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,1010 Q170,1020 160,1030 T150,1040" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,1040 Q140,1050 130,1060 T120,1070" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,1040 Q160,1050 170,1060 T180,1070" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,1070 Q130,1080 140,1090 T150,1100" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,1070 Q170,1080 160,1090 T150,1100" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,1100 Q140,1110 130,1120 T120,1130" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,1100 Q160,1110 170,1120 T180,1130" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,1130 Q130,1140 140,1150 T150,1160" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,1130 Q170,1140 160,1150 T150,1160" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,1160 Q140,1170 130,1180 T120,1190" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M150,1160 Q160,1170 170,1180 T180,1190" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M120,1190 Q130,1200 140,1210 T150,1220" fill="none" stroke="#FFEB3B" stroke-width="2"/>
<path d="M180,1190 Q170,1200 160,1210 T150,1220” fill="none" stroke="#FFEB3B" stroke-width="2"/>
</svg>Judge's Analysis
Failed to determine a winner: Could not determine a winner from response: I'm sorry, I can't evaluate the second image because it didn't load properly.
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
"A cat floating in space, wearing an astronaut helmet, chasing a glowing alien fish"
"Rainbow-colored iceberg floating in lemonade sea"
"A clock melting over an iceberg"
"A jellyfish skyscraper with city lights glowing through tentacles"
"Butterfly wings made of stained glass, catching sunlight through them"
"Rainbow-tentacled octopus juggling planets in an abstract geometric style"
