نظرة عامة كاملة على أفضل أدوات تصور البيانات

إن استهلاك مجموعات كبيرة من البيانات ليس دائمًا أمرًا سهلاً. في بعض الأحيان ، تكون مجموعات البيانات كبيرة جدًا لدرجة أنه من المستحيل تمييز أي شيء مفيد منها. هذا هو المكان الذي تأتي فيه تصورات البيانات.

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

ما هي أدوات تصور البيانات؟

توفر أدوات تصور البيانات لمصممي تصور البيانات طريقة أسهل لإنشاء تمثيلات مرئية لمجموعات البيانات الكبيرة. عند التعامل مع مجموعات البيانات التي تتضمن مئات الآلاف أو الملايين من نقاط البيانات ، فإن أتمتة عملية إنشاء تصور مرئي ، جزئيًا على الأقل ، يجعل مهمة المصمم أسهل بشكل كبير.

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

ما هو الشيء المشترك بين أفضل أدوات تصور البيانات؟

تشترك أفضل أدوات تصور البيانات في السوق في بعض الأشياء. الأول هو سهولة استخدامها. هناك بعض التطبيقات المعقدة بشكل لا يصدق متاحة لتصور البيانات. يحتوي بعضها على وثائق وبرامج تعليمية ممتازة ، وقد تم تصميمه بطرق يشعر المستخدم أنها بديهية. يفتقر البعض الآخر إلى تلك المجالات ، مما يؤدي إلى استبعادهم من أي قائمة من الأدوات "الأفضل" ، بغض النظر عن قدراتهم الأخرى.

يمكن لأفضل الأدوات أيضًا التعامل مع مجموعات ضخمة من البيانات. في الواقع ، يمكن للأفضل معالجة مجموعات متعددة من البيانات في تصور واحد.

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

أخيرًا ، هناك اعتبارات التكلفة. في حين أن السعر المرتفع لا يؤدي بالضرورة إلى استبعاد الأداة ، إلا أنه يجب تبرير علامة السعر الأعلى من حيث الدعم الأفضل والميزات الأفضل والقيمة الإجمالية الأفضل.

مقارنة أدوات تصور البيانات

هناك العشرات ، إن لم يكن المئات ، من التطبيقات والأدوات والبرامج النصية المتاحة لإنشاء تصورات لمجموعات البيانات الكبيرة. العديد منها أساسي جدًا ولديها الكثير من الميزات المتداخلة.

ولكن هناك عناصر بارزة إما لديها قدرة أكبر على أنواع التصورات التي يمكنهم إنشاؤها أو أنها أسهل في الاستخدام بشكل ملحوظ من الخيارات الأخرى الموجودة هناك.

تابلوه (وتابلوه بابليك)

يحتوي Tableau على مجموعة متنوعة من الخيارات المتاحة ، بما في ذلك تطبيق سطح المكتب والخادم والإصدارات المستضافة عبر الإنترنت وخيار عام مجاني. هناك المئات من خيارات استيراد البيانات المتاحة ، من ملفات CSV إلى إعلانات Google وبيانات Analytics إلى بيانات Salesforce.

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

الإصدار العام من Tableau مجاني للاستخدام لأي شخص يبحث عن طريقة قوية لإنشاء تصورات البيانات التي يمكن استخدامها في مجموعة متنوعة من الإعدادات. من الصحفيين إلى المدمنين السياسيين إلى أولئك الذين يريدون فقط تحديد بيانات حياتهم الخاصة ، هناك الكثير من الاستخدامات المحتملة لـ Tableau Public. لديهم معرض واسع من الرسوم البيانية والتصورات التي تم إنشاؤها باستخدام الإصدار العام لتكون بمثابة مصدر إلهام لأولئك الذين يرغبون في إنشاء صورهم الخاصة.

الايجابيات

• مئات من خيارات استيراد البيانات
• القدرة على رسم الخرائط
• نسخة عامة مجانية متاحة
• الكثير من دروس الفيديو لترشدك إلى كيفية استخدام Tableau

سلبيات

