Showing: full SVG
Concept Groups
vibrant pink calligraphy: 12 13 14
marhaban ya ramadan: 0 1 2 3 4 5 6 7 8 9 10 11
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | text |
marhaban ya ramadan |
0.503
|
0.807 0.817 |
| 1 | circle |
marhaban ya ramadan |
0.506
|
0.004 0.005 |
| 2 | circle |
marhaban ya ramadan |
0.510
|
0.008 0.009 |
| 3 | circle |
marhaban ya ramadan |
0.538
|
0.009 0.011 |
| 4 | circle |
marhaban ya ramadan |
0.538
|
0.009 0.011 |
| 5 | circle |
marhaban ya ramadan |
0.533
|
0.009 0.011 |
| 6 | circle |
marhaban ya ramadan |
0.524
|
0.009 0.010 |
| 7 | circle |
marhaban ya ramadan |
0.517
|
0.001 0.001 |
| 8 | circle |
marhaban ya ramadan |
0.505
|
0.009 0.009 |
| 9 | circle |
marhaban ya ramadan |
0.508
|
0.009 0.009 |
| 10 | circle |
marhaban ya ramadan |
0.514
|
0.009 0.010 |
| 11 | circle |
marhaban ya ramadan |
0.512
|
0.009 0.010 |
| 12 | circle |
vibrant pink calligr |
0.508
|
0.009 0.009 |
| 13 | circle |
vibrant pink calligr |
0.528
|
0.009 0.008 |
| 14 | rect |
vibrant pink calligr |
0.550
|
0.087 0.071 |
SVG Code
<svg width="800" height="400" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
<style>
.text {
fill: #ff6b6b;
font-family: 'Arial', sans-serif;
font-size: 100px;
font-weight: bold;
dominant-baseline: middle;
text-anchor: middle;
}
.dot {
fill: #ff6b6b;
stroke: none;
}
</style>
<!-- Background is transparent by default -->
<!-- Main Text: "مرحباً يا رمضان" -->
<text x="400" y="200" class="text">مرحباً يا رمضان</text>
<!-- Diacritical dots for each character -->
<!-- Dot for "م" -->
<circle cx="300" cy="170" r="8" class="dot"/>
<!-- Dot for "ر" -->
<circle cx="320" cy="170" r="8" class="dot"/>
<!-- Dot for "ح" -->
<circle cx="340" cy="170" r="8" class="dot"/>
<!-- Dot for "ب" -->
<circle cx="360" cy="170" r="8" class="dot"/>
<!-- Dot for "ا" -->
<circle cx="380" cy="170" r="8" class="dot"/>
<!-- Dot for "ً" -->
<circle cx="400" cy="170" r="8" class="dot"/>
<!-- Dot for "ي" -->
<circle cx="420" cy="170" r="8" class="dot"/>
<!-- Dot for "ا" -->
<circle cx="440" cy="170" r="8" class="dot"/>
<!-- Dot for "ر" -->
<circle cx="460" cy="170" r="8" class="dot"/>
<!-- Dot for "م" -->
<circle cx="480" cy="170" r="8" class="dot"/>
<!-- Dot for "ض" -->
<circle cx="500" cy="170" r="8" class="dot"/>
<!-- Dot for "ا" -->
<circle cx="520" cy="170" r="8" class="dot"/>
<!-- Dot for "ن" -->
<circle cx="540" cy="170" r="8" class="dot"/>
<!-- Optional: Add geometric shapes to enhance blocky style -->
<!-- Example: Rectangle behind text for emphasis -->
<rect x="100" y="120" width="600" height="160" fill="none" stroke="#ff6b6b" stroke-width="2" rx="20" ry="20"/>
</svg>