Ma'lumot · pattern

Grafik

Grafik oilasi: ustun (guruh, ustma-ust), gorizontal ustun, çiziq (yakka seriyada sönuvçi maydon), mini-çiziq, donut (≤ 4 bölak), uluş çiziği, çiziqli ölçagiç va issiqlik xaritasi. Faqat ma'lumot API'si: mahsulot içiga jadval qöyadi, çiziş, öqlar, tooltip, klaviatura va «Jadval» körinişi — komponentda. Ranglar rol bilan: siyoh, brend, aksent, xavf, kontekst (60/30/10). Donut markazida — jami yoki data-center matni. 4-tölqin: köp seriyali va ustma-ust maydon (data-type="area", data-stacked, data-stacked="percent"), voronka (data-type="funnel" — ötiş foizi va eng katta yöqotiş), maqsad/çegara çiziği (data-ref="100:Reja") va bitta izoh (<td data-note>), interaktiv legenda (data-legend="interactive") hamda taşqaridan seriyani yaşiriş (data-hidden — fx-legend, fx-stat tanlovi). 5-tölqin: radar — köp mezonli profil (data-type="radar"), nuqtali va pufakli (data-type="scatter": X, Y va ixtiyoriy hajm ustunlari), kombinatsiya — ikki panel, umumiy X (data-type="combo", yuqorida çiziq data-unit2, pastda ustun; ikki Y öqi bitta panelda yöq), treemap (≤ 8 katak + «Boşqa»), şarşara (data-type="waterfall", <tr data-total> — jami), sankey (manba → maqsad → qiymat), bullet (fakt, reja tayoqçasi va kulrang zonalar) hamda zoom/brush — line, area va bar ostida mini-grafik va ikki tutqiçli oraliq (data-brush, data-brush="12" — oxirgi 12 nuqta).

beta0.20.0 danyangilandi 0.29.0.fx-chartCSS + JS

Tuşum oktyabrda 18 % ösdimln söm · 2026 · CRM

Oy	Tuşum
May	62
Iyun	71
Iyul	58
Avg	80
Sen	94
Okt	111

Arizalar: bu yil va ötgan yildona · haftalik

Hafta	2026	2025
1	12	9
2	18	11
3	15	13
4	24	12
5	29	16
6	27	18

Tölov keçikişibuyurtmalar soni

Kun	Soni
0–30	14
31–60	6
61–90	3
90+	2

Davomat

Guruh	Davomat
Frontend 12	86
Dizayn 7	93

Savdo voronkasi: eng köp yöqotiş — taklifdan keyinbitimlar · oktyabr · CRM

Bosqiç	Bitimlar
Yangi lid	480
Aloqa	312
Taklif	190
Muzokara	74
Yutildi	51

Tuşum kanallar böyiçamln söm · 2026

Oy	Dökon	Sayt	Telegram
May	60	28	12
Iyun	64	34	14
Iyul	58	41	15
Avg	66	55	18
Sen	70	52	21
Okt	72	60	24

Menejer baholari: Aziz jamoa örtaçasidan kuçliroqball, 0–5 · oktyabr

Mezon	Aziz Karimov	Jamoa örtaçasi
Javob tezligi	4.6	3.8
Konversiya	4.1	3.5
Örtaça çek	3.2	3.6
Takroriy savdo	4.4	3.1
Mijoz bahosi	4.8	4.2
Hisobot intizomi	3.6	3.9

Reklama xarajati va tuşum: Telegram eng samaralikanallar · pufak — lidlar soni

Kanal	Xarajat, mln söm	Tuşum, mln söm	Lidlar
Instagram	12	48	310
Telegram	6	52	280
Google	18	61	190
Yandex	9	22	120
Billboard	25	30	60
Radio	7	11	40
Körgazma	15	44	95

Tuşum ösdi, marja barqaror2026 · CRM

Oy	Tuşum	Marja
May	62	21
Iyun	71	22
Iyul	58	19
Avg	80	23
Sen	94	24
Okt	111	23

Tuşum tarkibi: mebel — yarmidan köpitoifalar · oktyabr

Toifa	Tuşum
Mebel	184
Maişiy texnika	96
Yoritgiçlar	41
Gilam	38
Oşxona	27
Tekstil	19
Bolalar	12
Boğ	8
Sovğalar	6
Boşqa mayda	4

Sof foyda: tuşumdan qolganioktyabr · mln söm

