Showing: full SVG
Concept Groups
top translucent light-blue band: 1 2 10 11
middle dark-blue rectangular section: 0
bottom translucent light-blue band: 3 4 12
left vertical grid line:
right vertical grid line: 5 6 7 8 9
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
middle dark-blue rec |
0.247
|
0.539 0.931 0.537 0.916 0.841 |
| 1 | rect |
top translucent ligh |
0.676
|
0.134 0.019 0.000 0.023 0.022 |
| 2 | rect |
top translucent ligh |
0.688
|
0.039 0.005 0.000 0.006 0.006 |
| 3 | rect |
bottom translucent l |
0.566
|
0.135 0.021 0.268 0.025 0.025 |
| 4 | rect |
bottom translucent l |
0.575
|
0.040 0.005 0.080 0.007 0.007 |
| 5 | line |
right vertical grid |
0.884
|
0.000 0.001 0.000 0.001 0.017 |
| 6 | line |
right vertical grid |
0.885
|
0.000 0.001 0.000 0.001 0.014 |
| 7 | line |
right vertical grid |
0.884
|
0.000 0.001 0.000 0.001 0.017 |
| 8 | line |
right vertical grid |
0.885
|
0.000 0.001 0.000 0.001 0.014 |
| 9 | line |
right vertical grid |
0.885
|
0.000 0.001 0.000 0.001 0.017 |
| 10 | rect |
top translucent ligh |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 11 | rect |
top translucent ligh |
0.682
|
0.055 0.008 0.000 0.009 0.009 |
| 12 | rect |
bottom translucent l |
0.572
|
0.055 0.008 0.113 0.010 0.011 |
SVG Code
<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
<!-- Main blue rectangle -->
<rect x="0" y="0" width="300" height="300" fill="#2563eb"/>
<!-- Top translucent band -->
<rect x="0" y="0" width="300" height="40" fill="rgba(135, 206, 250, 0.5)"/>
<rect x="0" y="0" width="300" height="20" fill="rgba(173, 216, 230, 0.3)"/>
<!-- Bottom translucent band -->
<rect x="0" y="260" width="300" height="40" fill="rgba(135, 206, 250, 0.5)"/>
<rect x="0" y="280" width="300" height="20" fill="rgba(173, 216, 230, 0.3)"/>
<!-- Subtle vertical grid lines -->
<line x1="50" y1="0" x2="50" y2="300" stroke="rgba(173, 216, 230, 0.3)" stroke-width="1"/>
<line x1="100" y1="0" x2="100" y2="300" stroke="rgba(173, 216, 230, 0.25)" stroke-width="1"/>
<line x1="150" y1="0" x2="150" y2="300" stroke="rgba(173, 216, 230, 0.3)" stroke-width="1"/>
<line x1="200" y1="0" x2="200" y2="300" stroke="rgba(173, 216, 230, 0.25)" stroke-width="1"/>
<line x1="250" y1="0" x2="250" y2="300" stroke="rgba(173, 216, 230, 0.3)" stroke-width="1"/>
<!-- White area on the right -->
<rect x="300" y="0" width="100" height="300" fill="white"/>
<!-- Blur filter for soft edges -->
<defs>
<filter id="blur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceGraphic" stdDeviation="3"/>
</filter>
</defs>
<!-- Additional soft overlay bands -->
<rect x="0" y="5" width="300" height="30" fill="rgba(200, 230, 255, 0.2)" filter="url(#blur)"/>
<rect x="0" y="265" width="300" height="30" fill="rgba(200, 230, 255, 0.2)" filter="url(#blur)"/>
</svg>