<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BNB bozor tahlili – 2026-yil 5-may</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Syne:wght@400;700;800&display=swap" rel="stylesheet">
<style>
:root {
--gold: #F0B90B;
--gold-light: #FFD740;
--gold-dim: #B8860B;
--dark: #0B0E11;
--dark2: #13171D;
--dark3: #1E2330;
--green: #0ECB81;
--qizil: #F6465D;
--matn: #E8E8E8;
--o'chirilgan: #848E9C;
}
* { chegara: 0; padding: 0; box-sizing: border-box; }
tana {
fon: var(--qorong'u);
rang: var(--matn);
font-family: 'Space Mono', monospace;
minimal balandlik: 100vh;
overflow-x: yashirin;
}
/* Animatsiyalangan fon panjarasi */
tanasi::oldin {
tarkib: '';
pozitsiya: sobit;
qo'shimcha: 0;
fon-rasm:
chiziqli-gradient(rgba(240,185,11,0.04) 1px, shaffof 1px),
chiziqli-gradient(90 daraja, rgba(240,185,11,0.04) 1 piksel, shaffof 1 piksel);
fon o'lchami: 40px 40px;
ko'rsatkich-hodisalar: yo'q;
z-indeks: 0;
}
.konteyner {
lavozim: nisbiy;
z-indeks: 1;
maksimal kenglik: 900px;
chegara: 0 avtomatik;
to'ldirish: 30px 20px 60px;
}
/* ── SARIYOH ── */
.sarlavha {
displey: egiluvchan;
align-items: markaz;
justify-content: space-between;
pastki chegara: 36px;
chegara-pastki qismi: 1px qattiq rgba(240,185,11,0.2);
pastki qismni to'ldirish: 20px;
animatsiya: fadeDown 0.6s ikkalasini ham osonlashtiradi;
}
.brend {
displey: egiluvchan;
align-items: markaz;
bo'shliq: 14px;
}
.bnb-belgisi {
kengligi: 56px;
balandlik: 56px;
fon: var(--gold);
chegara radiusi: 50%;
displey: egiluvchan;
align-items: markaz;
asoslash-kontent: markaz;
font-family: 'Bebas Neue', sans-serif;
shrift o'lchami: 22px;
rang: #000;
quti soyasi: 0 0 24px rgba(240,185,11,0.5);
animatsiya: impuls 2.5s cheksiz qulaylik bilan kirish-chiqish;
}
@keyframes puls {
0%, 100% { quti soyasi: 0 0 24px rgba(240,185,11,0.5); }
50% { quti soyasi: 0 0 44px rgba(240,185,11,0.9); }
}
.brand-matn h1 {
font-family: 'Bebas Neue', sans-serif;
shrift o'lchami: 2rem;
harflar oralig'i: 3 piksel;
rang: var(--oltin);
chiziq balandligi: 1;
}
.brand-matn p {
shrift o'lchami: 0.65rem;
rang: var(--o'chirilgan);
harflar oralig'i: 2 piksel;
matnni o'zgartirish: katta harflar;
}
.sana-belgisi {
fon: var(--dark3);
chegara: 1px qattiq rgba(240,185,11,0.25);
chegara radiusi: 6px;
to'ldirish: 8px 14px;
shrift o'lchami: 0.65rem;
rang: var(--oltin);
harflar oralig'i: 1,5 piksel;
matnni tekislash: o'ng;
}
/* ── QAHRAMON NARXLAR QATORASI ── */
.qahramon {
displey: panjara;
panjara-shablon-ustunlar: 1fr 1fr 1fr 1fr;
bo'shliq: 12px;
pastki chegara: 32px;
animatsiya: fadeUp 0.7s 0.15s ikkalasini ham osonlashtiradi;
}
.stat-karta {
fon: var(--dark2);
chegara: 1px qattiq rgba(240,185,11,0.15);
chegara radiusi: 10px;
to'ldirish: 18px 16px;
lavozim: nisbiy;
toshib ketish: yashirin;
o'tish: chegara rangi 0,2 soniya;
}
.stat-card::keyin {
tarkib: '';
pozitsiya: mutlaq;
yuqori: 0; chap: 0;
kengligi: 3px; balandligi: 100%;
fon: var(--gold);
chegara radiusi: 3px 0 0 3px;
}
.stat-karta: hover { chegara rangi: rgba(240,185,11,0.4); }
.stat-karta .yorliq {
shrift o'lchami: 0.6rem;
rang: var(--o'chirilgan);
harflar oralig'i: 2 piksel;
matnni o'zgartirish: katta harflar;
pastki chegara: 6px;
}
.stat-karta .qiymati {
font-family: 'Syne', sans-serif;
shrift o'lchami: 1.3rem;
shrift og'irligi: 800;
rang: var(--matn);
}
.stat-karta .value.green { rang: var(--green); }
.stat-karta .value.red { rang: var(--qizil); }
.stat-karta .value.gold { rang: var(--gold); }
.stat-karta .sub {
shrift o'lchami: 0.6rem;
rang: var(--o'chirilgan);
chekka-yuqori: 3px;
}
/* ── BO'LIM NOMI ── */
.bo'lim sarlavhasi {
font-family: 'Bebas Neue', sans-serif;
shrift o'lchami: 1.1rem;
harflar oralig'i: 4 piksel;
rang: var(--oltin);
matnni o'zgartirish: katta harflar;
pastki chegara: 14px;
displey: egiluvchan;
align-items: markaz;
bo'shliq: 10px;
}
.bo'lim sarlavhasi::keyin {
tarkib: '';
egiluvchanlik: 1;
balandlik: 1px;
fon: chiziqli-gradient(90 daraja, rgba(240,185,11,0.4), shaffof);
}
/* ── SHAMLIK JADVALI ── */
.chart-wrap {
fon: var(--dark2);
chegara: 1px qattiq rgba(240,185,11,0.15);
chegara radiusi: 12px;
to'ldirish: 24px;
pastki chegara: 32px;
animatsiya: fadeUp 0.7s 0.25s ikkalasini ham osonlashtiradi;
}
.chart-sarlavhasi {
displey: egiluvchan;
justify-content: space-between;
align-items: markaz;
pastki chegara: 20px;
}
.chart-sarlavhasi h2 {
font-family: 'Syne', sans-serif;
shrift og'irligi: 800;
shrift o'lchami: 1rem;
rang: var(--matn);
}
.timeframe-pill {
displey: egiluvchan;
bo'shliq: 6px;
}
.pill {
fon: var(--dark3);
chegara: 1px qattiq rgba(240,185,11,0.2);
chegara radiusi: 4px;
to'ldirish: 3px 10px;
shrift o'lchami: 0.6rem;
rang: var(--o'chirilgan);
kursor: ko'rsatkich;
o'tish: barchasi 0,15 soniya;
}
.pill.active, .pill:hover {
fon: rgba(240,185,11,0.15);
chegara rangi: var(--oltin);
rang: var(--oltin);
}
#sham jadvali {
kengligi: 100%;
balandlik: 320px;
displey: blok;
}
.chart-afsonasi {
displey: egiluvchan;
bo'shliq: 20px;
yuqori chegara: 14px;
egiluvchan o'rash: o'rash;
}
.legend-element {
displey: egiluvchan;
align-items: markaz;
bo'shliq: 6px;
shrift o'lchami: 0.6rem;
rang: var(--o'chirilgan);
}
.legend-nuqta {
kengligi: 8px; balandligi: 8px;
chegara radiusi: 50%;
}
/* ── TAHLIL TO'PLAMI ── */
.tahlil-grid {
displey: panjara;
panjara-shablon-ustunlar: 1fr 1fr;
bo'shliq: 16px;
pastki chegara: 32px;
animatsiya: fadeUp 0.7s 0.35s ikkalasini ham osonlashtiradi;
}
.tahlil-karta {
fon: var(--dark2);
chegara: 1px qattiq rgba(240,185,11,0.15);
chegara radiusi: 10px;
to'ldirish: 20px;
}
.tahlil-karta h3 {
font-family: 'Syne', sans-serif;
shrift og'irligi: 700;
shrift o'lchami: 0.8rem;
rang: var(--oltin);
pastki chegara: 12px;
harflar oralig'i: 1 piksel;
matnni o'zgartirish: katta harflar;
}
.daraja-qator {
displey: egiluvchan;
justify-content: space-between;
align-items: markaz;
to'ldirish: 7px 0;
chegara-pastki qismi: 1px qattiq rgba(255,255,255,0.04);
shrift o'lchami: 0.7rem;
}
.level-row:last-child {border-bottom: none; }
.level-row .name { color: var(--o'chirilgan); }
.level-row .val { shriftning og'irligi: 700; }
.level-row .val.r { rang: var(--red); }
.level-row .val.g { rang: var(--yashil); }
.level-row .val.y { rang: var(--oltin); }
/* ── KO'RSATKICHLAR ── */
.ko'rsatkichlar {
displey: panjara;
panjara-shablon-ustunlar: takrorlash(3, 1fr);
bo'shliq: 12px;
pastki chegara: 32px;
animatsiya: fadeUp 0.7s 0.4s ikkalasini ham osonlashtiradi;
}
.ind-karta {
fon: var(--dark2);
chegara: 1px qattiq rgba(240,185,11,0.12);
chegara radiusi: 10px;
to'ldirish: 16px;
matnni tekislash: markaz;
}
.ind-karta .ind-nomi {
shrift o'lchami: 0.58rem;
rang: var(--o'chirilgan);
harflar oralig'i: 2 piksel;
matnni o'zgartirish: katta harflar;
pastki chegara: 8px;
}
.ind-karta .ind-val {
font-family: 'Syne', sans-serif;
shrift o'lchami: 1.4rem;
shrift og'irligi: 800;
}
.ind-karta .ind-signal {
shrift o'lchami: 0.58rem;
harflar oralig'i: 1,5 piksel;
yuqori chegara: 4px;
matnni o'zgartirish: katta harflar;
}
.bullish { rang: var(--yashil); }
.ayiq {rang: var(--qizil);}
.neytral { rang: var(--oltin); }
/* ── SENARIYA BELGISI ── */
.scenario-wrap {
fon: var(--dark2);
chegara: 1px qattiq rgba(240,185,11,0.15);
chegara radiusi: 10px;
to'ldirish: 22px;
pastki chegara: 32px;
animatsiya: fadeUp 0.7s 0.45s ikkalasini ham osonlashtiradi;
}
.scenario-wrap p {
shrift o'lchami: 0.72rem;
rang: var(--o'chirilgan);
chiziq balandligi: 1.8;
pastki chegara: 16px;
}
.stsenariy-bar {
displey: egiluvchan;
chegara radiusi: 6px;
toshib ketish: yashirin;
balandlik: 36px;
}
.s-buqa {
fon: chiziqli-gradient(90 daraja, #0ECB81, #06a862);
displey: egiluvchan; align-items: markaz; justify-content: markaz;
shrift o'lchami: 0.65rem; shrift og'irligi: 700; rang: #000;
harflar oralig'i: 1 piksel; egiluvchanlik: 55;
o'tish: egiluvchanligi 0,4 soniya;
}
.s-yon {
fon: chiziqli-gradient(90 daraja, #B8860B, #F0B90B);
displey: egiluvchan; align-items: markaz; justify-content: markaz;
shrift o'lchami: 0.65rem; shrift og'irligi: 700; rang: #000;
harflar oralig'i: 1 piksel; egiluvchanlik: 25;
}
.s-ayiq {
fon: chiziqli-gradient(90 daraja, #c73147, #F6465D);
displey: egiluvchan; align-items: markaz; justify-content: markaz;
shrift o'lchami: 0.65rem; shrift og'irligi: 700; rangi: #fff;
harflar oralig'i: 1 piksel; egiluvchanlik: 20;
}
.stsenariy-yorliqlar {
displey: egiluvchan;
justify-content: space-between;
yuqori chegara: 8px;
shrift o'lchami: 0.58rem;
rang: var(--o'chirilgan);
}
/* ── KATALIZATORLAR ── */
.katalizatorlar {
displey: panjara;
panjara-shablon-ustunlar: 1fr 1fr;
bo'shliq: 12px;
pastki chegara: 32px;
animatsiya: fadeUp 0.7s 0.5s ikkalasini ham osonlashtiradi;
}
.katalizator-karta {
fon: var(--dark2);
chegara radiusi: 10px;
to'ldirish: 18px;
displey: egiluvchan;
bo'shliq: 12px;
align-items: flex-start;
}
.catalyst-card.bull { chegara: 1px qattiq rgba(14,203,129,0.25); }
.catalyst-card.bear { chegara: 1px qattiq rgba(246,70,93,0.25); }
.mushuk belgisi {
shrift o'lchami: 1.4rem;
chiziq balandligi: 1;
egiluvchan qisqarish: 0;
}
.catalyst-karta h4 {
font-family: 'Syne', sans-serif;
shrift o'lchami: 0.75rem;
shrift og'irligi: 700;
pastki chegara: 6px;
}
.catalyst-card.bull h4 {rang: var(--yashil);}
.catalyst-card.bear h4 {rang: var(--qizil);}
.catalyst-karta ul {
ro'yxat uslubi: yo'q;
to'ldirish: 0;
}
.catalyst-card ul li {
shrift o'lchami: 0.65rem;
rang: var(--o'chirilgan);
chiziq balandligi: 1.8;
chap tomondagi padding: 12px;
lavozim: nisbiy;
}
.catalyst-card ul li::before {
tarkib: '›';
pozitsiya: mutlaq;
chap: 0;
rang: var(--oltin);
}
/* ── HUKM ── */
.hukm {
fon: chiziqli-gradient(135 daraja, rgba(240,185,11,0.08), rgba(240,185,11,0.02));
chegara: 1px qattiq rgba(240,185,11,0.35);
chegara radiusi: 12px;
to'ldirish: 28px;
matnni tekislash: markaz;
pastki chegara: 32px;
lavozim: nisbiy;
toshib ketish: yashirin;
animatsiya: fadeUp 0.7s 0.55s ikkalasini ham osonlashtiradi;
}
.hukm::oldin {
tarkib: '⬡';
pozitsiya: mutlaq;
yuqori: -20px; o'ng: -10px;
shrift o'lchami: 100px;
rang: rgba(240,185,11,0.04);
ko'rsatkich-hodisalar: yo'q;
}
.hukm h2 {
font-family: 'Bebas Neue', sans-serif;
shrift o'lchami: 2.4rem;
harflar oralig'i: 6 piksel;
rang: var(--oltin);
pastki chegara: 8px;
}
.hukm p {
shrift o'lchami: 0.72rem;
rang: var(--o'chirilgan);
chiziq balandligi: 1.9;
maksimal kenglik: 640 piksel;
chegara: 0 avtomatik 18px;
}
.target-qator {
displey: egiluvchan;
asoslash-kontent: markaz;
bo'shliq: 32px;
egiluvchan o'rash: o'rash;
}
.target-element .t-yorliq {
shrift o'lchami: 0.58rem;
rang: var(--o'chirilgan);
harflar oralig'i: 2 piksel;
matnni o'zgartirish: katta harflar;
}
.target-element .t-val {
font-family: 'Syne', sans-serif;
shrift o'lchami: 1.1rem;
shrift og'irligi: 800;
}
/* ── OGOHLANTIRISH ── */
.javobgarlikdan bosh tortish {
matnni tekislash: markaz;
shrift o'lchami: 0.55rem;
rang: rgba(132,142,156,0.5);
harflar oralig'i: 1 piksel;
chiziq balandligi: 1.8;
animatsiya: fadeUp 0.7s 0.6s ikkalasini ham osonlashtiradi;
}
/* ── ANIMATSIYALAR ── */
@keyframes fadeDown {
dan { shaffoflik: 0; o'zgartirish: translateY(-20px); }
ga { shaffoflik: 1; o'zgartirish: translateY(0); }
}
@keyframes fadeUp {
dan { shaffoflik: 0; o'zgartirish: translateY(20px); }
ga { shaffoflik: 1; o'zgartirish: translateY(0); }
}
/* ── JAVOBGARLIK ── */
@media (maksimal kenglik: 640 piksel) {
.qahramon { panjara-shablon-ustunlar: 1fr 1fr; }
.analysis-grid {grid-shablon-ustunlar: 1fr; }
.indikatorlar { panjara-shablon-ustunlar: 1fr 1fr; }
.katalizatorlar { panjara-shablon-ustunlar: 1fr; }
.target-qator {bo'shliq: 16px;}
}
</uslub>
</bosh>
<tana>
<div class="konteyner">
<!-- SARIYOH -->
<div class="header">
<div class="brand">
<div class="bnb-icon">BNB</div>
<div class="brand-text">
<h1>BNB / USDT</h1>
<p>Bozor tahlili hisoboti</p>
</div>
</div>
<div class="sana-badge">
2026-YIL 5-MAY KUNLIK VAQT
</div>
</div>
<!-- QAHRAMONLAR STATISTIKASI -->
<div class="hero">
<div class="stat-card">
<div class="label">Joriy narx</div>
<div class="value gold">$633.52</div>
<div class="sub">BNB / USDT</div>
</div>
<div class="stat-card">
<div class="label">24 soatlik o'zgarish</div>
<div class="value green">+2.70%</div>
<div class="sub">+$16.67</div>
</div>
<div class="stat-card">
<div class="label">24 soatlik hajm</div>
<div class="value">$1.20B</div>
<div class="sub">+99.1% oldingi kunga nisbatan</div>
</div>
<div class="stat-card">
<div class="label">Bozor kapitallashuvi</div>
<div class="value">$85.4B</div>
<div class="sub">4-darajali</div>
</div>
</div>
<!-- SHAMLIK JADVALI -->
<div class="chart-wrap">
<div class="chart-header">
<h2>BNB/USDT narxlari harakati — 18-aprel → 2026-yil 5-may</h2>
<div class="timeframe-pills">
<div class="pill active">1D</div>
<div class="pill">4H</div>
<div class="pill">1W</div>
</div>
</div>
<canvas id="candleChart"></canvas>
<div class="chart-legend">
<div class="legend-item"><div class="legend-dot" style="background:var(--green)"></div> Bullish sham</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--red)"></div> Ayiq sham</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--gold)"></div> EMA 20</div>
<div class="legend-item"><div class="legend-dot" style="background:#5B8BF5"></div> EMA 50</div>
<div class="legend-item"><div class="legend-dot" style="background:rgba(240,185,11,0.15)"></div> Jild</div>
</div>
</div>
<!-- QO'LLAB-QUVVATLASH / QARSHILIK -->
<div class="analysis-grid">
<div class="analysis-card">
<h3>🔴 Qarshilik darajalari</h3>
<div class="level-row"><span class="name">R3 — Kuchli</span><span class="val r">$665.18</span></div>
<div class="level-row"><span class="name">R2 — Mid</span><span class="val r">$649.42</span></div>
<div class="level-row"><span class="name">R1 — Pivot</span><span class="val r">$634.63</span></div>
<div class="level-row"><span class="name">EMA 20</span><span class="val y">$623.76</span></div>
</div>
<div class="analysis-card">
<h3>🟢 Qo'llab-quvvatlash darajalari</h3>
<div class="level-row"><span class="name">S1 — Near</span><span class="val g">$624.54</span></div>
<div class="level-row"><span class="name">S2 — Kalit</span><span class="val g">$615.20</span></div>
<div class="level-row"><span class="name">S3 — Major</span><span class="val g">$603.04</span></div>
<div class="level-row"><span class="name">S4 — Chuqur</span><span class="val g">$580.00</span></div>
</div>
</div>
<!-- TEXNIK KO'RSATKICHLAR -->
<div class="section-title">Texnik ko'rsatkichlar</div>
<div class="ko'rsatkichlar">
<div class="ind-card">
<div class="ind-name">RSI (14)</div>
<div class="ind-val neutral">54.3</div>
<div class="ind-signal neutral">Neytral zona</div>
</div>
<div class="ind-card">
<div class="ind-name">MACD</div>
<div class="ind-val bearish">Bearish</div>
<div class="ind-signal bearish">Signaldan pastda</div>
</div>
<div class="ind-card">
<div class="ind-name">Supertrend</div>
<div class="ind-val bearish">Ayiq</div>
<div class="ind-signal bearish">$665 qarshilik</div>
</div>
<div class="ind-card">
<div class="ind-name">200 kunlik SMA</div>
<div class="ind-val neutral">$753</div>
<div class="ind-signal neutral">Rad etilmoqda</div>
</div>
<div class="ind-card">
<div class="ind-name">Jild</div>
<div class="ind-val bullish">$1.2B</div>
<div class="ind-signal bullish">+99% Surge</div>
</div>
<div class="ind-card">
<div class="ind-name">Qo'rquv va ochko'zlik</div>
<div class="ind-val bearish">29</div>
<div class="ind-signal bearish">Qo'rquv zonasi</div>
</div>
</div>
<!-- SENARIY KO'ZGA KELISHI -->
<div class="scenario-wrap">
<div class="section-title">Ssenariy Ehtimollik Outlook</div>
<p>
BNB bugun $633.52</strong> da yopildi va muhim EMA-20 dan $623.76 gacha yuqoriga ko'tarildi — bu asosiy strukturaviy chegara. 24 soatlik hajmning $99.1%</strong> ga ko'tarilishi xaridorlarning qiziqishini yangilaganidan dalolat beradi. Bozor chorrahada turibdi: $649</strong> dan yuqorida hal qiluvchi tanaffus $665–$700 zonasiga yo'l ochadi, $624 ni ushlab turolmaslik esa $603 asosiy qo'llab-quvvatlashni qayta sinab ko'rish xavfini tug'diradi.
</p>
<div class="stsenariy-bar">
<div class="s-bull">YUQORI NARX 55%</div>
<div class="s-side">YON YO'NALISHLAR 25%</div>
<div class="s-bear">AYIQ 20%</div>
</div>
<div class="stsenariy-yorliqlar">
<span>Maqsad: $665–$700</span>
<span>Diapazon: $615–$650</span>
<span>Xavf: $603 / $580</span>
</div>
</div>
<!-- KATALISTLAR -->
<div class="section-title">Bozor katalizatorlari</div>
<div class="katalizatorlar">
<div class="catalyst-card bull">
<div class="cat-icon">🚀</div>
<div>
<h4>Buqa katalizatorlari</h4>
<ul>
<li>2026-yil 1-choragida kuyish: 1.57 million BNB (~$1.02B) yo'q qilindi</li>
<li>BNB zanjiri 2026-yilda 20 000 TPS ni maqsad qilgan yo'l xaritasi</li>
<li>Coinbase yo'l xaritasining qo'shilishi institutsional oqimni kuchaytiradi</li>
<li>Kulrang ETFni topshirish asosiy oqimning qabul qilinishini ko'rsatadi</li>
<li>BTC korrelyatsiyasi: +2.55% ga yetgan BTC, shamol ta'sirini ta'minlaydi</li>
<li>Hajm o'sishi: oldingi kunga nisbatan +99% — xaridorlar qaytib kelishmoqda</li>
</ul>
</div>
</div>
<div class="catalyst-card bear">
<div class="cat-icon">⚠️</div>
<div>
<h4>Xavf omillari</h4>
<ul>
<li>Adliya vazirligi Binance muvofiqligi bo'yicha tekshiruvni davom ettirmoqda</li>
<li>LH/LL tuzilishi saqlanib qolgan — pasayish tendentsiyasi hali buzilmadi</li>
<li>MACD hali ham pasayish tendentsiyasiga ega — momentum tasdiqlanishi kerak</li>
<li>29 yoshdagi qo'rquv va ochko'zlik — bozor kayfiyati mo'rt</li>
<li>CHoC (belgi o'zgarishi) hali tasdiqlanmagan</li>
<li>634 dollardan rad etish yangi sotishga olib kelishi mumkin</li>
</ul>
</div>
</div>
</div>
<!-- HUKM -->
<div class="hukm">
<h2>⬡ EHTIYOTKORLIK BILAN O'SISH MA'LUMOTLARI ⬡</h2>
<p>
BNB ning hajm portlashi va EMA-20 dan yuqoriga ko'tarilishi uzoq muddatli tuzatishdan so'ng to'planishga ishora qiladi. Strukturaviy tuzilish kelgusi sessiyalarda $665–$700</strong> ga yo'nalishda uzilish urinishini qo'llab-quvvatlaydi — agar narx yopilsa va $634.63 dan yuqori bo'lsa. Deflyatsion tokenomika (35 ta yonish tugallandi), BNB zanjirining masshtablash qobiliyatini oshirish va institutsional e'tiborning ortishi o'rta muddatli istiqbolda jozibador tezisni yaratadi. Biroq, xavflarni boshqarish juda muhimligicha qolmoqda: $615 dan pastroq yopilish moyillikni yana ayiqqa yo'naltiradi.
</p>
<div class="target-row">
<div class="target-item">
<div class="t-label">Buqa nishoni 1</div>
<div class="t-val bullish">$665</div>
</div>
<div class="target-item">
<div class="t-label">Buqa nishoni 2</div>
<div class="t-val bullish">$700</div>
</div>
<div class="target-item">
<div class="t-label">Stop Loss</div>
<div class="t-val bearish">$615</div>
</div>
<div class="target-item">
<div class="t-label">EOY 2026</div>
<div class="t-val neutral">$803–$1,000</div>
</div>
</div>
</div>
<div class="raddiya">
⚠️ USHBU TAHLIL FAQAT TA'LIM MAQSADLARIDA BO'LGAN VA MOLIYAVIY MASLAHATLARNI TAQDIM ETMAYDI.<br>
KRIPTOVALYUTA SAVDOSI JUDA KATTA XAVFNI O'Z ICHIGA OLADI. DOIMO MASLAHATLI BO'LING VA SAVDO ETING.
</div>
</div><!-- /konteyner -->
<script>
// ── Canvas orqali shamdon jadvali ──
const canvas = document.getElementById('sham jadvali');
const ctx = canvas.getContext('2d');
// Haqiqiy BNB kundalik shamlari: 18-aprel → 2026-yil 5-may
// [sana_yorlig'i, ochish, yuqori, past, yopish, ovoz_uzatish]
const shamlar = [
['18-aprel', 652, 663, 645, 648, 0.45],
['19-aprel', 648, 655, 638, 641, 0.52],
['20-aprel', 641, 650, 632, 646, 0.48],
['21-aprel', 646, 658, 640, 636, 0.55],
['22-aprel', 636, 642, 628, 632, 0.60],
['23-aprel', 632, 638, 620, 624, 0.65],
['24-aprel', 624, 635, 617, 630, 0.70],
['25-aprel', 630, 640, 621, 619, 0.58],
['26-aprel', 619, 628, 612, 615, 0.72],
['27-aprel', 615, 622, 603, 609, 0.80],
['28-aprel', 609, 625, 605, 620, 0.75],
['29-aprel', 620, 632, 616, 628, 0.62],
['30-aprel', 628, 636, 619, 623, 0.55],
['1-may', 623, 634, 614, 618, 0.60],
['2-may', 618, 628, 613, 621, 0.58],
['3-may', 621, 630, 617, 625, 0.53],
['4-may', 625, 638, 620, 633, 0.85],
['5-may', 633, 641, 628, 634, 0.95],
];
// EMA hisoblash
calcEMA(ma'lumotlar, nuqta) funksiyasi {
const k = 2 / (nuqta + 1);
ema = [ma'lumotlar[0]] ga ruxsat bering;
uchun (i = 1 bo'lsin; i < data.length; i++) {
ema.push(ma'lumotlar[i] k + ema[i-1] (1-k));
}
ema qaytarish;
}
const closes = candless.map(c => c[4]);
const ema20 = calcEMA(yopiladi, 20);
const ema50 = calcEMA(closes, 10); // ma'lumotlarimizga moslashtirilgan 50 uchun proksi sifatida 10 dan foydalanish
funktsiya chizish() {
const dpr = window.devicePixelRatio || 1;
const W = kanvas.parentElement.clientWidth - 48;
const H = 320;
tuval.kengligi = W * dpr;
tuval.balandlik = H * dpr;
kanvas.style.width = W + 'px';
canvas.style.height = H + 'px';
ctx.scale(dpr, dpr);
ctx.clearRect(0, 0, W, H);
const PAD_L = 52, PAD_R = 20, PAD_T = 20, PAD_B = 60;
const chartW = W - PAD_L - PAD_R;
const chartH = H - PAD_T - PAD_B;
const allPrices = candless.flatMap(c => [c[2], c[3]]); }
const minP = Math.min(...barchaNarxlar) - 8;
const maxP = Math.max(...barchaNarxlar) + 8;
const priceRange = maxP - minP;
funksiya toY(narx) {
PAD_T + chartH - ((narx - minP) / priceRange) * chartH ni qaytaring;
}
const n = shamlar uzunligi;
const uyasiW = chartW / n;
const candleW = Math.max(slotW * 0.55, 4);
funksiya toX(i) {
PAD_L + (i + 0.5) * uyasiW ni qaytarish;
}
// Panjara chiziqlari
const gridCount = 5;
uchun (i = 0 bo'lsin; i <= gridCount; i++) {
const narxi = minP + (priceRange / gridCount) * i;
const y = danY(narx);
ctx.strokeStyle = 'rgba(240,185,11,0.06)';
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(PAD_L, y);
ctx.lineTo(W - PAD_R, y);
ctx.stroke();
ctx.fillStyle = 'rgba(132,142,156,0.7)';
ctx.font = `${Math.round(10)}px Mono bo'shliq, mono bo'shliq`;
ctx.textAlign = 'o'ng';
ctx.fillText('$' + Math.round(narx), PAD_L - 6, y + 4);
}
// Ovoz balandligi satrlari
const maxVol = Math.max(...shamlar.map(c => c[5]));
const volH = chartH * 0.18;
shamlar.forEach((c, i) => {
const x = toX(i);
const bull = c[4] >= c[1];
const h = (c[5] / maxVol) * volH;
ctx.fillStyle = buqa
? 'rgba(14,203,129,0.18)'
: 'rgba(246,70,93,0.18)';
ctx.fillRect(x - shamW/2, PAD_T + chartH - h, shamW, h);
});
// Shamlar
shamlar.forEach((c, i) => {
const [, ochish, yuqori, past, yopish] = c;
const x = toX(i);
const bull = close >= open;
const rang = buqa? '#0ECB81' : '#F6465D';
// Fitil
ctx.strokeStyle = rang;
ctx.lineWidth = 1.5;
ctx.beginPath();
ctx.moveTo(x, toY(baland));
ctx.lineTo(x, toY(past));
ctx.stroke();
// Tanasi
const bodyTop = toY(Math.max(ochish, yopish));
const bodyBot = toY(Math.min(ochish, yopish));
const bodyH = Math.max(bodyBot - bodyTop, 1.5); } }
ctx.fillStyle = rang;
ctx.fillRect(x - shamW/2, bodyTop, shamW, bodyH);
});
// 20-ONA
ctx.strokeStyle = '#F0B90B';
ctx.lineWidth = 1.8;
ctx.setLineDash([]);
ctx.beginPath();
ema20.forEach((val, i) => {
const x = toX(i);
const y = toY(val);
i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
});
ctx.stroke();
// EMA 50
ctx.strokeStyle = '#5B8BF5';
ctx.lineWidth = 1.5;
ctx.setLineDash([4, 4]);
ctx.beginPath();
ema50.forEach((val, i) => {
const x = toX(i);
const y = toY(val);
i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
});
ctx.stroke();
ctx.setLineDash([]);
// Joriy narx chizig'i
const lastClose = shamlar[shamlar uzunligi - 1][4];
const lastY = toY(lastYopish);
ctx.strokeStyle = 'rgba(240,185,11,0.5)';
ctx.lineWidth = 1;
ctx.setLineDash([4, 6]);
ctx.beginPath();
ctx.moveTo(PAD_L, lastY);
ctx.lineTo(W - PAD_R, oxirgi);
ctx.stroke();
ctx.setLineDash([]);
// Narx yorlig'i o'ng tomonda
ctx.fillStyle = '#F0B90B';
ctx.font = 'qalin 10px Mono bo'shliq, mono bo'shliq';
ctx.textAlign = 'chap';
ctx.fillRect(W - PAD_R + 2, oxirgi - 9, 52, 18);
ctx.fillStyle = '#000';
ctx.fillText('$' + oxirgi Yopish, W - PAD_R + 5, oxirgiY + 4);
// X o'qi yorliqlari
ctx.fillStyle = 'rgba(132,142,156,0.7)';
ctx.font = '9px Mono bo'shliq, mono bo'shliq';
ctx.textAlign = 'markaz';
shamlar.forEach((c, i) => {
agar (i % 3 === 0 || i === shamlar uzunligi - 1) {
ctx.fillText(c[0], toX(i), H - PAD_B + 18);
}
});
// O'q chizig'i
ctx.strokeStyle = 'rgba(240,185,11,0.2)';
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(PAD_L, PAD_T + chartH);
ctx.lineTo(W - PAD_R, PAD_T + chartH);
ctx.stroke();
}
chizish();
window.addEventListener('o'lchamini o'zgartirish', chizish);
</script>
</body>
</html>