Showing: full SVG
Concept Groups
islamic geometric pattern: 0 1 2 3 7 8
stars: 4 5 6
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
islamic geometric pa |
0.999
|
0.487 0.001 |
| 1 | polygon |
islamic geometric pa |
1.000
|
0.000 0.000 |
| 2 | polygon |
islamic geometric pa |
1.000
|
0.000 0.000 |
| 3 | polygon |
islamic geometric pa |
0.561
|
0.001 0.001 |
| 4 | polygon |
stars |
0.673
|
0.421 0.869 |
| 5 | polygon |
stars |
0.647
|
0.019 0.035 |
| 6 | polygon |
stars |
0.650
|
0.051 0.095 |
| 7 | path |
islamic geometric pa |
1.000
|
0.009 0.000 |
| 8 | path |
islamic geometric pa |
1.000
|
0.012 0.000 |
SVG Code
<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="#98A87A" />
<!-- Main geometric pattern -->
<g transform="translate(250,250)">
<!-- Octagons and stars pattern -->
<!-- We'll create a simple repeating pattern using basic shapes for demonstration -->
<!-- Central octagon -->
<polygon points="0,-60 42.43,-42.43 60,0 42.43,42.43 0,60 -42.43,42.43 -60,0 -42.43,-42.43"
fill="white" stroke="lightgreen" stroke-width="2"/>
<!-- Eight-pointed star -->
<polygon points="0,-30 10.61,-10.61 30,0 10.61,10.61 0,30 -10.61,10.61 -30,0 -10.61,-10.61"
fill="lightgreen" stroke="white" stroke-width="2"/>
<!-- Surrounding octagons -->
<polygon points="0,-120 84.85,-84.85 120,0 84.85,84.85 0,120 -84.85,84.85 -120,0 -84.85,-84.85"
fill="white" stroke="lightgreen" stroke-width="2" transform="rotate(45)"/>
<polygon points="0,-120 84.85,-84.85 120,0 84.85,84.85 0,120 -84.85,84.85 -120,0 -84.85,-84.85"
fill="lightgreen" stroke="white" stroke-width="2" transform="rotate(-45)"/>
<!-- Additional surrounding stars -->
<polygon points="0,-60 21.22,-21.22 60,0 21.22,21.22 0,60 -21.22,21.22 -60,0 -21.22,-21.22"
fill="white" stroke="lightgreen" stroke-width="2" transform="rotate(22.5)"/>
<polygon points="0,-60 21.22,-21.22 60,0 21.22,21.22 0,60 -21.22,21.22 -60,0 -21.22,-21.22"
fill="lightgreen" stroke="white" stroke-width="2" transform="rotate(-22.5)"/>
</g>
<!-- Decorative border -->
<!-- Lower edge border -->
<path d="M 50 450 L 100 440 L 150 450 L 200 440 L 250 450 L 300 440 L 350 450 L 400 440 L 450 450"
stroke="#8B4513" stroke-width="10" fill="none" stroke-linecap="round"/>
<!-- Right edge border -->
<path d="M 450 50 L 440 100 L 450 150 L 440 200 L 450 250 L 440 300 L 450 350 L 440 400 L 450 450"
stroke="#8B4513" stroke-width="10" fill="none" stroke-linecap="round"/>
</svg>