Showing: full SVG
Concept Groups
geometric grid: 0 5 6 10 11 12 13 14 15 16 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 40 41 42 43
golden dots: 1 2 3 4 7 8 9 17 18 38 39 44 45 46 47 48 49 50 51 52 53 54
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
geometric grid |
1.000
|
0.000 0.000 |
| 1 | use |
golden dots |
0.533
|
0.016 0.018 |
| 2 | use |
golden dots |
0.584
|
0.013 0.018 |
| 3 | use |
golden dots |
0.538
|
0.016 0.018 |
| 4 | use |
golden dots |
0.502
|
0.018 0.018 |
| 5 | use |
geometric grid |
0.519
|
0.020 0.018 |
| 6 | use |
geometric grid |
0.508
|
0.019 0.018 |
| 7 | use |
golden dots |
0.580
|
0.013 0.018 |
| 8 | use |
golden dots |
0.573
|
0.014 0.018 |
| 9 | use |
golden dots |
0.577
|
0.013 0.018 |
| 10 | use |
geometric grid |
0.521
|
0.020 0.018 |
| 11 | use |
geometric grid |
0.513
|
0.020 0.019 |
| 12 | use |
geometric grid |
0.514
|
0.019 0.018 |
| 13 | use |
geometric grid |
0.526
|
0.021 0.019 |
| 14 | use |
geometric grid |
0.537
|
0.022 0.019 |
| 15 | use |
geometric grid |
0.535
|
0.021 0.018 |
| 16 | use |
geometric grid |
0.504
|
0.019 0.019 |
| 17 | use |
golden dots |
0.508
|
0.018 0.018 |
| 18 | use |
golden dots |
0.526
|
0.017 0.019 |
| 19 | use |
geometric grid |
0.541
|
0.022 0.018 |
| 20 | use |
geometric grid |
0.539
|
0.022 0.018 |
| 21 | use |
geometric grid |
0.524
|
0.020 0.018 |
| 22 | use |
geometric grid |
0.538
|
0.022 0.019 |
| 23 | use |
geometric grid |
0.553
|
0.023 0.018 |
| 24 | use |
geometric grid |
0.549
|
0.022 0.018 |
| 25 | use |
geometric grid |
0.530
|
0.021 0.019 |
| 26 | use |
geometric grid |
0.520
|
0.020 0.018 |
| 27 | use |
geometric grid |
0.507
|
0.019 0.018 |
| 28 | use |
geometric grid |
0.535
|
0.021 0.018 |
| 29 | use |
geometric grid |
0.537
|
0.021 0.018 |
| 30 | use |
geometric grid |
0.517
|
0.020 0.018 |
| 31 | use |
geometric grid |
0.539
|
0.022 0.018 |
| 32 | use |
geometric grid |
0.548
|
0.023 0.019 |
| 33 | use |
geometric grid |
0.546
|
0.022 0.018 |
| 34 | use |
geometric grid |
0.528
|
0.021 0.019 |
| 35 | use |
geometric grid |
0.504
|
0.019 0.018 |
| 36 | use |
geometric grid |
0.505
|
0.019 0.018 |
| 37 | use |
geometric grid |
0.508
|
0.019 0.018 |
| 38 | use |
golden dots |
0.504
|
0.018 0.019 |
| 39 | use |
golden dots |
0.507
|
0.018 0.019 |
| 40 | use |
geometric grid |
0.522
|
0.020 0.019 |
| 41 | use |
geometric grid |
0.531
|
0.021 0.019 |
| 42 | use |
geometric grid |
0.527
|
0.021 0.019 |
| 43 | use |
geometric grid |
0.500
|
0.019 0.018 |
| 44 | use |
golden dots |
0.521
|
0.017 0.018 |
| 45 | use |
golden dots |
0.517
|
0.017 0.019 |
| 46 | use |
golden dots |
0.595
|
0.013 0.018 |
| 47 | use |
golden dots |
0.595
|
0.013 0.018 |
| 48 | use |
golden dots |
0.557
|
0.015 0.019 |
| 49 | use |
golden dots |
0.514
|
0.018 0.019 |
| 50 | use |
golden dots |
0.511
|
0.018 0.019 |
| 51 | use |
golden dots |
0.532
|
0.016 0.019 |
| 52 | use |
golden dots |
0.586
|
0.013 0.019 |
| 53 | use |
golden dots |
0.576
|
0.014 0.019 |
| 54 | use |
golden dots |
0.582
|
0.013 0.019 |
SVG Code
<svg width="200" height="120" xmlns="http://www.w3.org/2000/svg">
<rect width="100%" height="100%" fill="transparent"/>
<!-- Define dot properties -->
<defs>
<circle id="dot" r="5" fill="#D2B48C"/>
</defs>
<!-- Create 6 rows and 9 columns of dots -->
<!-- Each dot is spaced 20px apart horizontally and vertically -->
<!-- Starting from (10,10) -->
<!-- Rows -->
<g>
<!-- Row 1 -->
<use href="#dot" x="10" y="10"/>
<use href="#dot" x="30" y="10"/>
<use href="#dot" x="50" y="10"/>
<use href="#dot" x="70" y="10"/>
<use href="#dot" x="90" y="10"/>
<use href="#dot" x="110" y="10"/>
<use href="#dot" x="130" y="10"/>
<use href="#dot" x="150" y="10"/>
<use href="#dot" x="170" y="10"/>
<!-- Row 2 -->
<use href="#dot" x="10" y="30"/>
<use href="#dot" x="30" y="30"/>
<use href="#dot" x="50" y="30"/>
<use href="#dot" x="70" y="30"/>
<use href="#dot" x="90" y="30"/>
<use href="#dot" x="110" y="30"/>
<use href="#dot" x="130" y="30"/>
<use href="#dot" x="150" y="30"/>
<use href="#dot" x="170" y="30"/>
<!-- Row 3 -->
<use href="#dot" x="10" y="50"/>
<use href="#dot" x="30" y="50"/>
<use href="#dot" x="50" y="50"/>
<use href="#dot" x="70" y="50"/>
<use href="#dot" x="90" y="50"/>
<use href="#dot" x="110" y="50"/>
<use href="#dot" x="130" y="50"/>
<use href="#dot" x="150" y="50"/>
<use href="#dot" x="170" y="50"/>
<!-- Row 4 -->
<use href="#dot" x="10" y="70"/>
<use href="#dot" x="30" y="70"/>
<use href="#dot" x="50" y="70"/>
<use href="#dot" x="70" y="70"/>
<use href="#dot" x="90" y="70"/>
<use href="#dot" x="110" y="70"/>
<use href="#dot" x="130" y="70"/>
<use href="#dot" x="150" y="70"/>
<use href="#dot" x="170" y="70"/>
<!-- Row 5 -->
<use href="#dot" x="10" y="90"/>
<use href="#dot" x="30" y="90"/>
<use href="#dot" x="50" y="90"/>
<use href="#dot" x="70" y="90"/>
<use href="#dot" x="90" y="90"/>
<use href="#dot" x="110" y="90"/>
<use href="#dot" x="130" y="90"/>
<use href="#dot" x="150" y="90"/>
<use href="#dot" x="170" y="90"/>
<!-- Row 6 -->
<use href="#dot" x="10" y="110"/>
<use href="#dot" x="30" y="110"/>
<use href="#dot" x="50" y="110"/>
<use href="#dot" x="70" y="110"/>
<use href="#dot" x="90" y="110"/>
<use href="#dot" x="110" y="110"/>
<use href="#dot" x="130" y="110"/>
<use href="#dot" x="150" y="110"/>
<use href="#dot" x="170" y="110"/>
</g>
</svg>