← Back to dashboard

cartoon sun with peach rays

Model: medium_openai | Tier: medium | ID: dd6cade8-1306-4d95-b3b1-d67224de662a_fe5beab615fb4411 | 12 elements

0.542
Editability
1.000
Coverage
0.542
Purity
0.836
Crosstalk
0.048
Compact
0.504
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

sun: 0 1 2 3 4 5 6 7
peach rays: 8 9 10 11

Elements — click to highlight

#TagConceptPurityContributions
0 rect sun
0.531
sun
0.085
peach rays
0.074
1 rect sun
0.501
sun
0.083
peach rays
0.083
2 rect sun
0.511
sun
0.084
peach rays
0.080
3 rect sun
0.536
sun
0.083
peach rays
0.072
4 rect sun
0.571
sun
0.085
peach rays
0.064
5 rect sun
0.546
sun
0.083
peach rays
0.069
6 rect sun
0.540
sun
0.083
peach rays
0.071
7 rect sun
0.537
sun
0.083
peach rays
0.072
8 circle peach rays
0.555
sun
0.241
peach rays
0.301
9 path peach rays
0.559
sun
0.030
peach rays
0.038
10 path peach rays
0.559
sun
0.031
peach rays
0.039
11 path peach rays
0.558
sun
0.029
peach rays
0.037

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"> <!-- Step-by-step analysis (from the description) 1) Transparent background: no background rectangle is drawn. 2) Central sun: a circle filled with pale peach/pink and outlined in black. 3) Interior detail: three horizontal wavy black lines inside the circle. 4) Rays: eight rectangular rays, same fill as the circle, outlined in black. 5) Rays radiate evenly: placed at 0°, 45°, 90°, ... around the center. 6) Style: simple, hand-drawn/cartoonish via rounded corners and slightly thick strokes. --> <defs> <style> .sunFill { fill: #f6c7c3; } .ink { stroke: #000; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; } </style> <!-- Clip so the wavy lines stay inside the sun circle --> <clipPath id="clipSun"> <circle cx="256" cy="256" r="88"/> </clipPath> </defs> <!-- Rays --> <g class="sunFill ink"> <!-- Base ray at top, then rotated around center --> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(0 256 256)"/> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(45 256 256)"/> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(90 256 256)"/> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(135 256 256)"/> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(180 256 256)"/> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(225 256 256)"/> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(270 256 256)"/> <rect x="236" y="92" width="40" height="70" rx="6" ry="6" transform="rotate(315 256 256)"/> </g> <!-- Sun body --> <circle cx="256" cy="256" r="88" class="sunFill ink"/> <!-- Three horizontal wavy lines inside the sun --> <g clip-path="url(#clipSun)" fill="none" class="ink"> <!-- top wave --> <path d="M180 226 C198 214, 216 238, 234 226 S270 238, 288 226 S324 238, 342 226" /> <!-- middle wave --> <path d="M180 256 C198 244, 216 268, 234 256 S270 268, 288 256 S324 268, 342 256" /> <!-- bottom wave --> <path d="M180 286 C198 274, 216 298, 234 286 S270 298, 288 286 S324 298, 342 286" /> </g> </svg>