لوحات بيانات من وصف، لا من أداة سحب وإفلات
أخبر وكيلك بما يُعرض وكيف ينبغي أن يبدو. يوفّر Open Design أنماط الرسوم البيانية ونظام التخطيط واللغة البصرية، فتحصل على لوحة بيانات متماسكة وجاهزة للعرض — لا جدار من الأدوات بأنماط افتراضية.
باختصار
يحوّل Open Design مواصفات مقاييسك بلغة بسيطة إلى لوحة بيانات منسّقة يعرضها وكيلك بصيغة HTML — مُؤرشَفة بالإصدارات في مستودعك، قابلة للاستضافة في أي مكان، دون اشتراك BI لكل مقعد.
كيف تعمل لوحات البيانات مع Open Design
- 01
صِف المقاييس
اذكر ما يهم — «المستخدمون النشطون أسبوعيًا، الإيراد حسب الخطة، معدل التسرّب، واتجاه 30 يومًا». يحمّل الوكيل مهارة لوحة البيانات ليعرف أنه يخطّط بطاقات مؤشرات أداء ورسومًا بيانية وجدولاً بدلاً من كتلة نص واحدة.
- 02
اختر أنماط الرسوم البيانية
يأتي Open Design بقوالب رسوم بيانية وتخطيط، فتصبح الاتجاهات رسومًا خطية، والتفصيلات أعمدة، والنسب الصورة البصرية المناسبة — خطوط ومسافات متسقة في كل مكان بدلاً من إعدادات افتراضية غير متناسقة.
- 03
اربط بياناتك
وجّه لوحة البيانات إلى ملف CSV أو نقطة وصول JSON، أو الصق صفوفًا تجريبية. تُعرض بصيغة HTML مكتفية ذاتيًا تتحدّث عندما تتغيّر البيانات — افتحها في أي متصفح، وضعها على أي مستضيف ثابت.
- 04
حسّن وأطلق
عدّل بالحديث إلى الوكيل — «جمّع الإيراد حسب المنطقة، وانقل صف مؤشرات الأداء إلى الأعلى». يعيش الناتج في مشروعك، فلوحة البيانات قابلة للمراجعة ومؤرشَفة بالإصدارات مثل أي كود آخر.
ما الذي يمكنك بناؤه
نموذج أولي اقرأ الأمر كاملاً → لوحة التحكم
لوحة تحكم إدارية وتحليلية في ملف HTML واحد. شريط جانبي أيسر ثابت، شريط علوي للمستخدم/البحث، شبكة رئيسية لبطاقات KPI والرسوم البيانية. استخدمها لشاشات 'لوحة التحكم' أو 'الإدارة' أو 'التحليلات' أو 'لوحة التحكم'.
نموذج أولي اقرأ الأمر كاملاً → لوحة معلومات GitHub
لوحة معلومات تحليلات مستودع GitHub — النجوم، الفروع، المساهمون، المشكلات، طلبات السحب، النشاط الأخير، وأبرز المساهمين. استخدمها للوحة معلومات مستودع GitHub، تقرير نمو المصادر المفتوحة، صفحة صحة المستودع، أو عرض تحليلات GitHub.
نموذج أولي اقرأ الأمر كاملاً → تقرير تصور البيانات
يحول بيانات CSV أو Excel أو JSON إلى صفحة تقرير مرئي احترافي.
نموذج أولي اقرأ الأمر كاملاً → التقرير المالي
تقرير مالي ربع سنوي/شهري مع رأس صفحة KPI، مخططات الإيرادات والمصروفات، جدول ملخص P&L، أبرز النقاط، وفقرة التوقعات. استخدمه عند ذكر 'تقرير مالي'، 'تقرير Q3'، 'مراجعة MRR'، 'P&L' أو '财报'.
نموذج أولي اقرأ الأمر كاملاً → آخر 30 يومًا
بحث اتجاهات المجتمع ووسائل التواصل الاجتماعي خلال الـ 30 يومًا الماضية. استخدمه لمعرفة ما يقوله الناس الآن، والمشاعر الحديثة، وردود فعل المجتمع، والدليل الاجتماعي، وردود الفعل على الإطلاق، ومسح الاتجاهات، أو سياق الـ 30 يومًا الماضية.
نموذج أولي اقرأ الأمر كاملاً → قالب لوحة تحكم Flowai المباشرة
لوحة تحكم لإدارة الفريق بأسلوب FlowAI تتضمن ثلاث علامات تبويب (أعضاء الفريق، تفاصيل الفريق، سجل النشاط)، صف إحصائيات KPI، جدول الأعضاء، مخطط شريطي لتوزيع الأدوار، رسوم بيانية للحضور والنشاط عبر الإنترنت، ولوحة أفضل المساهمين. يدعم السمة الفاتحة/الداكنة، تلميحات الرسوم البيانية، التكبير وتصدير CSV.
لوحات البيانات مع Open Design مقابل الطريقة القديمة
| ما تحتاجه | مع Open Design | أدوات BI / مكتوبة يدويًا |
|---|---|---|
| من قائمة مقاييس إلى تخطيط | ●وصف واحد؛ يخطّط الوكيل البطاقات والرسوم والجداول | سحب الأدوات واحدة تلو الأخرى، أو كتابة كود الرسوم من الصفر |
| نظام بصري متسق | ●أنماط رسوم ومسافات من نظام تصميم قابل لإعادة الاستخدام | أنماط أدوات افتراضية، أو منسّقة يدويًا لكل رسم |
| ربط البيانات | ●CSV / JSON / صفوف ملصوقة، تُعرض بصيغة HTML حية | موصِّلات المورّد أو سباكة بيانات مخصصة |
| الاستضافة والمشاركة | ●HTML مكتفٍ ذاتيًا على أي مستضيف ثابت، دون حساب | يحتاج المشاهد إلى مقعد لدى مورّد BI |
| المراجعة وإدارة الإصدارات | ●يعيش في مستودعك؛ قابل للمقارنة مثل الكود | محبوس داخل المورّد، دون مقارنة حقيقية |
| التكلفة والاحتكار | ●مفتوح المصدر، أحضر مفاتيحك، يعمل محليًا | اشتراك لكل مقعد، مستضاف لدى المورّد |
لوحات بيانات حقيقية مُعروضة من وصف ومصدر بيانات. ابدأ من واحدة قريبة من لوحتك وصِف المقاييس التي تتابعها.
الأسئلة الشائعة حول لوحات البيانات
-
01 هل أحتاج إلى أداة BI مثل Tableau أو Looker؟
لا. يعرض Open Design لوحات البيانات بصيغة HTML داخل وكيل البرمجة لديك. تصف المقاييس وتوجّهه إلى بياناتك؛ لا توجد منصة BI منفصلة لترخّصها أو تتعلمها.
-
02 من أين تأتي البيانات؟
من ملف CSV أو نقطة وصول JSON أو صفوف تلصقها. لوحة البيانات هي HTML وJavaScript خالص، فتتحكم تمامًا في مصدر قراءتها — لا شيء يمرّ عبر خدمة مستضافة.
-
03 هل يمكن لزملاء غير تقنيين معاينتها؟
نعم. المُخرَج صفحة ويب مكتفية ذاتيًا. أي شخص لديه الرابط أو الملف يمكنه فتحها في متصفح — دون حساب، دون مقعد.
-
04 أي الوكلاء يمكنني استخدامه؟
Claude Code وCodex وCursor Agent وGemini CLI وأكثر من اثني عشر مُحوِّلًا أصليًا. تحضر مفاتيح المزوّد الخاصة بك.
ابنِ لوحة بياناتك الليلة
ضع نجمة على المستودع، ثبّت Open Design، وحوّل مقاييسك إلى لوحة بيانات يمكنك استضافتها في أي مكان — في الوكيل الذي تستخدمه بالفعل.