← Back to dashboard

striped wavy ribbon, green to blue

Model: medium_base_models_oneshot | Tier: medium | ID: d0db1434-dc5c-4a18-85b9-3fda552d6ced_b9a772a37fb21d56 | 3 elements

0.664
Editability
1.000
Coverage
0.664
Purity
0.169
Crosstalk
0.659
Compact
0.833
Locality
0.833
Contiguity
full
Showing: full SVG

Concept Groups

left-center teal wavy segment: 0 2
rightmost green wavy segment:
top black wavy border: 1

Elements — click to highlight

#TagConceptPurityContributions
0 rect left-center teal wav
1.000
left-center
0.000
rightmost gr
0.000
top black wa
0.000
1 path top black wavy borde
0.664
left-center
0.006
rightmost gr
0.500
top black wa
0.999
2 path left-center teal wav
0.665
left-center
0.994
rightmost gr
0.500
top black wa
0.001

SVG Code

<svg width="600" height="200" xmlns="http://www.w3.org/2000/svg"> <rect width="100%" height="100%" fill="white"/> <!-- Define gradient for ribbon --> <defs> <linearGradient id="ribbonGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="green"/> <stop offset="50%" stop-color="blue"/> <stop offset="100%" stop-color="green"/> </linearGradient> </defs> <!-- Wavy ribbon using multiple rectangles for striped effect --> <g transform="translate(0, 80)"> <!-- First stripe (black) --> <path d="M0,0 C50,-20 50,20 100,0 C150,-20 150,20 200,0 C250,-20 250,20 300,0 C350,-20 350,20 400,0 C450,-20 450,20 500,0 L500,20 C450,40 450,0 400,20 C350,40 350,0 300,20 C250,40 250,0 200,20 C150,40 150,0 100,20 C50,40 50,0 0,20 Z" fill="black"/> <!-- Second stripe (colored) --> <path d="M0,20 C50,0 50,40 100,20 C150,0 150,40 200,20 C250,0 250,40 300,20 C350,0 350,40 400,20 C450,0 450,40 500,20 L500,40 C450,60 450,20 400,40 C350,60 350,20 300,40 C250,60 250,20 200,40 C150,60 150,20 100,40 C50,60 50,20 0,40 Z" fill="url(#ribbonGradient)"/> </g> </svg>