Showing: full SVG
Concept Groups
left-side mint green background: 0
yellow wavy lines on left:
right-side purple background: 1
white polka dots on right:
vertical dividing line between patterns:
top row of white dots:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
left-side mint green |
0.436
|
1.000 1.000 0.000 0.000 0.295 0.000 |
| 1 | rect |
right-side purple ba |
0.270
|
0.000 0.000 1.000 1.000 0.705 1.000 |
SVG Code
<svg width="400" height="400" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Clip path to keep everything inside the circle -->
<clipPath id="circleClip">
<circle cx="100" cy="100" r="100" />
</clipPath>
<!-- Pattern for the left side: Mint green background with golden wavy lines -->
<pattern id="waves" x="0" y="0" width="40" height="20" patternUnits="userSpaceOnUse">
<rect width="40" height="20" fill="#BDFCC9" />
<path d="M 0 10 Q 10 5 20 10 T 40 10" stroke="#FFD700" stroke-width="2" fill="none" />
</pattern>
<!-- Pattern for the right side: Deep purple background with light blue dots -->
<pattern id="dots" x="0" y="0" width="15" height="15" patternUnits="userSpaceOnUse">
<rect width="15" height="15" fill="#601A8E" />
<circle cx="7.5" cy="7.5" r="2" fill="#ADD8E6" />
</pattern>
</defs>
<!-- Group containing both halves, clipped by the circle -->
<g clip-path="url(#circleClip)">
<!-- Left Half -->
<rect x="0" y="0" width="100" height="200" fill="url(#waves)" />
<!-- Right Half -->
<rect x="100" y="0" width="100" height="200" fill="url(#dots)" />
</g>
</svg>