Modda	Summa
Tuşum	420
Tannarx	-238
Iş haqi	-64
Ijara	-22
Reklama	-18
Boşqa daromad	9
Sof foyda

Arizalar qayerdan kelib, qanday tugadioktyabr · 600 ariza

Manba	Natija	Soni
Sayt	Aloqa	180
Telegram	Aloqa	150
Qönğiroq	Aloqa	90
Sayt	Rad etildi	60
Telegram	Rad etildi	40
Qönğiroq	Rad etildi	20
Instagram	Aloqa	40
Instagram	Rad etildi	20
Aloqa	Yutildi	150
Aloqa	Yutqazildi	310

Filiallar: oylik rejafakt / reja · zonalar: yomon · örta · yaxşi

Filial	Fakt	Reja	Yomon	Örta	Yaxşi
Toşkent	312	300	200	280	360
Samarqand	148	180	120	160	220
Farğona	96	140	90	120	170
Buxoro	71	80	50	70	100

Kunlik arizalar: duşanba çöqqisioxirgi 30 kun · pastdagi oraliqni suring

Kun	Arizalar
19.09	40
20.09	31
21.09	78
22.09	61
23.09	66
24.09	67
25.09	55
26.09	52
27.09	27
28.09	50
29.09	38
30.09	33
1.10	42
2.10	53
3.10	55
4.10	46
5.10	92
6.10	75
7.10	79
8.10	80
9.10	67
10.10	64
11.10	28
12.10	63
13.10	52
14.10	47
15.10	56
16.10	68
17.10	70
18.10	60

Variantlar

Atribut	Qiymatlar	Standart
`data-type`	`bar` `hbar` `line` `spark` `donut` `share` `gauge` `heatmap` `area` Köp seriyali maydon; data-stacked — ustma-ust, "percent" — 100 % `funnel` Voronka: 1 seriya, bosqiçlar kamayib boradi `radar` Köp mezonli profil; ≤ 3 seriya, data-max `scatter` Nuqtali/pufakli: X, Y, [hajm] ustunlari `combo` Ikki panel, umumiy X: çiziq (data-unit2) + ustun `treemap` Ierarxik uluş, ≤ data-max (8) katak + «Boşqa» `waterfall` Şarşara: özgarişlar va <tr data-total> jami `sankey` Oqim: manba → maqsad → qiymat `bullet` Fakt, reja tayoqçasi, zonalar	`bar`
`data-stacked`	`true` bar va area: ustma-ust `percent` area/bar: har davr 100 %	—
`data-legend`	`interactive` Legenda bandi — tugma (aria-pressed), seriyani yaşiradi	—
`data-ref`	`qiymat:yorliq; …` punktir maqsad/çegara çiziği, yorliği öng çetda	—
`data-hidden`	`seriya nomlari, vergul bilan` taşqaridan boşqariş (fx-legend, fx-stat)	—
`data-brush`	`N` line/area/bar: mini-grafik va oraliq; raqam — boşida oxirgi N nuqta	—
`data-unit2`	`%` combo: yuqori panel (çiziq) birligi	—

Anatomiya

root.fx-chartşart
title.fx-chart__titleixtiyoriy
sub.fx-chart__subixtiyoriy
data.fx-chart__dataşart
plot.fx-chart__plotixtiyoriy
legend.fx-chart__legendixtiyoriy
tooltip.fx-chart__tipixtiyoriy
toggle.fx-chart__toggleixtiyoriy
band.fx-chart__bandixtiyoriy
ref.fx-chart__refixtiyoriy
ref-label.fx-chart__ref-labelixtiyoriy
note.fx-chart__noteixtiyoriy
lead.fx-chart__leadixtiyoriy
funnel-conversion.fx-chart__convixtiyoriy
legend-button.fx-chart__legend-btnixtiyoriy
axis-title.fx-chart__axis-titleixtiyoriy
radar-spoke.fx-chart__spokeixtiyoriy
scatter-point.fx-chart__ptixtiyoriy
point-label.fx-chart__pt-labelixtiyoriy
tile.fx-chart__tileixtiyoriy
tile-label.fx-chart__tile-labelixtiyoriy
waterfall-connector.fx-chart__connixtiyoriy
waterfall-value.fx-chart__wvalixtiyoriy
sankey-link.fx-chart__linkixtiyoriy
sankey-node.fx-chart__nodeixtiyoriy
node-label.fx-chart__node-labelixtiyoriy
bullet-zone.fx-chart__zoneixtiyoriy
bullet-target.fx-chart__targetixtiyoriy
brush.fx-chart__brushixtiyoriy
brush-mini.fx-chart__brush-miniixtiyoriy
brush-window.fx-chart__brush-winixtiyoriy
brush-handle.fx-chart__brush-handleixtiyoriy

