Showing: full SVG
Concept Groups
topmost turquoise pill: 0 1
bottom turquoise pill: 2 3 4 5 6 7 8 9 10 11 12
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
topmost turquoise pi |
0.863
|
0.496 0.079 |
| 1 | rect |
topmost turquoise pi |
0.867
|
0.504 0.078 |
| 2 | rect |
bottom turquoise pil |
1.000
|
0.000 0.076 |
| 3 | rect |
bottom turquoise pil |
1.000
|
0.000 0.077 |
| 4 | rect |
bottom turquoise pil |
1.000
|
0.000 0.076 |
| 5 | rect |
bottom turquoise pil |
1.000
|
0.000 0.078 |
| 6 | rect |
bottom turquoise pil |
1.000
|
0.000 0.076 |
| 7 | rect |
bottom turquoise pil |
1.000
|
0.000 0.075 |
| 8 | rect |
bottom turquoise pil |
1.000
|
0.000 0.078 |
| 9 | rect |
bottom turquoise pil |
1.000
|
0.000 0.077 |
| 10 | rect |
bottom turquoise pil |
1.000
|
0.000 0.076 |
| 11 | rect |
bottom turquoise pil |
1.000
|
0.000 0.077 |
| 12 | rect |
bottom turquoise pil |
1.000
|
0.000 0.076 |
SVG Code
<svg width="200" height="500" viewBox="0 0 200 500" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="pillGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#f0f8ff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#40c4c4;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Pill 1 -->
<rect x="20" y="10" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 2 -->
<rect x="20" y="46" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 3 -->
<rect x="20" y="82" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 4 -->
<rect x="20" y="118" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 5 -->
<rect x="20" y="154" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 6 -->
<rect x="20" y="190" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 7 -->
<rect x="20" y="226" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 8 -->
<rect x="20" y="262" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 9 -->
<rect x="20" y="298" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 10 -->
<rect x="20" y="334" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 11 -->
<rect x="20" y="370" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 12 -->
<rect x="20" y="406" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
<!-- Pill 13 -->
<rect x="20" y="442" width="160" height="28" rx="14" ry="14"
fill="url(#pillGradient)" stroke="#c0c0c0" stroke-width="1"/>
</svg>