Showing: full SVG
Concept Groups
topmost turquoise pill: 0 1
third turquoise pill from top:
fifth turquoise pill from top: 6
bottommost turquoise pill: 2 3 4 5 7 8 9 10 11 12
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
topmost turquoise pi |
0.661
|
0.501 0.077 0.089 0.091 |
| 1 | rect |
topmost turquoise pi |
0.745
|
0.499 0.077 0.088 0.006 |
| 2 | rect |
bottommost turquoise |
0.357
|
0.000 0.077 0.086 0.091 |
| 3 | rect |
bottommost turquoise |
0.367
|
0.000 0.078 0.080 0.091 |
| 4 | rect |
bottommost turquoise |
0.358
|
0.000 0.076 0.084 0.089 |
| 5 | rect |
bottommost turquoise |
0.371
|
0.000 0.077 0.077 0.091 |
| 6 | rect |
fifth turquoise pill |
0.516
|
0.000 0.075 0.080 0.000 |
| 7 | rect |
bottommost turquoise |
0.376
|
0.000 0.077 0.073 0.091 |
| 8 | rect |
bottommost turquoise |
0.374
|
0.000 0.077 0.073 0.090 |
| 9 | rect |
bottommost turquoise |
0.369
|
0.000 0.078 0.077 0.091 |
| 10 | rect |
bottommost turquoise |
0.372
|
0.000 0.078 0.075 0.091 |
| 11 | rect |
bottommost turquoise |
0.372
|
0.000 0.076 0.073 0.089 |
| 12 | rect |
bottommost turquoise |
0.430
|
0.000 0.077 0.042 0.090 |
SVG Code
<svg width="400" height="700" viewBox="0 0 400 700" xmlns="http://www.w3.org/2000/svg">
<!-- Define the subtle blue-to-turquoise gradient -->
<defs>
<linearGradient id="pillGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#f0faff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#00ced1;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background is transparent by default -->
<!-- Group containing the 13 pill shapes -->
<g transform="translate(50, 20)">
<!-- Pill 1 -->
<rect x="0" y="0" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 2 -->
<rect x="0" y="50" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 3 -->
<rect x="0" y="100" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 4 -->
<rect x="0" y="150" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 5 -->
<rect x="0" y="200" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 6 -->
<rect x="0" y="250" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 7 -->
<rect x="0" y="300" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 8 -->
<rect x="0" y="350" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 9 -->
<rect x="0" y="400" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 10 -->
<rect x="0" y="450" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 11 -->
<rect x="0" y="500" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 12 -->
<rect x="0" y="550" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
<!-- Pill 13 -->
<rect x="0" y="600" width="300" height="40" rx="20" fill="url(#pillGradient)" stroke="#d1d5db" stroke-width="1" />
</g>
</svg>