• الإصدارات غير المجانية باهظة الثمن (70 دولارًا شهريًا / مستخدم لبرنامج Tableau Creator)
• الإصدار العام لا يسمح لك بالحفاظ على خصوصية تحليلات البيانات

أمثلة التصور البيانات

الحد الأدنى

يعد Tableau خيارًا رائعًا لأولئك الذين يحتاجون إلى إنشاء خرائط بالإضافة إلى أنواع أخرى من المخططات. يعد Tableau Public أيضًا خيارًا رائعًا لأي شخص يريد إنشاء تصورات عامة.

انفوجرام

Infogram هي أداة تصور السحب والإفلات كاملة الميزات تتيح حتى لغير المصممين إنشاء تصورات فعالة للبيانات لتقارير التسويق والرسوم البيانية ومنشورات الوسائط الاجتماعية والخرائط ولوحات المعلومات والمزيد.

يمكن تصدير المرئيات النهائية إلى عدد من التنسيقات: .PNG ، .JPG ، .GIF ، .PDF ، و. HTML. التصورات التفاعلية ممكنة أيضًا ، وهي مثالية للتضمين في مواقع الويب أو التطبيقات. يقدم Infogram أيضًا مكونًا إضافيًا لبرنامج WordPress يجعل تضمين المرئيات أسهل لمستخدمي WordPress.

الايجابيات

• أسعار متدرجة ، بما في ذلك خطة مجانية مع ميزات أساسية
• يشمل أكثر من 35 نوعًا من المخططات و 550+ نوعًا من الخرائط
• محرر السحب والإفلات
• API لاستيراد مصادر البيانات الإضافية

سلبيات

• مصادر بيانات مضمنة أقل بشكل ملحوظ من بعض التطبيقات الأخرى

أمثلة

الحد الأدنى

يعد Infogram خيارًا رائعًا لغير المصممين وكذلك المصممين. يجعل محرر السحب والإفلات من السهل إنشاء تصميمات ذات مظهر احترافي بدون الكثير من مهارات التصميم المرئي.

كتل

تدعي ChartBlocks أنه يمكن استيراد البيانات من "أي مكان" باستخدام واجهة برمجة التطبيقات الخاصة بهم ، بما في ذلك من الخلاصات الحية. بينما يقولون إن استيراد البيانات من أي مصدر يمكن أن يتم "ببضع نقرات" ، إلا أنه من المؤكد أن يكون أكثر تعقيدًا من التطبيقات الأخرى التي تحتوي على وحدات أو ملحقات آلية لمصادر بيانات محددة.

يسمح التطبيق بالتخصيص الشامل للتصور النهائي الذي تم إنشاؤه ، ويساعد معالج إنشاء المخطط المستخدمين على اختيار البيانات الصحيحة تمامًا لمخططاتهم قبل استيراد البيانات.

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

الايجابيات

• تتوفر خطط مجانية وبأسعار معقولة
• معالج سهل الاستخدام لاستيراد البيانات الضرورية

سلبيات

• من غير الواضح مدى قوة واجهة برمجة التطبيقات الخاصة بهم
• لا يبدو أن لديها أي إمكانية لرسم الخرائط

أمثلة

الحد الأدنى

لدى ChartBlocks خطة مجانية ممتازة ، وهي ميزة كبيرة. سهولة الاستخدام لإنشاء المخططات والرسوم البيانية الأساسية أمر رائع أيضًا.

Datawrapper

تم إنشاء Datawrapper خصيصًا لإضافة المخططات والخرائط إلى القصص الإخبارية. الرسوم البيانية والخرائط التي تم إنشاؤها تفاعلية ومصممة للتضمين في مواقع الأخبار. مصادر بياناتهم محدودة ، مع ذلك ، الطريقة الأساسية هي نسخ البيانات ولصقها في الأداة.

بمجرد استيراد البيانات ، يمكن إنشاء الرسوم البيانية بنقرة واحدة. تتضمن أنواع المرئيات الخاصة بها المخططات العمودية والخطية والشريطية ، والدونات الانتخابية ، والمخططات المساحية ، والمخططات المبعثرة ، والخرائط التصحيحية والرموز ، وخرائط محدد المواقع ، من بين أشياء أخرى. تذكرنا التصورات النهائية بتلك التي شوهدت في مواقع مثل New York Times أو Boston Globe. في الواقع ، يتم استخدام الرسوم البيانية الخاصة بهم من قبل منشورات مثل Mother Jones و Fortune و The Times.

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

