← Back to dashboard

red scalloped ring with transparent center

Model: simple_base_models_oneshot | Tier: simple | ID: b8ebaa1a-df51-4e31-85b6-cbdde464692a_34046bf59dbd8163 | 2 elements

0.500
Editability
1.000
Coverage
0.500
Purity
0.500
Crosstalk
1.000
Compact
1.000
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

red scalloped ring: 0 1
center:

Elements — click to highlight

#TagConceptPurityContributions
0 path red scalloped ring
0.500
red scallope
1.000
center
1.000
1 circle red scalloped ring
1.000
red scallope
0.000
center
0.000

SVG Code

<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <!-- Define radial gradient for the red ring --> <defs> <radialGradient id="redGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" stop-color="white" stop-opacity="0"/> <stop offset="100%" stop-color="red" stop-opacity="1"/> </radialGradient> </defs> <!-- Outer ring with scalloped/wavy edge using a path --> <path d=" M 100,20 A 80,80 0 1,1 100,180 A 80,80 0 1,1 100,20 Z M 100,40 A 60,60 0 1,1 100,160 A 60,60 0 1,1 100,40 Z " fill="url(#redGradient)" /> <!-- Inner transparent circle --> <circle cx="100" cy="100" r="40" fill="none" /> </svg>