Holatlar

hoverbusyseries-off

Klaviatura va kiriş

Tugma	Amal
`← →, Home, End`	Nuqtalar böylab yuradi, tooltip çiqadi
`Esc`	Tooltip yopiladi
`Tab, Enter/Boʻsh joy (legenda)`	Interaktiv legendada seriya yaşiriladi yoki qaytadi (aria-pressed)
`← → (tutqichda), PageUp/PageDown, Home/End`	Brush: oraliq boşi yoki oxirini suradi (role=slider)

Jadval doim ekran öquvçida (fx-sr-only), «Jadval» tugmasi uni körsatadi; SVG role=img va qisqa xulosa; ← → Home End bilan nuqtalar böylab, tooltip role=status. Scatter, treemap va sankey'da ← → nuqta/katak/oqim böylab yuradi; brush tutqiçlari — role="slider" (aria-valuetext — sana yoki toifa nomi).

Naqş: WAI-ARIA APG table · rol img

Kod

AI uçun: qaçon işlatiladi

Işlating

Vaqt böyiça özgariş, toifalar taqqoslaş, uluş yoki maqsadga yaqinlikni körsatiş.
Ikki ölçov boğliqligi (scatter), özgarişlar yiğindisi (waterfall), oqim taqsimoti (sankey), plan va fakt (bullet), uzun qatorda oraliq tanlaş (data-brush).

Işlatmang

Aniq qiymatlarni soliştiriş va qidiriş → table
Bitta raqam va özgariş → stat
SVG qölda çizilmaydi va HEX bermang — jadval va rol kaliti (data-roles, data-role) bering.
Ikki y öqi, halqa (foiz uçun), spidometr işlatmang — çiziqli ölçagiç yoki ikki panel.
Donutda 4 dan köp bölak, bitta dashboard'da 3 dan köp grafik turi bölmasin.
Aksentni ingiçka belgida (çiziq, nuqta, matn) işlatmang — faqat yaxlit ustun, bölak, maydon.
Ustma-ust maydonda 3 dan köp seriya bermang; voronkada bitta seriya, eng katta yöqotişdan boşqa urğu qöymang.
Punktirni faqat maqsad, çegara va prognoz uçun işlating; izoh (data-note) grafikda bitta.
Ikki öqli grafik örniga combo: bitta panelda ikki Y öqi yöq — çiziq va ustun alohida panelda, umumiy X.
Radarni dashboard'da asosiy grafik qilmang — u profil taqqoslaş uçun (≤ 3 seriya, ≥ 3 mezon).
Treemap'da 8 tadan köp katak bermang — qolgani «Boşqa»ga yiğiladi; sankey faqat hisobot sahifasida.
Şarşarada kamayişni faqat rang bilan bildirmang — yorliqdagi − belgisi qoladi; qizil (risk) faqat bitta muhim moddaga.

npx foxui add chart