الايجابيات

• مصممة خصيصا لتصور بيانات غرفة الأخبار
• الخطة المجانية مناسبة للمواقع الصغيرة
• تشتمل الأداة على مدقق مدمج لعمى الألوان

سلبيات

• مصادر بيانات محدودة
• الخطط المدفوعة على الجانب المكلف

مثال

الحد الأدنى

Datawrapper هو خيار ممتاز لتصورات البيانات لمواقع الأخبار. على الرغم من السعر المرتفع ، فإن الميزات التي يتضمنها Datawrapper للتصور المرئي للأخبار تجعل الأمر يستحق ذلك.

D3.js

D3.js هي مكتبة JavaScript لمعالجة المستندات باستخدام البيانات. تتطلب D3.js على الأقل بعض معرفة JS ، على الرغم من وجود تطبيقات تسمح للمستخدمين غير المبرمجين باستخدام المكتبة.

تتضمن هذه التطبيقات NVD3 ، والتي تقدم مخططات قابلة لإعادة الاستخدام لـ D3.js ؛ Plotly's Chart Studio ، والذي يسمح أيضًا للمصممين بإنشاء WebGL والرسوم البيانية الأخرى ؛ و Ember Charts ، التي تستخدم أيضًا إطار عمل Ember.js.

الايجابيات

• قوية جدا وقابلة للتخصيص
• عدد ضخم من أنواع المخططات الممكنة
• التركيز على معايير الويب
• الأدوات المتاحة للسماح لغير المبرمجين بإنشاء تصورات
• مجاني ومفتوح المصدر

سلبيات

• يتطلب معرفة برمجية لاستخدامها بمفردها
• يتوفر دعم أقل من الأدوات المدفوعة

أمثلة

الحد الأدنى

D3.js مناسب فقط لأولئك المصممين الذين لديهم إمكانية الوصول إلى مبرمج للحصول على المساعدة أو لديهم معرفة برمجية بأنفسهم.

مخططات جوجل

تعد مخططات Google أداة قوية ومجانية لتصور البيانات وهي مصممة خصيصًا لإنشاء مخططات تفاعلية للتضمين عبر الإنترنت. إنه يعمل مع البيانات الديناميكية والمخرجات تعتمد فقط على HTML5 و SVG ، لذا فهي تعمل في المتصفحات دون استخدام مكونات إضافية. تتضمن مصادر البيانات جداول بيانات Google و Google Fusion Tables و Salesforce وقواعد بيانات SQL الأخرى.

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

الايجابيات

• حر
• مجموعة متنوعة من تنسيقات الرسوم البيانية المتاحة
• متوافق مع جميع المستعرضات لأنه يستخدم HTML5 / SVG
• يعمل مع البيانات الديناميكية

سلبيات

• بخلاف البرامج التعليمية والمنتديات المتاحة ، هناك دعم محدود

أمثلة

الحد الأدنى

تعد مخططات Google خيارًا رائعًا إذا كان المصمم مرتاحًا إلى حد ما للتشفير ويريد حلاً قويًا ومجانيًا. القدرة على استخدام أي قاعدة بيانات SQL كمصدر بيانات يجعلها خيارًا جيدًا لمجموعات البيانات الكبيرة أيضًا.

FusionCharts

FusionCharts هو خيار آخر قائم على JavaScript لإنشاء لوحات معلومات للويب والجوال. يتضمن أكثر من 150 نوعًا من المخططات و 1000 نوع خرائط. يمكن أن يتكامل مع أطر عمل JS الشائعة (بما في ذلك React و jQuery و React و Ember و Angular) وكذلك مع لغات البرمجة من جانب الخادم (بما في ذلك PHP و Java و Django و Ruby on Rails).

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

الايجابيات

