فيما يلي بعض الأمثلة على مكتبات الرسم الفاعل مع ميزاتها وأمثلةها:
1. رد فعل chartjs 2
- الميزات: أنواع مختلفة من المخططات مثل الخط ، شريط ، فطيرة ، وأكثر من ذلك.- أمثلة:
- مخطط الشريط العمودي
- مخطط شريط أفقي
- مخطط بار مكدسة
- مخطط شريط مجمعة
- مخطط المنطقة
- مخطط الخط
- مخطط خط متعدد الأجزاء
- مخطط فطيرة
- الرسم البياني دونات
- مخطط المنطقة القطبية
- مخطط الرادار
- مخطط مبعثر
- مخطط الفقاعة
- MULTITYPE الرسم البياني
- أحداث الرسم البياني
- الرسم البياني المرجع
- مخطط التدرج
2.
- الميزات: أنواع مختلفة من المخططات مثل المنطقة ، البار ، الفقاعة ، وأكثر من ذلك.- أمثلة:
- مخطط المنطقة
- مخطط بار
- مخطط الفقاعة
- تقويم
- الرسم البياني الشموع
- مخطط العمود
- مخطط التحرير والسرد
- جانت
- كَيّل
- الرسم البياني الجغرافي
- الرسم البياني
- مخطط الخط
- مخطط ORG
- مخطط فطيرة
- سانكي
- مخطط مبعثر
- مخطط المنطقة المتداخل
- طاولة
- الجدول الزمني
- خريطة شجرة
- شجرة الكلمات
- الرسوم المتحركة
- محرر الرسم البياني
- الضوابط
- التفاعلات
- تَخطِيط
- جدول البيانات
- شريط الأدوات
3. Apexcharts.js
- الميزات: أنواع المخططات المختلفة مثل الخط ، العمود ، الشريط ، فطيرة ، وأكثر من ذلك.- أمثلة: يتضمن الكود المصدر لجميع الأمثلة لتوفير وقت التطوير.
4. canvasjs
- الميزات: المخططات التفاعلية ، المستجيبة مع الرسوم المتحركة ، التكبير ، الحرس ، الأحداث ، التصدير ، التحفات ، والتحديثات في الوقت الفعلي.- أمثلة:
- مخططات الخط
- مخططات خط الخطوة وخطوة الخطوة
- مخططات المنطقة
- منطقة شريحة ، مساحة مكدسة ، مساحة 100 ، منطقة خطوة ، مساحة المدى ، ومخططات منطقة الشريحة المدى
- مخططات العمود
- مخططات بار
- عمود مكدسة ، عمود مكدسة 100 ٪ ، عمود المدى ، شريط مكدسة ، شريط مكدسة 100 ٪ ، شريط المدى ، ومخططات الشلال
- مخططات فطيرة
- مخططات الدونات / الدونات
- مخططات القمع والهرم
- مخططات الشموع و OHLC
- مخططات مبعثرة وفقاعة
- مخططات الصندوق والشعور
- مخططات خط الخطأ وخطأ
- المخططات الديناميكية
- مخططات الأسهم مع محدد النطاق والملاح والمخططات المتعددة
5. Tanstack/React-Charts
- الميزات: أنواع المخططات المختلفة مثل الخط ، شريط ، فقاعة ، وأكثر من ذلك.- أمثلة: تتضمن أمثلة للبسيط ، والخط ، والبار ، والفقاعة ، والمنطقة ، والأنماط المخصصة ، وتلميحات الأدوات المخصصة ، وخيارات المحور ، والوضع المظلم ، والفرشاة ، والتجميع ، وخيارات تلميح الأدوات ، وأكثر من ذلك.
توفر هذه المكتبات أمثلة واسعة النطاق والقوالب لمساعدتك على البدء في إنشاء مخططات في تطبيق React الخاص بك. يمكنك اختيار الشخص الذي يناسب احتياجاتك بناءً على أنواع المخططات التي تريد إنشاءها ومستوى التخصيص الذي تحتاجه [1] [2] [3] [4] [5].
الاستشهادات:[1] https://react-chartjs-2.js.org/examples/
[2] https://www.react-google-charts.com/examples
[3] https://apexcharts.com/react-chart-demos/
[4] https://canvasjs.com/react-charts/
[5] https://codesandbox.io/examples/package/react-charts