← Back to dashboard

circular illustration: mint green waves & blue dots

Model: openai | Tier: complex | ID: 5447c74a-0fdc-45be-9966-8fb1db21fa03_3a3a1e402a1e1f37 | 4 elements

0.578
Editability
1.000
Coverage
0.578
Purity
0.105
Crosstalk
0.625
Compact
0.766
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

mint green background with yellow wavy lines: 0
purple background with light blue polka dots: 2 3
top-left wavy line segment: 1
bottom-right cluster of light blue dots:
central vertical dividing line:

Elements — click to highlight

#TagConceptPurityContributions
0 rect mint green backgroun
0.640
mint green b
0.997
purple backg
0.000
top-left wav
0.073
bottom-right
0.195
central vert
0.293
1 rect top-left wavy line s
0.789
mint green b
0.003
purple backg
0.000
top-left wav
0.927
bottom-right
0.096
central vert
0.149
2 rect purple background wi
0.441
mint green b
0.000
purple backg
0.961
top-left wav
0.000
bottom-right
0.682
central vert
0.536
3 rect purple background wi
0.440
mint green b
0.000
purple backg
0.039
top-left wav
0.000
bottom-right
0.027
central vert
0.022

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"> <defs> <!-- Circular clip to ensure the illustration is perfectly round --> <clipPath id="circleClip"> <circle cx="256" cy="256" r="240"/> </clipPath> <!-- Left-half wavy line pattern (golden-yellow waves on mint) --> <pattern id="wavyPattern" patternUnits="userSpaceOnUse" width="80" height="48"> <!-- One horizontal wave stroke repeated via pattern tiling --> <path d="M0,24 C10,14 30,14 40,24 C50,34 70,34 80,24" fill="none" stroke="#E3B21A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> </pattern> <!-- Right-half dot grid pattern (light-blue dots on purple) --> <pattern id="dotPattern" patternUnits="userSpaceOnUse" width="24" height="24"> <circle cx="6" cy="6" r="3" fill="#7FCBFF"/> </pattern> </defs> <!-- Step-by-step analysis (as comments) 1) Create a perfect circle boundary via a clipPath. 2) Split the circle vertically into left and right halves. 3) Left half: mint green base with horizontal golden wavy lines (pattern fill). 4) Right half: deep purple base with a regular grid of small light-blue dots (pattern fill). 5) Keep background transparent by not drawing any full-canvas backdrop. --> <g clip-path="url(#circleClip)"> <!-- Left half base --> <rect x="16" y="16" width="240" height="480" fill="#BFEFDF"/> <!-- Left half pattern overlay --> <rect x="16" y="16" width="240" height="480" fill="url(#wavyPattern)"/> <!-- Right half base --> <rect x="256" y="16" width="240" height="480" fill="#4B167A"/> <!-- Right half pattern overlay --> <rect x="256" y="16" width="240" height="480" fill="url(#dotPattern)"/> </g> </svg>