• عدد ضخم من خيارات تنسيق الرسم البياني والخريطة
• ميزات أكثر من معظم أدوات التصور الأخرى
• يتكامل مع عدد من الأطر ولغات البرمجة المختلفة

سلبيات

• باهظ الثمن (يبدأ بحوالي 500 دولار لترخيص مطور واحد)
• المبالغة في التصورات البسيطة خارج بيئة لوحة المعلومات

أمثلة

الحد الأدنى

لإنشاء لوحات معلومات ، لا يوجد شيء آخر في هذه المقالة يقارن حقًا بـ FusionCharts. إذا كان هذا هو المشروع المطروح ، فهذا بلا شك الخيار الأقوى.

Chart.js

Chart.js هي مكتبة رسوم بيانية جافا سكريبت بسيطة ولكنها مرنة. إنه مفتوح المصدر ، ويوفر مجموعة متنوعة جيدة من أنواع المخططات (ثمانية إجمالاً) ، ويسمح بالرسوم المتحركة والتفاعل.

يستخدم Chart.js HTML5 Canvas للإخراج ، لذا فهو يعرض المخططات جيدًا عبر جميع المتصفحات الحديثة. المخططات التي تم إنشاؤها هي أيضًا سريعة الاستجابة ، لذا فهي رائعة لإنشاء تصورات مناسبة للجوّال.

الايجابيات

• مجاني ومفتوح المصدر
• إخراج متوافق ومتجاوب عبر المستعرضات

سلبيات

• أنواع المخططات محدودة جدًا مقارنة بالأدوات الأخرى
• دعم محدود خارج الوثائق الرسمية

أمثلة

الحد الأدنى

يعد Chart.js خيارًا جيدًا للمصممين الذين يحتاجون إلى خيار تصور تفاعلي بسيط وقابل للتخصيص. أكبر نقاط بيعه هي أنه مجاني ومفتوح المصدر.

جرافانا

Grafana هو برنامج مرئي مفتوح المصدر يتيح للمستخدمين إنشاء لوحات معلومات ديناميكية وتصورات أخرى. وهو يدعم مصادر البيانات المختلطة والتعليقات التوضيحية ووظائف التنبيه القابلة للتخصيص ، ويمكن تمديده عبر مئات المكونات الإضافية المتاحة. هذا يجعلها واحدة من أقوى أدوات التصور المتاحة.

تسمح وظائف التصدير للمصممين بمشاركة لقطات من لوحات المعلومات بالإضافة إلى دعوة مستخدمين آخرين للتعاون. يدعم Grafana أكثر من 50 مصدر بيانات عبر المكونات الإضافية. إنه مجاني للتنزيل ، أو يوجد إصدار مستضاف على السحابة مقابل 49 دولارًا في الشهر. (هناك أيضًا إصدار مستضاف مجاني محدود للغاية.) يحتوي الإصدار القابل للتنزيل أيضًا على خطط دعم متاحة ، وهو شيء لا تقدمه الكثير من الأدوات مفتوحة المصدر الأخرى.

الايجابيات

• المصدر المفتوح ، مع الخيارات المجانية والمدفوعة المتاحة
• مجموعة كبيرة من مصادر البيانات المتاحة
• مجموعة متنوعة من أنواع الرسوم البيانية المتاحة
• يجعل إنشاء لوحات معلومات ديناميكية أمرًا بسيطًا
• يمكن أن تعمل مع يغذي البيانات المختلطة

سلبيات

• المبالغة في إنشاء تصورات بسيطة
• لا يقدم العديد من خيارات التخصيص المرئي مثل بعض الأدوات الأخرى
• ليس الخيار الأفضل لإنشاء صور التخيل
• غير قادر على تضمين لوحات المعلومات في مواقع الويب ، على الرغم من إمكانية ذلك للوحات الفردية

أمثلة

الحد الأدنى

يعد Grafana أحد أفضل الخيارات لإنشاء لوحات معلومات للاستخدام الداخلي ، خاصة لمصادر البيانات المختلطة أو الكبيرة.

Chartist.js

