لوحة تحليلات مالية
التقنية المالية · التحليلات
2024
web
ما الذي احتاجوه
كان محللو الشركة عالقين في انتظار تقارير لا تواكب وتيرة العمل. احتاجت المنصة إلى استيعاب وعرض أكثر من 10 ملايين نقطة بيانات يوميًا من تغذيات مالية مباشرة، ثم تمكين المحللين من التعمق في شرائح ونوافذ زمنية محددة دون إعادة تحميل الصفحة. وقد انهارت أساليب الرسم البياني التقليدية عند هذا الحجم — إذ قد يستغرق رسم مخطط تفاعلي واحد ثوانٍ، وازداد التأخير سوءًا عند إبقائه مباشرًا مع تغيّر البيانات الأساسية. احتاج المسؤولون التنفيذيون إلى رؤية شاملة على مستوى الشركة تبقى محدّثة بين دورات التقارير، لا لقطة تصبح قديمة بحلول وقت تحميلها. وكان المعيار المطلوب استجابة أقل من ثانية واحدة على تصورات تفاعلية حقيقية، عند حجم بيانات كان من شأن الرسم الساذج من جانب العميل أو الاستعلامات غير المحسّنة أن يجعل اللوحة غير قابلة للاستخدام.
ما الذي بنيناه
بنينا اللوحة باستخدام React لهيكل الواجهة، مع مخططات مخصصة بتقنية D3.js بدلاً من مكتبة رسم بياني جاهزة، لنتحكم بدقة في كيفية عرض كل تصور عند الحجم الكبير. وتكشف بنية خلفية بـ Node.js واجهة برمجية بتقنية GraphQL، تتيح للواجهة الأمامية سحب الحقول التي تحتاجها كل شاشة فقط بدلاً من الإفراط في الجلب على الشاشات كثيفة البيانات. وتحتفظ MongoDB بالبيانات المالية الواردة، مصمّمة وفق أنماط الاستعلامات التي تنفذها اللوحات فعليًا. وتتدفق التحديثات المباشرة إلى المتصفح عبر اتصالات WebSocket بدلاً من الاستعلام الدوري، بحيث تتحدث المخططات لحظة وصول بيانات جديدة لا وفق دورة تحديث. وتعمل رؤى تنبؤية مدعومة بالذكاء الاصطناعي فوق خط الأنابيب نفسه، لتُظهر إشارات استشرافية إلى جانب العرض التاريخي. وتستضيف AWS كامل المكدس التقني، ما يمنح طبقتي الاستيعاب والبث هامشًا للتوسع مع تزايد حجم البيانات.
كيف تعاملنا معه
بُنيت مكونات مخططات مخصصة بتقنية D3.js بدلاً من اعتماد مكتبة رسم بياني عامة، في مقايضة لوقت التطوير مقابل التحكم في الرسم اللازم عند أكثر من 10 ملايين نقطة بيانات يوميًا.
استُخدمت GraphQL بدلاً من واجهة REST بحيث تجلب كل شاشة في اللوحة الحقول التي تحتاجها فقط، ما يبقي حجم البيانات المنقولة صغيرًا على الشاشات المالية كثيفة البيانات.
اعتُمد بث WebSocket للتحديثات المباشرة بدلاً من الاستعلام الدوري، بحيث تصل البيانات الجديدة إلى المخططات فور حدوثها.
أُضيفت رؤى تنبؤية مدعومة بالذكاء الاصطناعي فوق خط أنابيب البيانات نفسه في الوقت الفعلي الذي يغذي اللوحة المباشرة، بحيث تبقى التوقعات متزامنة مع البيانات الواردة.
الأثر الملموس
نقاط البيانات/اليوم
سرعة إعداد التقارير
معدل تبني المستخدمين
"غيّرت اللوحة طريقة اتخاذنا للقرارات. تستحق كل قرش أُنفق عليها."
نائب رئيس قسم البيانات
التقنية المالية / التحليلات
أخبرنا
بما يجب أن نبنيه.
أحضر لنا الفكرة التي قال الجميع إنها أصعب من أن تُنجز. رد مجاني وبلا التزام خلال 24 ساعة — اتفاقية عدم إفصاح (NDA) عند الطلب.