<figure class="fx-chart" data-fx-chart data-type="bar" data-unit="mln söm">
  <figcaption><span class="fx-chart__title">Tuşum oktyabrda 18 % ösdi</span><span class="fx-chart__sub">mln söm · 2026 · CRM</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Oy</th><th>Tuşum</th></tr></thead>
    <tbody>
      <tr><th>May</th><td>62</td></tr><tr><th>Iyun</th><td>71</td></tr><tr><th>Iyul</th><td>58</td></tr>
      <tr><th>Avg</th><td>80</td></tr><tr><th>Sen</th><td>94</td></tr><tr><th>Okt</th><td data-role="accent">111</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="line" data-roles="ink,context">
  <figcaption><span class="fx-chart__title">Arizalar: bu yil va ötgan yil</span><span class="fx-chart__sub">dona · haftalik</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Hafta</th><th>2026</th><th>2025</th></tr></thead>
    <tbody>
      <tr><th>1</th><td>12</td><td>9</td></tr><tr><th>2</th><td>18</td><td>11</td></tr><tr><th>3</th><td>15</td><td>13</td></tr>
      <tr><th>4</th><td>24</td><td>12</td></tr><tr><th>5</th><td>29</td><td>16</td></tr><tr><th>6</th><td>27</td><td>18</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="share">
  <figcaption><span class="fx-chart__title">Tölov keçikişi</span><span class="fx-chart__sub">buyurtmalar soni</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Kun</th><th>Soni</th></tr></thead>
    <tbody><tr><th>0–30</th><td>14</td></tr><tr><th>31–60</th><td>6</td></tr><tr><th>61–90</th><td>3</td></tr><tr><th>90+</th><td data-role="risk">2</td></tr></tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="gauge" data-unit="%" data-target="90">
  <figcaption><span class="fx-chart__title">Davomat</span></figcaption>
  <table class="fx-chart__data"><thead><tr><th>Guruh</th><th>Davomat</th></tr></thead><tbody><tr><th>Frontend 12</th><td>86</td></tr><tr><th>Dizayn 7</th><td>93</td></tr></tbody></table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="funnel" data-unit="ta">
  <figcaption><span class="fx-chart__title">Savdo voronkasi: eng köp yöqotiş — taklifdan keyin</span><span class="fx-chart__sub">bitimlar · oktyabr · CRM</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Bosqiç</th><th>Bitimlar</th></tr></thead>
    <tbody><tr><th>Yangi lid</th><td>480</td></tr><tr><th>Aloqa</th><td>312</td></tr><tr><th>Taklif</th><td>190</td></tr><tr><th>Muzokara</th><td>74</td></tr><tr><th>Yutildi</th><td>51</td></tr></tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="area" data-stacked data-legend="interactive" data-roles="ink,brand,context" data-ref="160:Reja" data-unit="mln söm">
  <figcaption><span class="fx-chart__title">Tuşum kanallar böyiça</span><span class="fx-chart__sub">mln söm · 2026</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Oy</th><th>Dökon</th><th>Sayt</th><th>Telegram</th></tr></thead>
    <tbody>
      <tr><th>May</th><td>60</td><td>28</td><td>12</td></tr><tr><th>Iyun</th><td>64</td><td>34</td><td>14</td></tr><tr><th>Iyul</th><td>58</td><td>41</td><td>15</td></tr>
      <tr><th>Avg</th><td>66</td><td data-note="Sayt aksiyasi">55</td><td>18</td></tr><tr><th>Sen</th><td>70</td><td>52</td><td>21</td></tr><tr><th>Okt</th><td>72</td><td>60</td><td>24</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="radar" data-roles="brand,context" data-max="5">
  <figcaption><span class="fx-chart__title">Menejer baholari: Aziz jamoa örtaçasidan kuçliroq</span><span class="fx-chart__sub">ball, 0–5 · oktyabr</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Mezon</th><th>Aziz Karimov</th><th>Jamoa örtaçasi</th></tr></thead>
    <tbody>
      <tr><th>Javob tezligi</th><td>4.6</td><td>3.8</td></tr>
      <tr><th>Konversiya</th><td>4.1</td><td>3.5</td></tr>
      <tr><th>Örtaça çek</th><td>3.2</td><td>3.6</td></tr>
      <tr><th>Takroriy savdo</th><td>4.4</td><td>3.1</td></tr>
      <tr><th>Mijoz bahosi</th><td>4.8</td><td>4.2</td></tr>
      <tr><th>Hisobot intizomi</th><td>3.6</td><td>3.9</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="scatter" data-unit="mln söm">
  <figcaption><span class="fx-chart__title">Reklama xarajati va tuşum: Telegram eng samarali</span><span class="fx-chart__sub">kanallar · pufak — lidlar soni</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Kanal</th><th>Xarajat, mln söm</th><th>Tuşum, mln söm</th><th>Lidlar</th></tr></thead>
    <tbody>
      <tr><th>Instagram</th><td>12</td><td>48</td><td>310</td></tr>
      <tr><th>Telegram</th><td data-role="accent">6</td><td>52</td><td>280</td></tr>
      <tr><th>Google</th><td>18</td><td>61</td><td>190</td></tr>
      <tr><th>Yandex</th><td>9</td><td>22</td><td>120</td></tr>
      <tr><th>Billboard</th><td>25</td><td>30</td><td>60</td></tr>
      <tr><th>Radio</th><td>7</td><td>11</td><td>40</td></tr>
      <tr><th>Körgazma</th><td>15</td><td>44</td><td>95</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="combo" data-unit="mln söm" data-unit2="%">
  <figcaption><span class="fx-chart__title">Tuşum ösdi, marja barqaror</span><span class="fx-chart__sub">2026 · CRM</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Oy</th><th>Tuşum</th><th>Marja</th></tr></thead>
    <tbody>
      <tr><th>May</th><td>62</td><td>21</td></tr>
      <tr><th>Iyun</th><td>71</td><td>22</td></tr>
      <tr><th>Iyul</th><td>58</td><td>19</td></tr>
      <tr><th>Avg</th><td>80</td><td>23</td></tr>
      <tr><th>Sen</th><td>94</td><td>24</td></tr>
      <tr><th>Okt</th><td>111</td><td>23</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="treemap" data-unit="mln söm">
  <figcaption><span class="fx-chart__title">Tuşum tarkibi: mebel — yarmidan köpi</span><span class="fx-chart__sub">toifalar · oktyabr</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Toifa</th><th>Tuşum</th></tr></thead>
    <tbody>
      <tr><th>Mebel</th><td data-role="brand">184</td></tr>
      <tr><th>Maişiy texnika</th><td>96</td></tr>
      <tr><th>Yoritgiçlar</th><td>41</td></tr>
      <tr><th>Gilam</th><td>38</td></tr>
      <tr><th>Oşxona</th><td>27</td></tr>
      <tr><th>Tekstil</th><td>19</td></tr>
      <tr><th>Bolalar</th><td>12</td></tr>
      <tr><th>Boğ</th><td>8</td></tr>
      <tr><th>Sovğalar</th><td>6</td></tr>
      <tr><th>Boşqa mayda</th><td>4</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="waterfall" data-unit="mln söm">
  <figcaption><span class="fx-chart__title">Sof foyda: tuşumdan qolgani</span><span class="fx-chart__sub">oktyabr · mln söm</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Modda</th><th>Summa</th></tr></thead>
    <tbody>
      <tr><th>Tuşum</th><td>420</td></tr>
      <tr><th>Tannarx</th><td>-238</td></tr>
      <tr><th>Iş haqi</th><td>-64</td></tr>
      <tr><th>Ijara</th><td>-22</td></tr>
      <tr><th>Reklama</th><td>-18</td></tr>
      <tr><th>Boşqa daromad</th><td>9</td></tr>
      <tr data-total><th>Sof foyda</th><td></td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="sankey" data-unit="ta">
  <figcaption><span class="fx-chart__title">Arizalar qayerdan kelib, qanday tugadi</span><span class="fx-chart__sub">oktyabr · 600 ariza</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Manba</th><th>Natija</th><th>Soni</th></tr></thead>
    <tbody>
      <tr><th>Sayt</th><td>Aloqa</td><td>180</td></tr>
      <tr><th>Telegram</th><td>Aloqa</td><td>150</td></tr>
      <tr><th>Qönğiroq</th><td>Aloqa</td><td>90</td></tr>
      <tr><th>Sayt</th><td>Rad etildi</td><td>60</td></tr>
      <tr><th>Telegram</th><td>Rad etildi</td><td>40</td></tr>
      <tr><th>Qönğiroq</th><td>Rad etildi</td><td>20</td></tr>
      <tr><th>Instagram</th><td>Aloqa</td><td>40</td></tr>
      <tr><th>Instagram</th><td>Rad etildi</td><td>20</td></tr>
      <tr><th>Aloqa</th><td>Yutildi</td><td data-role="brand">150</td></tr>
      <tr><th>Aloqa</th><td>Yutqazildi</td><td>310</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="bullet" data-unit="mln söm">
  <figcaption><span class="fx-chart__title">Filiallar: oylik reja</span><span class="fx-chart__sub">fakt / reja · zonalar: yomon · örta · yaxşi</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Filial</th><th>Fakt</th><th>Reja</th><th>Yomon</th><th>Örta</th><th>Yaxşi</th></tr></thead>
    <tbody>
      <tr><th>Toşkent</th><td>312</td><td>300</td><td>200</td><td>280</td><td>360</td></tr>
      <tr><th>Samarqand</th><td>148</td><td>180</td><td>120</td><td>160</td><td>220</td></tr>
      <tr><th>Farğona</th><td>96</td><td>140</td><td>90</td><td>120</td><td>170</td></tr>
      <tr><th>Buxoro</th><td>71</td><td>80</td><td>50</td><td>70</td><td>100</td></tr>
    </tbody>
  </table>
