لوحة التحكّم·متوسط
مخطّطات تحليلات بـ Recharts
خط + عمود + دائري بألوان النظام.
نصّ البرومبت
أضف قسم تحليلات بمخطّطات Recharts: - Line chart للاتّجاه الأسبوعي. - Bar chart لأعلى المصادر. - Pie chart لتوزيع الفئات. - كل الألوان من CSS variables (--primary, --accent…). - Tooltip مخصّص بأسلوب shadcn. - ResponsiveContainer 100٪ عرض، 300px ارتفاع.
وسوم
chartsrecharts
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
لوحة التحكّم · متوسط
قالب لوحة تحكّم كامل
Sidebar + Topbar + main content بـ shadcn.
لوحة التحكّم · مبتدئ
بطاقات إحصائيّة بأسلوب Vercel
أربع بطاقات KPI مع مقارنة الفترة السابقة.
لوحة التحكّم · متقدّم
جدول بيانات كامل الميّزات
TanStack Table + shadcn: بحث، فرز، صفحات.
لوحة التحكّم · متوسط
صفحة إعدادات بتبويبات
الحساب، الفريق، الفوترة، التنبيهات، الأمان.