۱۵ نمودار
نمودارها
یک کتابخانهی نمودار کامل که از اول برای فارسی ساخته شده. همهی نمودارها یک هستهی مشترک دارن، پس راهنما، تولتیپ، کیبورد و رنگها همهجا یکسان رفتار میکنن و رنگشون را از سیستم طراحی میگیرن.
راست به چپ از پایه
زمان از راست شروع میشه، محور عدد سمت راسته و میلههای افقی از برچسب به چپ رشد میکنن.
اعداد و تاریخ فارسی
تیکهای کوتاه مثل «۱۲ میلیون»، تومان کامل در تولتیپ و تاریخ شمسی مثل «۱۲ مهر».
بدون کتابخانه
SVG خالص با React. فقط فایلها کپی میشن و هیچ بستهای به پروژه اضافه نمیشه.
قابل دسترس
کیبورد، اعلام صوتی نقطهی فعال، جدول مخفی برای صفحهخوان و راهنمایی که سریها را خاموش میکنه.
پایه
روند زمانی
نمودار خطی
line-chartروند یک یا چند سری در طول زمان، با منحنی نرم بدون بیرونزدگی، خطچین برای پیشبینی، خط هدف و شکستن خط در دادهی خالی.
نمودار ناحیهای
area-chartحجم در طول زمان با سه حالت رویهمافتاده، انباشته و صددرصدی، با گرادیان ملایم و جمع کل در تولتیپ.
اسپارکلاین
sparklineنمودار خیلی کوچک برای کارت آمار و خانهی جدول، خطی یا میلهای، با رنگ روند و نقطهی آخرین مقدار.
مقایسه
نمودار میلهای
bar-chartستونی یا افقی، گروهی، انباشته یا صددرصدی، با مقدار منفی، رنگ جدا برای هر دسته و برجسته کردن یک ستون.
نمودار ترکیبی
combo-chartمیله، خط و ناحیه روی یک نمودار با دو محور، مثلاً درآمد به تومان روی محور راست و نرخ تبدیل به درصد روی محور چپ.
نمودار راداری
radar-chartمقایسهی چند سری روی محورهای یکسان، مثل مشخصات دو گوشی یا مهارتهای یک تیم، با شبکهی چندضلعی یا دایرهای.
سهم از کل
دایرهای و دونات
pie-chartسهم هر بخش از کل، با جمع یا درصد بخش فعال وسط دونات، کنار رفتن برش زیر نشانگر و ادغام برشهای کوچک در «سایر».
حلقهی پیشرفت و گیج
radial-chartحلقههای هممرکز برای پیشرفت چند هدف و یک گیج نیمدایره که از راست به چپ پر میشه، با بازههای رنگی و عقربه.
نقشهی درختی
treemap-chartسهم دهها آیتم در یک مستطیل، مثل فروش دستهبندیها یا سبد سهام، با چیدمان مربعی و رنگ بر اساس گروه.