</figure>
<figure class="fx-chart" data-fx-chart data-type="line" data-brush="12" data-unit="ta">
  <figcaption><span class="fx-chart__title">Kunlik arizalar: duşanba çöqqisi</span><span class="fx-chart__sub">oxirgi 30 kun · pastdagi oraliqni suring</span></figcaption>
  <table class="fx-chart__data">
    <thead><tr><th>Kun</th><th>Arizalar</th></tr></thead>
    <tbody>
      <tr><th>19.09</th><td>40</td></tr>
      <tr><th>20.09</th><td>31</td></tr>
      <tr><th>21.09</th><td>78</td></tr>
      <tr><th>22.09</th><td>61</td></tr>
      <tr><th>23.09</th><td>66</td></tr>
      <tr><th>24.09</th><td>67</td></tr>
      <tr><th>25.09</th><td>55</td></tr>
      <tr><th>26.09</th><td>52</td></tr>
      <tr><th>27.09</th><td>27</td></tr>
      <tr><th>28.09</th><td>50</td></tr>
      <tr><th>29.09</th><td>38</td></tr>
      <tr><th>30.09</th><td>33</td></tr>
      <tr><th>1.10</th><td>42</td></tr>
      <tr><th>2.10</th><td>53</td></tr>
      <tr><th>3.10</th><td>55</td></tr>
      <tr><th>4.10</th><td>46</td></tr>
      <tr><th>5.10</th><td>92</td></tr>
      <tr><th>6.10</th><td>75</td></tr>
      <tr><th>7.10</th><td>79</td></tr>
      <tr><th>8.10</th><td>80</td></tr>
      <tr><th>9.10</th><td>67</td></tr>
      <tr><th>10.10</th><td>64</td></tr>
      <tr><th>11.10</th><td>28</td></tr>
      <tr><th>12.10</th><td>63</td></tr>
      <tr><th>13.10</th><td>52</td></tr>
      <tr><th>14.10</th><td>47</td></tr>
      <tr><th>15.10</th><td>56</td></tr>
      <tr><th>16.10</th><td>68</td></tr>
      <tr><th>17.10</th><td>70</td></tr>
      <tr><th>18.10</th><td>60</td></tr>
    </tbody>
  </table>
