دعني أسأل! هل سبق لك أن أمضيت وقتًا طويلاً في البحث في الويب عن مكتبة الرسوم البيانية المثالية، ولكنك لم تجد ما يكفي من الوقت؟ كان هذا أنا اليوم أثناء العمل في مشروع Svelte Mini Apps الخاص بي. أردت مكتبة تكون:

• سهل الاستخدام: تكامل سلس مع Svelte 4 و5 لتجربة تطوير سلسة.
• غنية بالميزات: القدرة على إنشاء مجموعة متنوعة من الرسوم البيانية لتصور بياناتك بشكل جميل.
• تمت صيانته جيدًا: تم تطويره بشكل نشط مع مجتمع داعم.
• يمكن الوصول إليها: يدعم معايير إمكانية الوصول لضمان أن الرسوم البيانية الخاصة بك قابلة للاستخدام من قبل الجميع.
• مستقر: أداء موثوق ومتسق، حتى في السيناريوهات المعقدة.

لذلك، شرعت في مهمة، والغوص عميقًا في عالم مكتبات رسم الخرائط Svelte. لقد استكشفت بعض الخيارات الشائعة مثل Pancake وSvelte Frappe Charts وLayer Cake وUnovis Svelte وSvelte FusionCharts وSvelte Heatmap. على الرغم من أن Svelte Heatmap يعمل بالفعل، إلا أنه كان محدودًا في قدراته وكان به بعض الأخطاء في وحدة التحكم التي تشير إلى أنه قد يصبح قديمًا قريبًا. لقد واجهت مشكلات مختلفة مع المكتبات الأخرى، بدءًا من مشكلات التوافق وحتى الميزات المفقودة، مما أعاق قدرتي على تصور بياناتي بشكل فعال.

الإحباط وبصيص الأمل

بعد ساعات من البحث في Google وReddit (الذي لم يكن مفيدًا كثيرًا هذه المرة) والمدونات وحتى قسم الرسوم البيانية لـ madewithsvelte.com، بدأت أشعر بالإحباط قليلاً. ربما يتعين علي إنشاء مكتبتي الخاصة، أو ما هو أسوأ من ذلك، اللجوء إلى بعض التلاعب بـ SVG منخفض المستوى!

فقط عندما بدا كل الأمل مفقودًا، انكسر شعاع الشمس عبر الغيوم! لقد عثرت بالصدفة على مكتبة في سجل التصفح الخاص بي - وهي جوهرة مخفية واجهتها منذ أشهر. هذا يمكن أن يكون عليه!

ظهور البطل: مخطط الطبقات

مع لمحة من الترقب العصبي، قمت بزيارة المكتبة: LayerChart. وتخمين ماذا؟ لقد عملت بشكل لا تشوبه شائبة! تم دمج LayerChart بسلاسة مع Svelte، مما يوفر نطاقًا واسعًا من أنواع المخططات وواجهة برمجة تطبيقات سهلة الاستخدام.

الحقيقة الصادمة (ولماذا أكتب هذا)

إليك الجزء المثير للدهشة حقًا: على الرغم من كونه رائعًا، يبدو أن LayerChart تحت الرادار. لم أتمكن من العثور على أي مقالات أو مشاركات مدونة حول هذا الموضوع. لقد بحثت عالية ومنخفضة، ولكن لم يكن هناك أي شيء. ولهذا السبب شعرت بأنني مضطر لكتابة هذا - لتسليط الضوء على هذه المكتبة المذهلة ومشاركة تجربتي.

LayerChart ليست مجرد مكتبة رائعة للرسوم البيانية؛ كما أنها مجانية تمامًا ومفتوحة المصدر! لديهم أيضًا مكتبة مكونات مصاحبة لـ Svelte تسمى Svelte UX. لا تقلق، لم أتقاضى أجرًا لأقول هذا (كما ذكرت، فهو مجاني تمامًا ومفتوح المصدر). أنا ببساطة معجب بالعمل الرائع الذي تم إنجازه في هذا المشروع وأريد رؤيته يحصل على التقدير الذي يستحقه.

لذا، في المرة القادمة التي تبحث فيها عن مكتبة رسوم بيانية Svelte، لا تتجاهل LayerChart! ربما تجد نهايتك السعيدة، تمامًا كما فعلت. لا تتردد في مشاركة تجاربك مع LayerChart (أو أي مكتبة أخرى للرسوم البيانية Svelte تحبها وتستخدمها) في التعليقات أدناه. دعونا نساعد بعضنا البعض في رحلة Svelte هذه ونبني مجتمعًا أقوى من مطوري Svelte معًا. أنا متشوق لسماع ما تستخدمونه هذه الأيام والتعلم من تجاربكم.

حقوق صورة الغلاف: تصوير Choong Deng Xiang على Unsplash