Showing: full SVG
Concept Groups
checklist grid: 0 1 2 3 4 5 6 7 8 9 15 21 25
pink circles: 10 11 12 13 14 16 17 18 19 20 22 23 24 26 27
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
checklist grid |
1.000
|
0.014 0.000 |
| 1 | rect |
checklist grid |
0.953
|
0.891 0.044 |
| 2 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 3 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 4 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 5 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 6 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 7 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 8 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 9 | line |
checklist grid |
1.000
|
0.004 0.000 |
| 10 | circle |
pink circles |
0.945
|
0.005 0.079 |
| 11 | use |
pink circles |
0.945
|
0.002 0.042 |
| 12 | circle |
pink circles |
0.943
|
0.005 0.078 |
| 13 | use |
pink circles |
0.943
|
0.003 0.042 |
| 14 | circle |
pink circles |
0.944
|
0.005 0.077 |
| 15 | use |
checklist grid |
0.636
|
0.003 0.001 |
| 16 | circle |
pink circles |
0.943
|
0.005 0.079 |
| 17 | use |
pink circles |
0.943
|
0.003 0.041 |
| 18 | circle |
pink circles |
0.946
|
0.004 0.078 |
| 19 | use |
pink circles |
0.945
|
0.002 0.041 |
| 20 | circle |
pink circles |
0.943
|
0.005 0.077 |
| 21 | use |
checklist grid |
0.562
|
0.003 0.002 |
| 22 | circle |
pink circles |
0.946
|
0.004 0.078 |
| 23 | use |
pink circles |
0.945
|
0.002 0.042 |
| 24 | circle |
pink circles |
0.943
|
0.005 0.077 |
| 25 | use |
checklist grid |
0.580
|
0.003 0.002 |
| 26 | circle |
pink circles |
0.946
|
0.004 0.078 |
| 27 | use |
pink circles |
0.945
|
0.002 0.041 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="520" viewBox="0 0 800 520">
<!-- Step-by-Step Analysis (as comments)
1) Overall layout: a rectangular graphic with a light pink outer border (frame).
2) Inside the frame: a dark teal-green main panel.
3) The main panel is divided into 9 horizontal rows using thin light blue lines (grid).
4) On the left side: a narrow column area containing 9 light pink circles, one per row.
5) Each circle contains a black crescent / Pac-Man-like shape.
6) To the right of the icon column: blank dark teal-green fields in each row.
-->
<!-- Background -->
<rect x="0" y="0" width="800" height="520" fill="#f6c7cf"/>
<!-- Inner panel -->
<rect x="18" y="18" width="764" height="484" fill="#0f5f5a"/>
<!-- Grid lines (9 rows => 8 internal lines) -->
<g stroke="#9fd6e6" stroke-width="3" opacity="0.95">
<line x1="18" y1="71.7778" x2="782" y2="71.7778"/>
<line x1="18" y1="125.5556" x2="782" y2="125.5556"/>
<line x1="18" y1="179.3333" x2="782" y2="179.3333"/>
<line x1="18" y1="233.1111" x2="782" y2="233.1111"/>
<line x1="18" y1="286.8889" x2="782" y2="286.8889"/>
<line x1="18" y1="340.6667" x2="782" y2="340.6667"/>
<line x1="18" y1="394.4444" x2="782" y2="394.4444"/>
<line x1="18" y1="448.2222" x2="782" y2="448.2222"/>
</g>
<!-- Left column circles + black crescents -->
<!-- Geometry -->
<!-- Panel: x=18..782, y=18..502, height=484; row height = 484/9 -->
<!-- Circle centers aligned to each row center -->
<defs>
<!-- A reusable "Pac-Man" (crescent-like) shape centered at (0,0) -->
<!-- Constructed as a circle with a triangular wedge removed (open to the right) -->
<path id="pacman" d="
M 0 0
L 18 -10
A 20 20 0 1 1 18 10
Z" fill="#0b0b0b"/>
</defs>
<g>
<!-- Column positioning -->
<!-- Circle radius and x position -->
<!-- Keep a narrow left column -->
<g transform="translate(70, 44.8889)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 98.6667)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 152.4444)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 206.2222)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 260.0000)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 313.7778)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 367.5556)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 421.3333)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
<g transform="translate(70, 475.1111)">
<circle r="22" fill="#f6c7cf"/>
<use href="#pacman"/>
</g>
</g>
</svg>