Chartist.js هي مكتبة JavaScript مجانية ومفتوحة المصدر تتيح إنشاء مخططات سريعة الاستجابة وقابلة للتخصيص بدرجة عالية ومتوافقة مع المستعرضات. تبلغ مساحة مكتبة JavaScript بأكملها 10 كيلوبايت فقط عند GZIPped. يمكن أيضًا تحريك الرسوم البيانية التي تم إنشاؤها باستخدام Chartist.js ، وتسمح الإضافات بتمديدها.

الايجابيات

• مجاني ومفتوح المصدر
• حجم ملف صغير
• يمكن أن تكون الرسوم البيانية متحركة

سلبيات

• ليس أوسع اختيار من أنواع الرسوم البيانية المتاحة
• لا توجد قدرات رسم الخرائط
• دعم محدود خارج مجتمع المطورين

أمثلة

الحد الأدنى

يعد Chartist.js خيارًا جيدًا للمصممين الذين يريدون مخططات بسيطة وقابلة للتضمين وسريعة الاستجابة ذات حجم ملف صغير.

سيغماج

Sigmajs هي أداة تصور ذات غرض واحد لإنشاء الرسوم البيانية للشبكة. إنه قابل للتخصيص بدرجة كبيرة ولكنه يتطلب بعض المعرفة الأساسية بجافا سكريبت لاستخدامه. الرسوم البيانية التي تم إنشاؤها هي قابلة للتضمين وتفاعلية وسريعة الاستجابة.

الايجابيات

• عالية للتخصيص وقابلة للتوسيع
• مجاني ومفتوح المصدر
• سهولة تضمين الرسوم البيانية في مواقع الويب والتطبيقات

سلبيات

• ينشئ نوعًا واحدًا فقط من التصور: الرسوم البيانية للشبكة
• يتطلب معرفة JS للتخصيص والتنفيذ

أمثلة

الحد الأدنى

نظرًا لتركيزه الفردي ، يعد Sigmajs خيارًا رائعًا لإنشاء الرسوم البيانية للشبكة طالما أن المصمم مرتاح لـ JavaScript.

خرائط

Polymaps هي مكتبة JavaScript مخصصة لرسم الخرائط. النواتج عبارة عن خرائط ديناميكية وسريعة الاستجابة في مجموعة متنوعة من الأنماط ، من تراكبات الصور إلى خرائط الرموز إلى خرائط الكثافة. يستخدم SVG لإنشاء الصور ، بحيث يمكن للمصممين استخدام CSS لتخصيص صور خرائطهم.

الايجابيات

• مجاني ومفتوح المصدر
• بنيت خصيصا لرسم الخرائط
• سهولة تضمين الخرائط في مواقع الويب والتطبيقات

سلبيات

• ينشئ نوعًا واحدًا فقط من التصور
• يتطلب بعض المعرفة الترميزية للتخصيص والتنفيذ

أمثلة

الحد الأدنى

تعد Polymaps خيارًا جيدًا إذا كانت الخرائط هي النوع الوحيد المطلوب من التصور ، طالما أن المصمم مرتاح لبعض الترميز الأساسي.

خاتمة

هناك مجموعة كبيرة ومتنوعة من أدوات التصور المتاحة للمصممين بحيث يصعب تحديد أي منها يستخدم. يجب على مصممي تصور البيانات أن يضعوا في اعتبارهم أشياء مثل سهولة الاستخدام وما إذا كانت الأداة تحتوي على الميزات التي يحتاجون إليها.

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

تتضمن معظم أدوات تصور البيانات تجارب مجانية (إذا لم تكن الأداة بأكملها مجانية) ، لذلك يجدر أخذ الوقت لتجربة بعضها قبل اتخاذ قرار بشأن حل واحد.

• • •

مزيد من القراءة على مدونة Toptal Design:

1. تصور البيانات - أفضل الممارسات والأسس
2. احصل على الإلهام مع هذه التمثيلات المرئية للبيانات
3. تصميم لوحة القيادة - الاعتبارات وأفضل الممارسات
4. إذا كنت لا تستخدم بيانات UX ، فهذا ليس تصميم UX
5. القوة في الأرقام - نظرة عامة على التصميم المستند إلى البيانات