<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تحليل سوق BNB – 5 مايو 2026</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 {
--ذهب: #F0B90B;
--ذهب-فاتح: #FFD740;
--ذهب-باهت: #B8860B;
--داكن: #0B0E11;
--داكن2: #13171D;
--داكن3: #1E2330;
--أخضر: #0ECB81;
--أحمر: #F6465D؛
--text: #E8E8E8;
--muted: #848E9C;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
جسم {
الخلفية: متغير(--dark)؛
اللون: متغير(--text)؛
font-family: 'Space Mono', monospace;
الحد الأدنى للارتفاع: 100vh؛
overflow-x: hidden;
}
/* شبكة خلفية متحركة */
body::before {
محتوى: ''؛
الوضع: ثابت؛
inset: 0;
صورة الخلفية:
linear-gradient(rgba(240,185,11,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(240,185,11,0.04) 1px, transparent 1px);
حجم الخلفية: 40 بكسل 40 بكسل؛
أحداث المؤشر: لا شيء؛
مؤشر z: 0؛
}
.حاوية {
الموضع: نسبي؛
مؤشر z: 1؛
أقصى عرض: 900 بكسل؛
margin: 0 auto;
الحشو: 30 بكسل 20 بكسل 60 بكسل؛
}
/* ── رأس الصفحة ── */
.header {
العرض: مرن؛
align-items: center;
justify-content: space-between;
margin-bottom: 36px;
border-bottom: 1px solid rgba(240,185,11,0.2);
padding-bottom: 20px;
animation: fadeDown 0.6s ease both;
}
.ماركة {
العرض: مرن؛
align-items: center;
الفجوة: 14 بكسل؛
}
.bnb-icon {
العرض: 56 بكسل؛
الارتفاع: 56 بكسل؛
الخلفية: متغير(--الذهبي)؛
border-radius: 50%;
العرض: مرن؛
align-items: center;
justify-content: center;
عائلة الخط: 'Bebas Neue'، sans-serif؛
حجم الخط: 22 بكسل؛
اللون: 1000؛
box-shadow: 0 0 24px rgba(240,185,11,0.5);
الرسوم المتحركة: نبضة 2.5 ثانية، دخول وخروج تدريجي لا نهائي؛
}
@keyframes pulse {
0%, 100% { box-shadow: 0 0 24px rgba(240,185,11,0.5); }
50% { box-shadow: 0 0 44px rgba(240,185,11,0.9); }
}
.brand-text h1 {
عائلة الخط: 'Bebas Neue'، sans-serif؛
حجم الخط: 2 ريم؛
تباعد الأحرف: 3 بكسل؛
اللون: متغير (--ذهبي)؛
ارتفاع السطر: 1؛
}
.brand-text p {
حجم الخط: 0.65 ريم؛
اللون: متغير (--muted)؛
تباعد الأحرف: 2 بكسل؛
text-transform: uppercase;
}
شارة التاريخ {
الخلفية: متغير(--dark3)؛
border: 1px solid rgba(240,185,11,0.25);
border-radius: 6px;
الحشو: 8 بكسل 14 بكسل؛
حجم الخط: 0.65 ريم؛
اللون: متغير (--ذهبي)؛
تباعد الأحرف: 1.5 بكسل؛
text-align: right;
}
/* ── صف أسعار الأبطال ── */
.hero {
العرض: شبكة؛
grid-template-columns: 1fr 1fr 1fr 1fr;
الفجوة: 12 بكسل؛
margin-bottom: 32px;
الرسوم المتحركة: التلاشي لأعلى 0.7 ثانية 0.15 ثانية سهولة في كليهما؛
}
.stat-card {
الخلفية: متغير(--dark2)؛
border: 1px solid rgba(240,185,11,0.15);
border-radius: 10px;
الحشو: 18 بكسل 16 بكسل؛
الموضع: نسبي؛
overflow: hidden;
الانتقال: لون الحدود 0.2 ثانية؛
}
.stat-card::after {
محتوى: ''؛
الوضع: مطلق؛
أعلى: 0؛ يسار: 0؛
العرض: 3 بكسل؛ الارتفاع: 100%؛
الخلفية: متغير(--الذهبي)؛
border-radius: 3px 0 0 3px;
}
.stat-card:hover { border-color: rgba(240,185,11,0.4); }
.stat-card .label {
حجم الخط: 0.6 ريم؛
اللون: متغير (--muted)؛
تباعد الأحرف: 2 بكسل؛
text-transform: uppercase;
margin-bottom: 6px;
}
.stat-card .value {
font-family: 'Syne', sans-serif;
حجم الخط: 1.3 ريم؛
وزن الخط: 800؛
اللون: متغير(--text)؛
}
.stat-card .value.green { color: var(--green); }
.stat-card .value.red { color: var(--red); }
.stat-card .value.gold { color: var(--gold); }
.stat-card .sub {
حجم الخط: 0.6 ريم؛
اللون: متغير (--muted)؛
margin-top: 3px;
}
/* ── عنوان القسم ── */
.section-title {
عائلة الخط: 'Bebas Neue'، sans-serif؛
حجم الخط: 1.1 ريم؛
تباعد الأحرف: 4 بكسل؛
اللون: متغير (--ذهبي)؛
text-transform: uppercase;
margin-bottom: 14px;
العرض: مرن؛
align-items: center;
الفجوة: 10 بكسل؛
}
.section-title::after {
محتوى: ''؛
المرونة: 1؛
الارتفاع: 1 بكسل؛
الخلفية: تدرج خطي (90 درجة، rgba(240,185,11,0.4)، شفاف)؛
}
/* ── مخطط الشموع ── */
.chart-wrap {
الخلفية: متغير(--dark2)؛
border: 1px solid rgba(240,185,11,0.15);
border-radius: 12px;
الحشو: 24 بكسل؛
margin-bottom: 32px;
animation: fadeUp 0.7s 0.25s ease both;
}
.chart-header {
العرض: مرن؛
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.chart-header h2 {
font-family: 'Syne', sans-serif;
وزن الخط: 800؛
حجم الخط: 1 ريم؛
اللون: متغير(--text)؛
}
.timeframe-pills {
العرض: مرن؛
الفجوة: 6 بكسل؛
}
.حبة {
الخلفية: متغير(--dark3)؛
border: 1px solid rgba(240,185,11,0.2);
border-radius: 4px;
الحشو: 3 بكسل 10 بكسل؛
حجم الخط: 0.6 ريم؛
اللون: متغير (--muted)؛
المؤشر: مؤشر؛
الانتقال: جميعها 0.15 ثانية؛
}
.pill.active, .pill:hover {
الخلفية: rgba(240,185,11,0.15)؛
لون الحدود: متغير(--ذهبي)؛
اللون: متغير (--ذهبي)؛
}
مخطط الشموع {
العرض: 100%؛
الارتفاع: 320 بكسل؛
العرض: كتلة؛
}
.chart-legend {
العرض: مرن؛
الفجوة: 20 بكسل؛
margin-top: 14px;
flex-wrap: wrap;
}
.legend-item {
العرض: مرن؛
align-items: center;
الفجوة: 6 بكسل؛
حجم الخط: 0.6 ريم؛
اللون: متغير (--muted)؛
}
.legend-dot {
العرض: 8 بكسل؛ الارتفاع: 8 بكسل؛
border-radius: 50%;
}
/* ── شبكة التحليل ── */
.analysis-grid {
العرض: شبكة؛
grid-template-columns: 1fr 1fr;
الفجوة: 16 بكسل؛
margin-bottom: 32px;
animation: fadeUp 0.7s 0.35s ease both;
}
.analysis-card {
الخلفية: متغير(--dark2)؛
border: 1px solid rgba(240,185,11,0.15);
border-radius: 10px;
الحشو: 20 بكسل؛
}
.analysis-card h3 {
font-family: 'Syne', sans-serif;
وزن الخط: 700؛
حجم الخط: 0.8 ريم؛
اللون: متغير (--ذهبي)؛
margin-bottom: 12px;
تباعد الأحرف: 1 بكسل؛
text-transform: uppercase;
}
.level-row {
العرض: مرن؛
justify-content: space-between;
align-items: center;
الحشو: 7 بكسل 0؛
border-bottom: 1px solid rgba(255,255,255,0.04);
حجم الخط: 0.7 ريم؛
}
.level-row:last-child { border-bottom: none; }
.level-row .name { color: var(--muted); }
.level-row .val { font-weight: 700; }
.level-row .val.r { color: var(--red); }
.level-row .val.g { color: var(--green); }
.level-row .val.y { color: var(--gold); }
/* ── المؤشرات ── */
.indicators {
العرض: شبكة؛
grid-template-columns: repeat(3, 1fr);
الفجوة: 12 بكسل؛
margin-bottom: 32px;
animation: fadeUp 0.7s 0.4s ease both;
}
.ind-card {
الخلفية: متغير(--dark2)؛
border: 1px solid rgba(240,185,11,0.12);
border-radius: 10px;
الحشو: 16 بكسل؛
text-align: center;
}
.ind-card .ind-name {
حجم الخط: 0.58 ريم؛
اللون: متغير (--muted)؛
تباعد الأحرف: 2 بكسل؛
text-transform: uppercase;
margin-bottom: 8px;
}
.ind-card .ind-val {
font-family: 'Syne', sans-serif;
حجم الخط: 1.4 ريم؛
وزن الخط: 800؛
}
.ind-card .ind-signal {
حجم الخط: 0.58 ريم؛
تباعد الأحرف: 1.5 بكسل؛
margin-top: 4px;
text-transform: uppercase;
}
.bullish { color: var(--green); }
.bearish { color: var(--red); }
.neutral { color: var(--gold); }
/* ── شريط السيناريو ── */
.scenario-wrap {
الخلفية: متغير(--dark2)؛
border: 1px solid rgba(240,185,11,0.15);
border-radius: 10px;
الحشو: 22 بكسل؛
margin-bottom: 32px;
الرسوم المتحركة: تلاشي لأعلى 0.7 ثانية 0.45 ثانية تسهيل كليهما؛
}
.scenario-wrap p {
حجم الخط: 0.72 ريم؛
اللون: متغير (--muted)؛
ارتفاع السطر: 1.8؛
margin-bottom: 16px;
}
.scenario-bar {
العرض: مرن؛
border-radius: 6px;
overflow: hidden;
الارتفاع: 36 بكسل؛
}
.s-bull {
الخلفية: تدرج خطي (90 درجة، #0ECB81، #06a862)؛
display: flex; align-items: center; justify-content: center;
حجم الخط: 0.65 ريم؛ وزن الخط: 700؛ اللون: #000؛
تباعد الأحرف: 1 بكسل؛ المرونة: 55؛
الانتقال: مرونة 0.4 ثانية سهولة؛
}
.s-side {
الخلفية: تدرج خطي (90 درجة، #B8860B، #F0B90B)؛
display: flex; align-items: center; justify-content: center;
حجم الخط: 0.65 ريم؛ وزن الخط: 700؛ اللون: #000؛
تباعد الأحرف: 1 بكسل؛ المرونة: 25؛
}
.s-bear {
الخلفية: تدرج خطي (90 درجة، #c73147، #F6465D)؛
display: flex; align-items: center; justify-content: center;
حجم الخط: 0.65 ريم؛ وزن الخط: 700؛ اللون: #fff؛
تباعد الأحرف: 1 بكسل؛ المرونة: 20؛
}
.scenario-labels {
العرض: مرن؛
justify-content: space-between;
margin-top: 8px;
حجم الخط: 0.58 ريم؛
اللون: متغير (--muted)؛
}
/* ── المحفزات ── */
.catalysts {
العرض: شبكة؛
grid-template-columns: 1fr 1fr;
الفجوة: 12 بكسل؛
margin-bottom: 32px;
animation: fadeUp 0.7s 0.5s ease both;
}
.catalyst-card {
الخلفية: متغير(--dark2)؛
border-radius: 10px;
الحشو: 18 بكسل؛
العرض: مرن؛
الفجوة: 12 بكسل؛
align-items: flex-start;
}
.catalyst-card.bull { border: 1px solid rgba(14,203,129,0.25); }
.catalyst-card.bear { border: 1px solid rgba(246,70,93,0.25); }
.cat-icon {
حجم الخط: 1.4 ريم؛
ارتفاع السطر: 1؛
flex-shrink: 0;
}
.catalyst-card h4 {
font-family: 'Syne', sans-serif;
حجم الخط: 0.75 ريم؛
وزن الخط: 700؛
margin-bottom: 6px;
}
.catalyst-card.bull h4 { color: var(--green); }
.catalyst-card.bear h4 { color: var(--red); }
.catalyst-card ul {
نمط القائمة: لا شيء؛
الحشو: 0؛
}
.catalyst-card ul li {
حجم الخط: 0.65 ريم؛
اللون: متغير (--muted)؛
ارتفاع السطر: 1.8؛
padding-left: 12px;
الموضع: نسبي؛
}
.catalyst-card ul li::before {
محتوى: '>'؛
الوضع: مطلق؛
اليسار: 0؛
اللون: متغير (--ذهبي)؛
}
/* ── الحكم ── */
.verdict {
الخلفية: تدرج خطي (135 درجة، rgba(240,185,11,0.08)، rgba(240,185,11,0.02))؛
border: 1px solid rgba(240,185,11,0.35);
border-radius: 12px;
الحشو: 28 بكسل؛
text-align: center;
margin-bottom: 32px;
الموضع: نسبي؛
overflow: hidden;
الرسوم المتحركة: تلاشي لأعلى 0.7 ثانية 0.55 ثانية تسهيل كليهما؛
}
.verdict::before {
المحتوى: '⬡';
الوضع: مطلق؛
أعلى: -20 بكسل؛ يمين: -10 بكسل؛
حجم الخط: 100 بكسل؛
اللون: rgba(240,185,11,0.04)؛
أحداث المؤشر: لا شيء؛
}
.verdict h2 {
عائلة الخط: 'Bebas Neue'، sans-serif؛
حجم الخط: 2.4 ريم؛
تباعد الأحرف: 6 بكسل؛
اللون: متغير (--ذهبي)؛
margin-bottom: 8px;
}
.verdict p {
حجم الخط: 0.72 ريم؛
اللون: متغير (--muted)؛
ارتفاع السطر: 1.9؛
أقصى عرض: 640 بكسل؛
margin: 0 auto 18px;
}
.target-row {
العرض: مرن؛
justify-content: center;
الفجوة: 32 بكسل؛
flex-wrap: wrap;
}
.target-item .t-label {
حجم الخط: 0.58 ريم؛
اللون: متغير (--muted)؛
تباعد الأحرف: 2 بكسل؛
text-transform: uppercase;
}
.target-item .t-val {
font-family: 'Syne', sans-serif;
حجم الخط: 1.1 ريم؛
وزن الخط: 800؛
}
/* ── إخلاء المسؤولية ── */
.تنصل {
text-align: center;
حجم الخط: 0.55 ريم؛
اللون: rgba(132,142,156,0.5)؛
تباعد الأحرف: 1 بكسل؛
ارتفاع السطر: 1.8؛
animation: fadeUp 0.7s 0.6s ease both;
}
/* ── الرسوم المتحركة ── */
@keyframes fadeDown {
من { الشفافية: 0؛ التحويل: ترجمة Y(-20 بكسل)؛ }
إلى { الشفافية: 1؛ التحويل: ترجمة Y(0)؛ }
}
@keyframes fadeUp {
من { الشفافية: 0؛ التحويل: ترجمة عمودياً (20 بكسل)؛ }
إلى { الشفافية: 1؛ التحويل: ترجمة Y(0)؛ }
}
/* ── متجاوب ── */
@media (max-width: 640px) {
.hero { grid-template-columns: 1fr 1fr; }
.analysis-grid { grid-template-columns: 1fr; }
.indicators { grid-template-columns: 1fr 1fr; }
.catalysts { grid-template-columns: 1fr; }
.target-row { gap: 16px; }
}
</style>
</head>
<body>
<div class="container">
<!-- رأس الصفحة -->
<div class="header">
<div class="brand">
<div class="bnb-icon">BNB</div>
<div class="brand-text">
<h1>BNB / USDT</h1>
تقرير تحليل السوق
</div>
</div>
<div class="date-badge">
5 مايو 2026<br>الإطار الزمني اليومي
</div>
</div>
<!-- إحصائيات البطل -->
<div class="hero">
<div class="stat-card">
<div class="label">السعر الحالي</div>
<div class="value gold">$633.52</div>
<div class="sub">BNB / USDT</div>
</div>
<div class="stat-card">
<div class="label">تغيير خلال 24 ساعة</div>
<div class="value green">+2.70%</div>
<div class="sub">+$16.67</div>
</div>
<div class="stat-card">
<div class="label">حجم الصوت على مدار 24 ساعة</div>
<div class="value">$1.20B</div>
<div class="sub">+99.1% مقارنة باليوم السابق</div>
</div>
<div class="stat-card">
<div class="label">القيمة السوقية</div>
<div class="value">$85.4B</div>
<div class="sub">الرتبة رقم 4</div>
</div>
</div>
<!-- مخطط الشموع -->
<div class="chart-wrap">
<div class="chart-header">
حركة سعر زوج BNB/USDT — من 18 أبريل إلى 5 مايو 2026
<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> شمعة صعودية</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--red)"></div> شمعة هابطة</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> Volume</div>
</div>
</div>
<!-- الدعم / المقاومة -->
<div class="analysis-grid">
<div class="analysis-card">
مستويات المقاومة 🔴
<div class="level-row"><span class="name">R3 — قوي</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">
مستويات الدعم 🟢
<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 — Key</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 — Deep</span><span class="val g">$580.00</span></div>
</div>
</div>
<!-- المؤشرات الفنية -->
<div class="section-title">المؤشرات الفنية</div>
<div class="indicators">
<div class="ind-card">
<div class="ind-name">RSI (14)</div>
<div class="ind-val neutral">54.3</div>
<div class="ind-signal neutral">المنطقة المحايدة</div>
</div>
<div class="ind-card">
<div class="ind-name">MACD</div>
<div class="ind-val bearish">هبوطي</div>
<div class="ind-signal bearish">أقل من مستوى الإشارة</div>
</div>
<div class="ind-card">
<div class="ind-name">Supertrend</div>
<div class="ind-val bearish">دب</div>
<div class="ind-signal bearish">$665 Resistance</div>
</div>
<div class="ind-card">
<div class="ind-name">متوسط متحرك بسيط لمدة 200 يوم</div>
<div class="ind-val neutral">$753</div>
<div class="ind-signal neutral">متراجع</div>
</div>
<div class="ind-card">
<div class="ind-name">Volume</div>
<div class="ind-val bullish">$1.2B</div>
<div class="ind-signal bullish">+99% ارتفاع</div>
</div>
<div class="ind-card">
الخوف والطمع
<div class="ind-val bearish">29</div>
<div class="ind-signal bearish">منطقة الخوف</div>
</div>
</div>
<!-- توقعات السيناريو -->
<div class="scenario-wrap">
<div class="section-title">توقعات احتمالية السيناريو</div>
<p>
أغلق سهم BNB اليوم عند 633.52 دولارًا، مستعيدًا عافيته فوق المتوسط المتحرك الأسي لـ 20 يومًا عند 623.76 دولارًا، وهو مستوى هيكلي رئيسي. ويشير ارتفاع حجم التداول خلال 24 ساعة بنسبة 99.1% إلى تجدد اهتمام المشترين. يقف السوق اليوم عند مفترق طرق: فالاختراق الحاسم فوق 649 دولارًا يفتح الطريق نحو منطقة 665-700 دولارًا، بينما يُهدد عدم الثبات عند 624 دولارًا بإعادة اختبار مستوى الدعم الرئيسي عند 603 دولارات.
</p>
<div class="scenario-bar">
<div class="s-bull">متفائل 55%</div>
<div class="s-side">جانبي 25%</div>
<div class="s-bear">دب 20%</div>
</div>
<div class="scenario-labels">
السعر المستهدف: 665-700 دولار
النطاق السعري: 615 دولارًا - 650 دولارًا
المخاطرة: 603 دولارًا / 580 دولارًا
</div>
</div>
<!-- المحفزات -->
<div class="section-title">محفزات السوق</div>
<div class="catalysts">
<div class="catalyst-card bull">
<div class="cat-icon">🚀</div>
<div>
<h4>المحفزات الصعودية</h4>
<ul>
<li>حرق الربع الأول من عام 2026: تم تدمير 1.57 مليون BNB (حوالي 1.02 مليار دولار)</li>
خارطة طريق BNB Chain تستهدف 20000 معاملة في الثانية في عام 2026
<li>إضافة خارطة طريق كوين بيس تُثير تدفقًا مؤسسيًا</li>
<li>إيداع صناديق المؤشرات المتداولة ذات التدرج الرمادي يشير إلى اعتمادها على نطاق واسع</li>
<li>ارتباط البيتكوين: ارتفاع البيتكوين بنسبة 2.55% يوفر دعماً إيجابياً</li>
<li>ارتفاع حجم التداول: +99% مقارنة باليوم السابق — عودة المشترين</li>
</ul>
</div>
</div>
<div class="catalyst-card bear">
<div class="cat-icon">⚠️</div>
<div>
عوامل الخطر
<ul>
<li>تحقيق وزارة العدل الأمريكية الجاري بشأن امتثال منصة باينانس</li>
<li>بنية LH/LL سليمة — لم ينكسر الاتجاه الهابط بعد</li>
مؤشر MACD لا يزال هبوطيًا - الزخم يحتاج إلى تأكيد.
الخوف والطمع عند 29 - هشاشة معنويات السوق
<li>CHoCH (تغيير الحرف) لم يتم تأكيده بعد</li>
قد يؤدي الرفض عند 634 دولارًا إلى موجة بيع جديدة.
</ul>
</div>
</div>
</div>
<!-- الحكم -->
<div class="verdict">
<h2>⬡ تفاؤل حذر ⬡</h2>
<p>
يشير الارتفاع الكبير في حجم تداول عملة BNB وانتعاشها فوق المتوسط المتحرك الأسي لـ 20 يومًا إلى احتمالية التجميع بعد تصحيح مطول. ويُرجّح الوضع الحالي محاولة اختراق نحو 665-700 دولارًا أمريكيًا خلال الجلسات القادمة، شريطة أن يُغلق السعر ويستقر فوق 634.63 دولارًا أمريكيًا. وتُشكّل العوامل الاقتصادية الانكماشية للعملة (إتمام 35 عملية حرق)، وتحسينات قابلية التوسع في سلسلة BNB، وتزايد اهتمام المؤسسات، فرضيةً قويةً على المدى المتوسط. ومع ذلك، يبقى إدارة المخاطر أمرًا بالغ الأهمية: فالإغلاق دون 615 دولارًا أمريكيًا يُعيد الاتجاه إلى الهبوط.
</p>
<div class="target-row">
<div class="target-item">
<div class="t-label">الهدف الصعودي 1</div>
<div class="t-val bullish">$665</div>
</div>
<div class="target-item">
<div class="t-label">الهدف الصعودي 2</div>
<div class="t-val bullish">$700</div>
</div>
<div class="target-item">
<div class="t-label">وقف الخسارة</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="disclaimer">
⚠️ هذا التحليل لأغراض تعليمية فقط ولا يُعدّ نصيحة مالية.
ينطوي تداول العملات المشفرة على مخاطر كبيرة. لذا، ابحث بنفسك وتداول بمسؤولية.
</div>
</div><!-- /container -->
<script>
// ── مخطط الشموع عبر كانفاس ──
const canvas = document.getElementById('candleChart');
const ctx = canvas.getContext('2d');
// شموع BNB اليومية الواقعية: 18 أبريل ← 5 مايو 2026
// [date_label, open, high, low, close, volume_rel]
const candles = [
['Apr 18', 652, 663, 645, 648, 0.45],
['Apr 19', 648, 655, 638, 641, 0.52],
['Apr 20', 641, 650, 632, 646, 0.48],
['Apr 21', 646, 658, 640, 636, 0.55],
['22 أبريل', 636, 642, 628, 632, 0.60],
['23 أبريل', 632, 638, 620, 624, 0.65],
['Apr 24', 624, 635, 617, 630, 0.70],
['25 أبريل', 630, 640, 621, 619, 0.58],
['Apr 26', 619, 628, 612, 615, 0.72],
['Apr 27', 615, 622, 603, 609, 0.80],
['28 أبريل', 609, 625, 605, 620, 0.75],
['Apr 29', 620, 632, 616, 628, 0.62],
['30 أبريل', 628, 636, 619, 623, 0.55],
['May 1', 623, 634, 614, 618, 0.60],
['May 2', 618, 628, 613, 621, 0.58],
['May 3', 621, 630, 617, 625, 0.53],
['May 4', 625, 638, 620, 633, 0.85],
['5 مايو', 633, 641, 628, 634, 0.95],
];
// حساب المتوسط المتحرك الأسي
دالة حساب المتوسط المتحرك الأسي (البيانات، الفترة) {
const k = 2 / (period + 1);
let ema = [data[0]];
for (let i = 1; i < data.length; i++) {
ema.push(data[i] k + ema[i-1] (1-k));
}
إرجاع ema؛
}
const closes = candles.map(c => c[4]);
const ema20 = calcEMA(إغلاق, 20);
const ema50 = calcEMA(closes, 10); // استخدام 10 كبديل لـ 50 مُقاسًا ببياناتنا
دالة الرسم() {
const dpr = window.devicePixelRatio || 1;
const W = canvas.parentElement.clientWidth - 48;
const H = 320;
canvas.width = W * dpr;
canvas.height = H * dpr;
canvas.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 = candles.flatMap(c => [c[2], c[3]]);
const minP = Math.min(...allPrices) - 8;
const maxP = Math.max(...allPrices) + 8;
const PriceRange = maxP - minP؛
دالة toY(price) {
أرجع PAD_T + chartH - ((price - minP) / priceRange) * chartH؛
}
const n = candles.length;
const slotW = chartW / n;
const candleW = Math.max(slotW * 0.55, 4);
دالة toX(i) {
أعد PAD_L + (i + 0.5) * slotW؛
}
// خطوط الشبكة
const gridCount = 5;
for (let i = 0; i <= gridCount; i++) {
const price = minP + (priceRange / gridCount) * i;
const y = toY(price);
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 Space Mono, monospace`;
ctx.textAlign = 'right';
ctx.fillText('$' + Math.round(price), PAD_L - 6, y + 4);
}
// أشرطة مستوى الصوت
const maxVol = Math.max(...candles.map(c => c[5]));
const volH = chartH * 0.18;
candles.forEach((c, i) => {
const x = toX(i);
const bull = c[4] >= c[1];
const h = (c[5] / maxVol) * volH;
ctx.fillStyle = bull
? 'rgba(14,203,129,0.18)'
: 'rgba(246,70,93,0.18)';
ctx.fillRect(x - candleW/2, PAD_T + chartH - h, candleW, h);
});
// شموع
candles.forEach((c, i) => {
const [, open, high, low, close] = c;
const x = toX(i);
const bull = close >= open;
const color = bull ? '#0ECB81' : '#F6465D';
// ويك
ctx.strokeStyle = color;
ctx.lineWidth = 1.5;
ctx.beginPath();
ctx.moveTo(x, toY(high));
ctx.lineTo(x, toY(low));
ctx.stroke();
// جسم
const bodyTop = toY(Math.max(open, close));
const bodyBot = toY(Math.min(open, close));
const bodyH = Math.max(bodyBot - bodyTop, 1.5);
ctx.fillStyle = color;
ctx.fillRect(x - candleW/2, bodyTop, candleW, bodyH);
});
// الأم 20
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([]);
// خط السعر الحالي
const lastClose = candles[candles.length - 1][4];
const lastY = toY(lastClose);
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, lastY);
ctx.stroke();
ctx.setLineDash([]);
// ملصق السعر على اليمين
ctx.fillStyle = '#F0B90B';
ctx.font = 'bold 10px Space Mono, monospace';
ctx.textAlign = 'left';
ctx.fillRect(W - PAD_R + 2, lastY - 9, 52, 18);
ctx.fillStyle = '#000';
ctx.fillText('$' + lastClose, W - PAD_R + 5, lastY + 4);
// تسميات المحور السيني
ctx.fillStyle = 'rgba(132,142,156,0.7)';
ctx.font = '9px Space Mono, monospace';
ctx.textAlign = 'center';
candles.forEach((c, i) => {
إذا كان (i % 3 === 0 || i === candles.length - 1) {
ctx.fillText(c[0], toX(i), H - PAD_B + 18);
}
});
// خط المحور
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();
}
يرسم()؛
window.addEventListener('resize', draw);
</script>
</body>
</html>