عن المشروع
Tremor NPM هي مجموعة تضم أكثر من 20 مكون React مفتوح المصدر مصممة لبناء المخططات ولوحات البيانات التحليلية. تم بناء المكتبة فوق Tailwind CSS، ويوصف أنها من تطوير علماء بيانات ومهندسي برمجيات مع التركيز على التصميم. وهي منشورة على npm تحت اسم @tremor/react.
ما توفره المكتبة
- مكونات المخططات والتصور البياني، مثل AreaChart، التي تقوم بتصيير السلاسل من مصفوفة بيانات محددة النوع باستخدام حقل فهرس وقائمة من مفاتيح الفئات، مع خيارات قابلة للتكوين للألوان والمحاور.
- وحدات بناء التخطيط والعرض مثل Card وفئات تنسيق النصوص (على سبيل المثال text-tremor-default و text-tremor-metric و text-tremor-content ونظيراتها في السمة الداكنة) التي تحافظ على اتساق الواجهات التحليلية.
- تنسيقات تراعي كلاً من أنظمة الألوان الفاتحة والداكنة، كما هو موضح في لقطات الشاشة والأصول الخاصة بشعار المشروع.
يظهر المثال الموجود في ملف README مكون React من جهة العميل يحدد مصفوفة chartdata من السجلات المؤرخة، ثم يقوم بتصيير Card يحتوي على تسمية، وقيمة مقياس، و AreaChart مع فئتين مرتبطتين باللونين النيلي والوردي.
المتطلبات والإعداد
تعتمد المكتبة على Tailwind CSS، لذا يتطلب الأمر إعداد Tailwind CSS في المشروع المستخدم بالإضافة إلى تثبيت الحزمة. ويوجه المشروع القراء إلى دليل التثبيت في npm.tremor.so لمعرفة خطوات الإعداد الكاملة. كما تتوفر روابط للوثائق والموقع الإلكتروني في أعلى المستودع.
المجتمع والمساهمة
ذكر القائمون على المشروع أنهم يرحبون بالأفكار والتحسينات الجديدة، ويدعون لتقديم طلبات السحب (pull requests) لأي شيء يتم بناؤه باستخدام المكتبة أو أي أخطاء يتم العثور عليها. تمت الإشارة إلى اتفاقية ترخيص المساهمين على موقع المشروع، وهناك مجتمع على Slack للمشروع بالإضافة إلى حساب على X (@tremorlabs) للتحديثات.
الترخيص
تم إصدار المشروع بموجب رخصة Apache License 2.0. ويحمل ملف README إشعار حقوق الطبع والنشر لشركة Tremor Labs, Inc.
من قد يستفيد منها
المطورون الذين يبنون تطبيقات ويب تركز على البيانات باستخدام React ويرغبون في الحصول على مكونات مخططات وبطاقات جاهزة بدلاً من تجميع طبقة المخططات من الصفر، خاصة الفرق التي تستخدم Tailwind CSS بالفعل للتنسيق. يرجى ملاحظة وجوب التأكد من تفاصيل التكامل وقائمة المكونات وسلوكها من خلال الوثائق الحالية قبل الاعتماد.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.