تطوير الويبعرض البيانات
«تحليل»: موقع لعرض مشاريع تحليل البيانات
موقع عربي يعرض مشاريع التحليل كبطاقات، ولكل مشروع صفحة تفاصيل بإجابات ورسوم متحركة تفاعلية، مع وضع فاتح وداكن.
- دوري
- التصميم والتطوير (عمل فردي)
- الحالة
- مكتمل · يعمل محليًا
- الفترة
- أكتوبر 2026
افتح «تحليل» لا يوجد مستودع عام
01نظرة عامة
واجهة رئيسية باسم «تحليل» تجمع المشاريع، وصفحة لكل مشروع، وصفحة منفصلة لصور Power BI.
02المشكلة
صور لوحات Power BI وحدها لا تشرح التحليل بوضوح، ولا تتفاعل على الويب.
03الهدف
عرض نتائج كل سؤال كتحليل حي: أرقام تعدّ، وأشرطة وأعمدة وخطوط وحلقات تتحرك وتستجيب للمؤشر.
04مساهمتي
- تصميم الواجهة العربية بحواف دائرية وخطَّي ثمانية و Ubuntu.
- كتابة رسوم SVG متحركة من الصفر بدون مكتبات.
- بنية بيانات بسيطة تسمح بإضافة مشاريع جديدة من ملف واحد.
05التقنيات
- HTML
- CSS
- JavaScript
- SVG
06البنية والتنفيذ
- صفحات HTML ثابتة تُبنى محتوياتها من ملف projects.js.
- رسوم SVG وانتقالات CSS، مع احترام إعداد تقليل الحركة.
07المزايا
- وضع فاتح وداكن يتبع إعداد الجهاز.
- تصفية المشاريع حسب النوع.
- مكان جاهز لتضمين لوحة Power BI بعد نشرها.
08التحديات التقنية
- ترتيب النصوص العربية والأرقام داخل رسوم SVG في صفحة من اليمين لليسار.