← Back to dashboard

red scalloped ring with transparent center

Model: simple_claude | Tier: simple | ID: b8ebaa1a-df51-4e31-85b6-cbdde464692a_34046bf59dbd8163 | 18 elements

0.562
Editability
0.849
Coverage
0.662
Purity
0.281
Crosstalk
0.101
Compact
0.503
Locality
0.529
Contiguity
full
Showing: full SVG

Concept Groups

red scalloped ring: 0 17
center: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Elements — click to highlight

#TagConceptPurityContributions
0 circle red scalloped ring
0.979
red scallope
0.470
center
0.010
1 circle center
0.678
red scallope
0.045
center
0.096
2 circle center
0.665
red scallope
0.045
center
0.090
3 circle center
0.687
red scallope
0.045
center
0.099
4 circle center
0.670
red scallope
0.045
center
0.092
5 circle center
0.730
red scallope
0.025
center
0.068
6 circle center
0.727
red scallope
0.025
center
0.068
7 circle center
0.728
red scallope
0.025
center
0.068
8 circle center
0.720
red scallope
0.025
center
0.066
9 circle center
0.597
red scallope
0.030
center
0.045
10 circle center
0.586
red scallope
0.030
center
0.043
11 circle center
0.579
red scallope
0.030
center
0.042
12 circle center
0.580
red scallope
0.030
center
0.042
13 circle center
0.592
red scallope
0.030
center
0.044
14 circle center
0.576
red scallope
0.030
center
0.041
15 circle center
0.590
red scallope
0.030
center
0.043
16 circle center
0.570
red scallope
0.030
center
0.040
17 circle red scalloped ring
0.564
red scallope
0.005
center
0.004

SVG Code

<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- Radial gradient from red outer edge to white inner edge --> <radialGradient id="ringGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" stop-color="white" stop-opacity="1"/> <stop offset="40%" stop-color="white" stop-opacity="1"/> <stop offset="70%" stop-color="#ff3333" stop-opacity="1"/> <stop offset="100%" stop-color="#cc0000" stop-opacity="1"/> </radialGradient> <!-- Mask for the center hole --> <mask id="centerHole"> <rect width="400" height="400" fill="white"/> <circle cx="200" cy="200" r="60" fill="black"/> </mask> </defs> <!-- Scalloped ring shape --> <g mask="url(#centerHole)"> <!-- Main scalloped shape created with overlapping circles --> <circle cx="200" cy="200" r="140" fill="url(#ringGradient)"/> <!-- Scalloped edges - outer bumps --> <circle cx="200" cy="60" r="35" fill="url(#ringGradient)"/> <circle cx="200" cy="340" r="35" fill="url(#ringGradient)"/> <circle cx="60" cy="200" r="35" fill="url(#ringGradient)"/> <circle cx="340" cy="200" r="35" fill="url(#ringGradient)"/> <circle cx="99" cy="99" r="35" fill="url(#ringGradient)"/> <circle cx="301" cy="99" r="35" fill="url(#ringGradient)"/> <circle cx="99" cy="301" r="35" fill="url(#ringGradient)"/> <circle cx="301" cy="301" r="35" fill="url(#ringGradient)"/> <circle cx="130" cy="70" r="30" fill="url(#ringGradient)"/> <circle cx="270" cy="70" r="30" fill="url(#ringGradient)"/> <circle cx="130" cy="330" r="30" fill="url(#ringGradient)"/> <circle cx="270" cy="330" r="30" fill="url(#ringGradient)"/> <circle cx="70" cy="130" r="30" fill="url(#ringGradient)"/> <circle cx="330" cy="130" r="30" fill="url(#ringGradient)"/> <circle cx="70" cy="270" r="30" fill="url(#ringGradient)"/> <circle cx="330" cy="270" r="30" fill="url(#ringGradient)"/> </g> <!-- Inner glow effect --> <defs> <radialGradient id="innerGlow" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="white" stop-opacity="0"/> <stop offset="70%" stop-color="white" stop-opacity="0.3"/> <stop offset="100%" stop-color="white" stop-opacity="0"/> </radialGradient> </defs> <circle cx="200" cy="200" r="80" fill="url(#innerGlow)" mask="url(#centerHole)"/> </svg>