← Back to dashboard

Islamic geometric pattern, octagons and stars

Model: openai | Tier: complex | ID: 1bdb51ba-93d6-4172-80c0-73a13c8f766b_ba5680b0df955db1 | 67 elements

0.388
Editability
0.786
Coverage
0.493
Purity
0.165
Crosstalk
0.180
Compact
0.607
Locality
0.834
Contiguity
full
Showing: full SVG

Concept Groups

top row of light green octagons: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 31 32 33 34 35 43 44 45 46
middle row of white octagons with green centers: 36
bottom row of white octagons with green centers: 19 20 21 22 23 24 25 26 27 28 29 30 37 38 39 40 41 42 47 48 50 51 52 53 54 55 56 57 58 59 60
leftmost vertical brown strip: 49 64 65 66
rightmost vertical brown strip: 62 63
central light green background: 0 61

Elements — click to highlight

#TagConceptPurityContributions
0 rect central light green
0.590
top row of l
0.033
middle row o
0.034
bottom row o
0.053
leftmost ver
0.279
rightmost ve
0.264
central ligh
0.954
1 use top row of light gre
0.638
top row of l
0.017
middle row o
0.008
bottom row o
0.000
leftmost ver
0.001
rightmost ve
0.001
central ligh
0.000
2 use top row of light gre
0.602
top row of l
0.035
middle row o
0.020
bottom row o
0.000
leftmost ver
0.002
rightmost ve
0.001
central ligh
0.000
3 use top row of light gre
0.604
top row of l
0.036
middle row o
0.021
bottom row o
0.000
leftmost ver
0.002
rightmost ve
0.001
central ligh
0.000
4 use top row of light gre
0.605
top row of l
0.036
middle row o
0.021
bottom row o
0.000
leftmost ver
0.002
rightmost ve
0.001
central ligh
0.000
5 use top row of light gre
0.602
top row of l
0.036
middle row o
0.021
bottom row o
0.000
leftmost ver
0.001
rightmost ve
0.001
central ligh
0.000
6 use top row of light gre
0.603
top row of l
0.036
middle row o
0.021
bottom row o
0.000
leftmost ver
0.002
rightmost ve
0.001
central ligh
0.000
7 use top row of light gre
0.445
top row of l
0.061
middle row o
0.035
bottom row o
0.037
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
8 use top row of light gre
0.446
top row of l
0.062
middle row o
0.035
bottom row o
0.037
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
9 use top row of light gre
0.447
top row of l
0.062
middle row o
0.035
bottom row o
0.037
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
10 use top row of light gre
0.446
top row of l
0.063
middle row o
0.036
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
11 use top row of light gre
0.446
top row of l
0.064
middle row o
0.036
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
12 use top row of light gre
0.443
top row of l
0.064
middle row o
0.036
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.003
central ligh
0.000
13 use top row of light gre
0.451
top row of l
0.031
middle row o
0.017
bottom row o
0.018
leftmost ver
0.001
rightmost ve
0.001
central ligh
0.000
14 use top row of light gre
0.446
top row of l
0.062
middle row o
0.035
bottom row o
0.037
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
15 use top row of light gre
0.447
top row of l
0.063
middle row o
0.036
bottom row o
0.037
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
16 use top row of light gre
0.447
top row of l
0.064
middle row o
0.036
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
17 use top row of light gre
0.446
top row of l
0.064
middle row o
0.036
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
18 use top row of light gre
0.445
top row of l
0.064
middle row o
0.037
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
19 use bottom row of white
0.475
top row of l
0.000
middle row o
0.035
bottom row o
0.037
leftmost ver
0.003
rightmost ve
0.003
central ligh
0.000
20 use bottom row of white
0.477
top row of l
0.000
middle row o
0.036
bottom row o
0.037
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
21 use bottom row of white
0.476
top row of l
0.000
middle row o
0.036
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.002
central ligh
0.000
22 use bottom row of white
0.474
top row of l
0.000
middle row o
0.037
bottom row o
0.038
leftmost ver
0.003
rightmost ve
0.003
central ligh
0.000
23 use bottom row of white
0.474
top row of l
0.000
middle row o
0.037
bottom row o
0.039
leftmost ver
0.003
rightmost ve
0.003
central ligh
0.000
24 use bottom row of white
0.469
top row of l
0.000
middle row o
0.037
bottom row o
0.038
leftmost ver
0.004
rightmost ve
0.003
central ligh
0.000
25 use bottom row of white
0.471
top row of l
0.000
middle row o
0.018
bottom row o
0.019
leftmost ver
0.002
rightmost ve
0.001
central ligh
0.000
26 use bottom row of white
0.469
top row of l
0.000
middle row o
0.036
bottom row o
0.038
leftmost ver
0.004
rightmost ve
0.003
central ligh
0.000
27 use bottom row of white
0.468
top row of l
0.000
middle row o
0.036
bottom row o
0.038
leftmost ver
0.004
rightmost ve
0.003
central ligh
0.000
28 use bottom row of white
0.466
top row of l
0.000
middle row o
0.037
bottom row o
0.038
leftmost ver
0.004
rightmost ve
0.003
central ligh
0.000
29 use bottom row of white
0.463
top row of l
0.000
middle row o
0.037
bottom row o
0.038
leftmost ver
0.004
rightmost ve
0.003
central ligh
0.000
30 use bottom row of white
0.462
top row of l
0.000
middle row o
0.037
bottom row o
0.039
leftmost ver
0.004
rightmost ve
0.004
central ligh
0.000
31 use top row of light gre
0.588
top row of l
0.003
middle row o
0.002
bottom row o
0.000
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
32 use top row of light gre
0.577
top row of l
0.003
middle row o
0.002
bottom row o
0.000
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
33 use top row of light gre
0.575
top row of l
0.003
middle row o
0.002
bottom row o
0.000
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
34 use top row of light gre
0.566
top row of l
0.003
middle row o
0.002
bottom row o
0.000
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
35 use top row of light gre
0.493
top row of l
0.002
middle row o
0.002
bottom row o
0.000
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
36 use middle row of white
0.811
top row of l
0.000
middle row o
0.002
bottom row o
0.000
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
37 use bottom row of white
0.776
top row of l
0.000
middle row o
0.000
bottom row o
0.001
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
38 use bottom row of white
0.620
top row of l
0.001
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
39 use bottom row of white
0.888
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
40 use bottom row of white
0.876
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
41 use bottom row of white
0.885
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
42 use bottom row of white
0.871
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
43 use top row of light gre
0.507
top row of l
0.004
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
44 use top row of light gre
0.558
top row of l
0.004
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
45 use top row of light gre
0.572
top row of l
0.005
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
46 use top row of light gre
0.489
top row of l
0.003
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
47 use bottom row of white
0.636
top row of l
0.001
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
48 use bottom row of white
0.843
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
49 use leftmost vertical br
0.404
top row of l
0.000
middle row o
0.000
bottom row o
0.000
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
50 use bottom row of white
0.838
top row of l
0.000
middle row o
0.000
bottom row o
0.002
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
51 use bottom row of white
0.814
top row of l
0.000
middle row o
0.000
bottom row o
0.002
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
52 use bottom row of white
0.855
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
53 use bottom row of white
0.856
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
54 use bottom row of white
0.840
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
55 use bottom row of white
0.854
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
56 use bottom row of white
0.849
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
57 use bottom row of white
0.824
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
58 use bottom row of white
0.826
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
59 use bottom row of white
0.820
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
60 use bottom row of white
0.790
top row of l
0.000
middle row o
0.000
bottom row o
0.003
leftmost ver
0.000
rightmost ve
0.000
central ligh
0.000
61 rect central light green
0.419
top row of l
0.014
middle row o
0.012
bottom row o
0.013
leftmost ver
0.013
rightmost ve
0.012
central ligh
0.045
62 path rightmost vertical b
0.534
top row of l
0.000
middle row o
0.000
bottom row o
0.000
leftmost ver
0.296
rightmost ve
0.340
central ligh
0.000
63 path rightmost vertical b
0.537
top row of l
0.000
middle row o
0.000
bottom row o
0.000
leftmost ver
0.015
rightmost ve
0.018
central ligh
0.000
64 path leftmost vertical br
0.508
top row of l
0.000
middle row o
0.000
bottom row o
0.000
leftmost ver
0.273
rightmost ve
0.265
central ligh
0.000
65 path leftmost vertical br
0.513
top row of l
0.000
middle row o
0.000
bottom row o
0.000
leftmost ver
0.027
rightmost ve
0.026
central ligh
0.000
66 path leftmost vertical br
0.505
top row of l
0.000
middle row o
0.000
bottom row o
0.000
leftmost ver
0.007
rightmost ve
0.007
central ligh
0.000

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" width="900" height="600"> <defs> <!-- Colors --> <style> .bg { fill:#9BAE9A; } /* muted sage */ .tileA { fill:#ffffff; } /* white */ .tileB { fill:#CFE3D0; } /* light green */ .line { fill:none; stroke:#ffffff; stroke-width:3; stroke-linejoin:round; opacity:0.9; } .border { fill:#7A4B2B; } /* brown */ .border2 { fill:#8B5A35; opacity:0.65; } </style> <!-- Clip only the patterned region (so rest remains transparent) --> <clipPath id="clipPattern"> <rect x="0" y="0" width="780" height="520" rx="0" ry="0"/> </clipPath> <!-- One geometric "cell": an octagon + an 8-point star overlay --> <g id="cell"> <!-- Octagon --> <polygon class="tileA" points="0,-40 28,-28 40,0 28,28 0,40 -28,28 -40,0 -28,-28"/> <!-- Inner light-green octagon --> <polygon class="tileB" points="0,-24 17,-17 24,0 17,17 0,24 -17,17 -24,0 -17,-17" opacity="0.95"/> <!-- 8-point star (two squares rotated) --> <g opacity="0.95"> <rect class="tileA" x="-18" y="-18" width="36" height="36" transform="rotate(0)"/> <rect class="tileB" x="-18" y="-18" width="36" height="36" transform="rotate(45)"/> </g> <!-- Thin white outline to emphasize arabesque geometry --> <polygon class="line" points="0,-40 28,-28 40,0 28,28 0,40 -28,28 -40,0 -28,-28"/> </g> <!-- A small connector star used between cells --> <g id="connector"> <g opacity="0.95"> <rect class="tileA" x="-10" y="-10" width="20" height="20"/> <rect class="tileB" x="-10" y="-10" width="20" height="20" transform="rotate(45)"/> </g> <path class="line" d="M0-14 L0 14 M-14 0 L14 0"/> </g> <!-- Subtle pattern sheen --> <linearGradient id="sheen" x1="0" y1="0" x2="1" y2="1"> <stop offset="0" stop-color="#ffffff" stop-opacity="0.10"/> <stop offset="1" stop-color="#ffffff" stop-opacity="0"/> </linearGradient> </defs> <!-- Step-by-step analysis (as comments): 1) Background: muted sage green fill, but only behind the patterned region. 2) Main content: tessellation of interlocking octagons and 8-pointed stars in white + light green. 3) Repetition: grid of "cells" offset every other row to suggest interlocking geometry. 4) Decorative border: stepped + curved brown frame along bottom and right edges. 5) Outside the patterned region remains transparent (no full-canvas background). --> <!-- Patterned region (clipped), leaving rest transparent --> <g clip-path="url(#clipPattern)"> <!-- Sage background behind pattern --> <rect class="bg" x="0" y="0" width="780" height="520"/> <!-- Tiling: offset rows to create interlocking look --> <g transform="translate(60 60)"> <!-- Cells --> <!-- Row 0 --> <g transform="translate(0 0)"> <use href="#cell" x="0" y="0"/> <use href="#cell" x="120" y="0"/> <use href="#cell" x="240" y="0"/> <use href="#cell" x="360" y="0"/> <use href="#cell" x="480" y="0"/> <use href="#cell" x="600" y="0"/> </g> <!-- Row 1 (offset) --> <g transform="translate(60 90)"> <use href="#cell" x="0" y="0"/> <use href="#cell" x="120" y="0"/> <use href="#cell" x="240" y="0"/> <use href="#cell" x="360" y="0"/> <use href="#cell" x="480" y="0"/> <use href="#cell" x="600" y="0"/> </g> <!-- Row 2 --> <g transform="translate(0 180)"> <use href="#cell" x="0" y="0"/> <use href="#cell" x="120" y="0"/> <use href="#cell" x="240" y="0"/> <use href="#cell" x="360" y="0"/> <use href="#cell" x="480" y="0"/> <use href="#cell" x="600" y="0"/> </g> <!-- Row 3 (offset) --> <g transform="translate(60 270)"> <use href="#cell" x="0" y="0"/> <use href="#cell" x="120" y="0"/> <use href="#cell" x="240" y="0"/> <use href="#cell" x="360" y="0"/> <use href="#cell" x="480" y="0"/> <use href="#cell" x="600" y="0"/> </g> <!-- Row 4 --> <g transform="translate(0 360)"> <use href="#cell" x="0" y="0"/> <use href="#cell" x="120" y="0"/> <use href="#cell" x="240" y="0"/> <use href="#cell" x="360" y="0"/> <use href="#cell" x="480" y="0"/> <use href="#cell" x="600" y="0"/> </g> <!-- Connectors between cells (to enhance tessellation feel) --> <g opacity="0.9"> <!-- Horizontal connectors --> <g transform="translate(60 0)"> <use href="#connector" x="0" y="0"/> <use href="#connector" x="120" y="0"/> <use href="#connector" x="240" y="0"/> <use href="#connector" x="360" y="0"/> <use href="#connector" x="480" y="0"/> <use href="#connector" x="600" y="0"/> </g> <g transform="translate(0 90)"> <use href="#connector" x="0" y="0"/> <use href="#connector" x="120" y="0"/> <use href="#connector" x="240" y="0"/> <use href="#connector" x="360" y="0"/> <use href="#connector" x="480" y="0"/> <use href="#connector" x="600" y="0"/> </g> <g transform="translate(60 180)"> <use href="#connector" x="0" y="0"/> <use href="#connector" x="120" y="0"/> <use href="#connector" x="240" y="0"/> <use href="#connector" x="360" y="0"/> <use href="#connector" x="480" y="0"/> <use href="#connector" x="600" y="0"/> </g> <g transform="translate(0 270)"> <use href="#connector" x="0" y="0"/> <use href="#connector" x="120" y="0"/> <use href="#connector" x="240" y="0"/> <use href="#connector" x="360" y="0"/> <use href="#connector" x="480" y="0"/> <use href="#connector" x="600" y="0"/> </g> <g transform="translate(60 360)"> <use href="#connector" x="0" y="0"/> <use href="#connector" x="120" y="0"/> <use href="#connector" x="240" y="0"/> <use href="#connector" x="360" y="0"/> <use href="#connector" x="480" y="0"/> <use href="#connector" x="600" y="0"/> </g> </g> </g> <!-- Soft sheen overlay for depth --> <rect x="0" y="0" width="780" height="520" fill="url(#sheen)"/> </g> <!-- Decorative stepped + curved brown border along bottom and right edges --> <!-- Bottom border (stepped top edge, slightly curved overall) --> <path class="border" d="M0,520 C180,505 360,505 540,520 L780,520 L780,600 L0,600 Z"/> <!-- Stepped detail cut-in (drawn as darker overlay to suggest architectural molding) --> <path class="border2" d="M0,535 L60,535 Q75,535 75,550 L75,565 L150,565 Q165,565 165,550 L165,535 L240,535 Q255,535 255,552 L255,570 L330,570 Q345,570 345,552 L345,535 L420,535 Q435,535 435,550 L435,565 L510,565 Q525,565 525,550 L525,535 L600,535 Q615,535 615,552 L615,570 L690,570 Q705,570 705,552 L705,535 L780,535 L780,600 L0,600 Z"/> <!-- Right border (stepped inner edge, slightly curved overall) --> <path class="border" d="M780,0 L900,0 L900,600 L780,600 C795,420 795,240 780,0 Z"/> <path class="border2" d="M795,0 L795,60 Q795,75 810,75 L825,75 L825,150 Q825,165 810,165 L795,165 L795,240 Q795,255 812,255 L830,255 L830,330 Q830,345 812,345 L795,345 L795,420 Q795,435 810,435 L825,435 L825,510 Q825,525 810,525 L795,525 L795,600 L900,600 L900,0 Z"/> <!-- Small corner cap to visually join borders --> <path class="border" d="M780,520 C820,510 860,510 900,520 L900,600 L780,600 Z"/> </svg>