</figure>

Tokenlar: --fx-bg-muted --fx-bg-pressed --fx-bg-subtle --fx-bg-surface --fx-border-color-default --fx-border-color-focus --fx-border-color-strong --fx-border-color-surface --fx-border-width-default --fx-border-width-focus --fx-duration-pulse --fx-ease-emphasized --fx-ease-standard --fx-font-adjust-display --fx-font-family-display --fx-font-family-sans --fx-font-size-display-sm --fx-font-size-lg --fx-font-size-md --fx-font-size-sm --fx-font-size-xs --fx-font-weight-medium --fx-font-weight-regular --fx-font-weight-semibold --fx-knob-motion --fx-motion-fast --fx-motion-slow --fx-radius-badge --fx-radius-control --fx-shadow-md --fx-size-min-target --fx-space-1 --fx-space-10 --fx-space-12 --fx-space-2 --fx-space-3 --fx-space-4 --fx-space-8 --fx-text-error --fx-text-on-brand --fx-text-primary --fx-text-secondary --fx-text-tertiary --fx-viz-accent --fx-viz-brand --fx-viz-context --fx-viz-grid --fx-viz-ink --fx-viz-risk --fx-viz-track

Şu toifadan

API kalitlariAPI kalitlari boşqaruvi (naqş): «Yangi kalit» dialogi (nom, muddat, ruxsat) → kalit BIR MARTA körsatiladi (nusxalaş tugmasi va ogohlantiriş bilan) → röyxatda faqat prefiks qoladi.Audit jurnaliXavfsizlik va boşqaruv jurnali (4.191): «kim · nima · qaçon · qayerdan».Ustunli röyxatHar satrda nom, uluş çiziği va qiymat: eng köp trafik manbalari, şaharlar, mahsulotlar.Tarif va hisob-kitobTarif va hisob-kitob sahifasi (naqş): joriy reja (narx sömda, keyingi tölov sanasi, avtomatik uzaytiriş), foydalaniş meter'lari (çegara yaqin — ogohlantiriş), tölov usuli (karta turi, •••• 4417, muddat) va hisob-fakturalar jadvali (PDF).Doska (kanban)Holat ustunlari va kartalar.Grafik kartasiGrafikni örab turuvçi karta: sarlavha + izoh + amallar (davr segmenti, menyu), grafik, pastda legenda va manba.

Grafik

Variantlar

Anatomiya

Holatlar

Klaviatura va kiriş

Kod

Şu toifadan

Libos

Rang

Şakl va çegara

Şrift juftligi

Qulaylik