Showing: full SVG
Concept Groups
top-right lavender dot: 0 1 7 8 9 15 16 17 18 24 25 26 27
upper-middle lavender dot: 4 14 23 32
lower-left lavender dot: 3 10 19
center-right lavender dot: 11 31
bottom-left lavender dot: 2 5 6 12 13 20 21 22 28 29 30 33
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 1 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 2 | ellipse |
bottom-left lavender |
0.354
|
0.017 0.019 0.041 0.016 0.051 |
| 3 | ellipse |
lower-left lavender |
0.268
|
0.048 0.041 0.049 0.045 0.000 |
| 4 | ellipse |
upper-middle lavende |
0.219
|
0.066 0.068 0.049 0.064 0.061 |
| 5 | ellipse |
bottom-left lavender |
0.220
|
0.058 0.058 0.049 0.053 0.061 |
| 6 | ellipse |
bottom-left lavender |
0.228
|
0.056 0.048 0.049 0.055 0.062 |
| 7 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 8 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 9 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 10 | ellipse |
lower-left lavender |
0.300
|
0.041 0.038 0.049 0.035 0.000 |
| 11 | ellipse |
center-right lavende |
0.277
|
0.062 0.066 0.048 0.068 0.000 |
| 12 | ellipse |
bottom-left lavender |
0.251
|
0.054 0.036 0.050 0.046 0.062 |
| 13 | ellipse |
bottom-left lavender |
0.268
|
0.048 0.034 0.049 0.036 0.061 |
| 14 | ellipse |
upper-middle lavende |
0.223
|
0.059 0.065 0.049 0.059 0.061 |
| 15 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 16 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 17 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 18 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 19 | ellipse |
lower-left lavender |
0.273
|
0.046 0.044 0.050 0.042 0.000 |
| 20 | ellipse |
bottom-left lavender |
0.223
|
0.052 0.056 0.050 0.058 0.062 |
| 21 | ellipse |
bottom-left lavender |
0.296
|
0.034 0.027 0.049 0.034 0.060 |
| 22 | ellipse |
bottom-left lavender |
0.252
|
0.043 0.045 0.049 0.043 0.061 |
| 23 | ellipse |
upper-middle lavende |
0.221
|
0.056 0.064 0.050 0.058 0.061 |
| 24 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 25 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 26 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 27 | ellipse |
top-right lavender d |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 28 | ellipse |
bottom-left lavender |
0.249
|
0.041 0.048 0.048 0.045 0.060 |
| 29 | ellipse |
bottom-left lavender |
0.262
|
0.042 0.038 0.050 0.044 0.062 |
| 30 | ellipse |
bottom-left lavender |
0.246
|
0.043 0.048 0.049 0.048 0.062 |
| 31 | ellipse |
center-right lavende |
0.229
|
0.051 0.067 0.049 0.068 0.061 |
| 32 | ellipse |
upper-middle lavende |
0.216
|
0.054 0.061 0.049 0.059 0.060 |
| 33 | ellipse |
bottom-left lavender |
0.222
|
0.029 0.029 0.025 0.025 0.031 |
SVG Code
<svg width="500" height="400" viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
<!-- Define the pale lavender color -->
<style>
.segment { fill: #DCD0FF; }
</style>
<!-- Background is transparent by default -->
<!-- Group containing the entire arch -->
<g transform="translate(250, 380)">
<!-- Row 1 (Inner Arc) -->
<g class="row-1">
<ellipse class="segment" rx="12" ry="4" transform="rotate(-60) translate(140, 0) rotate(60)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-40) translate(140, 0) rotate(40)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-20) translate(140, 0) rotate(20)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(0) translate(140, 0)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(20) translate(140, 0) rotate(-20)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(40) translate(140, 0) rotate(-40)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(60) translate(140, 0) rotate(-60)"/>
</g>
<!-- Row 2 (Staggered) -->
<g class="row-2">
<ellipse class="segment" rx="12" ry="4" transform="rotate(-70) translate(175, 0) rotate(70)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-50) translate(175, 0) rotate(50)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-30) translate(175, 0) rotate(30)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-10) translate(175, 0) rotate(10)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(10) translate(175, 0) rotate(-10)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(30) translate(175, 0) rotate(-30)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(50) translate(175, 0) rotate(-50)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(70) translate(175, 0) rotate(-70)"/>
</g>
<!-- Row 3 (Staggered) -->
<g class="row-3">
<ellipse class="segment" rx="12" ry="4" transform="rotate(-80) translate(210, 0) rotate(80)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-60) translate(210, 0) rotate(60)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-40) translate(210, 0) rotate(40)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-20) translate(210, 0) rotate(20)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(0) translate(210, 0)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(20) translate(210, 0) rotate(-20)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(40) translate(210, 0) rotate(-40)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(60) translate(210, 0) rotate(-60)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(80) translate(210, 0) rotate(-80)"/>
</g>
<!-- Row 4 (Outer Arc) -->
<g class="row-4">
<ellipse class="segment" rx="12" ry="4" transform="rotate(-90) translate(245, 0) rotate(90)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-70) translate(245, 0) rotate(70)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-50) translate(245, 0) rotate(50)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-30) translate(245, 0) rotate(30)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(-10) translate(245, 0) rotate(10)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(10) translate(245, 0) rotate(-10)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(30) translate(245, 0) rotate(-30)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(50) translate(245, 0) rotate(-50)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(70) translate(245, 0) rotate(-70)"/>
<ellipse class="segment" rx="12" ry="4" transform="rotate(90) translate(245, 0) rotate(-90)"/>
</g>
</g>
</svg>