ویجت‌های قابل‌امبد: نمودار روی هر سایتی با یک تگ

هر تیمی که نمودار زنده می‌خواهد، لزوما نمی‌خواهد کلاینت WebSocket پیاده کند. گاهی مقدار درستِ یکپارچه‌سازی، یک خط HTML است.

یک اسکریپت، هشت المان

لودر را یک بار اضافه کنید، بعد ویجت‌ها را مثل المان‌های HTML هر جای صفحه به کار ببرید:

<script src="https://cryhub.io/cryhub-widgets.js" async></script>

<cryhub-chart-widget coin="btc" pair="usdt" theme="dark"></cryhub-chart-widget>
<cryhub-orderbook-widget coin="eth" theme="light"></cryhub-orderbook-widget>

مجموعه کامل: chart (کندل‌استیک با pan/zoom و تاریخچه رو به عقب)، mini (کارت اسپارک‌لاین جمع‌وجور)، ticker (آمار ۲۴ ساعته)، orderbook، depth (منحنی عمق تجمعی)، trades (نوار زنده معاملات)، leaderboard (برترین‌ها) و treemap (هیت‌مپ بازار).

ساخته‌شده برای صفحه‌های دیگران

ویجت‌ها داخل iframe رندر می‌شوند و این سه تضمین می‌خرد: CSS صفحه میزبان نمی‌تواند ویجت را خراب کند؛ CSS ویجت به صفحه شما نشت نمی‌کند؛ و امبد نمی‌تواند چیزی از سایت میزبان بخواند. استایل‌ها CSS خالص و محدودشده‌اند — نه Tailwind preflight و نه تحمیل دانلود فونت اضافه به بازدیدکننده‌های شما.

اتریبیوت‌ها زنده‌اند: coin، pair، theme یا tf را از جاوااسکریپت عوض کنید و المان درجا از نو رندر می‌شود — بدون reload و بدون API. هر دو تم با همان پالت گرم ترمینال کرای‌هاب عرضه می‌شوند و همه ویجت‌ها prefers-reduced-motion را رعایت می‌کنند.

پیکربندی بدون خواندن مستندات

داشبورد برای هر نوع ویجت یک پیکربند دارد: کوین، مظنه، تم و اندازه را انتخاب کنید، پیش‌نمایش زنده را ببینید و اسنیپت را کپی کنید. کد تولیدشده هر اتریبیوتی را که با پیش‌فرض یکی است حذف می‌کند تا چیزی که می‌چسبانید حداقلی بماند.

ویجت‌ها بخش کم‌عمق استخر کرای‌هاب هستند — هر جا امبد کافی نبود، همان داده یک WebSocket فاصله دارد.