أفضل 8 ملحقات مجانية للرسم البياني والرسم البياني لـ WordPress لعرض البيانات بصريًا

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

لماذا تحتاج إلى مخطط البرنامج المساعد لموقع WordPress الخاص بك؟

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

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

وهكذا ، وبدون مزيد من اللغط ، إليك اختياراتنا من:

أفضل 8 ملحقات مجانية للرسم البياني لـ WordPress

1. متخيل

تحميل

يعد برنامج Visualizer chart الإضافي لـ WordPress أداة بسيطة لكنها قوية لمساعدتك في إنشاء وإدارة الرسوم البيانية والجداول التفاعلية المختلفة على مواقع WordPress الخاصة بك. يمكنك حتى الحصول على دعم لتكامل Excel إلى WordPress والذي يسمح لك بإدراج المخططات من Excel الخاص بك مباشرة إلى موقع WordPress الخاص بك باستخدام منشئ مخطط بسيط.

يستخدم البرنامج المساعد Global Visualization API و DataTables.net للمساعدة في إنشاء وإضافة مخططات / رسوم بيانية سريعة الاستجابة وكذلك متحركة إلى موقع الويب الخاص بك. الآن ، تتوفر معظم الميزات التي ناقشناها للتو بسهولة مع الإصدار المجاني من المكون الإضافي. ولكن إذا كنت ترغب في الوصول إلى وظائف أكثر تقدمًا ، فحينئذٍ يوجد إصدار احترافي أيضًا.

سمات:

• دعم 9 أنواع مختلفة من المخططات مع 3 أنواع متميزة متوفرة في الإصدار المحترف.
• الكثير من خيارات التخصيص لتعديل تصميم المخطط وخلق تماسك مع جماليات موقعك.
• خيار لاستيراد البيانات من الرسوم البيانية الأخرى. (الممتازة)
• قم بإنشاء مخططات باستخدام منشورات WordPress والصفحات والمنتجات وأنواع المنشورات المخصصة. (الممتازة)

وأكثر بكثير.

2. مخططات ووردبريس

تحميل

تستخدم مخططات WordPress عنصر HTML5 Canvas جنبًا إلى جنب مع chart.js للمساعدة في إنشاء عرض مختلف للرسم البياني المرئي لبياناتك وإحصاءاتك. وهو يدعم 6 أنواع مختلفة من المخططات ، ويمكن تخصيصها جميعًا بشكل أكبر وحتى دعم الرسوم المتحركة لمساعدة التصميم على مطابقة الجماليات العامة لموقع الويب الخاص بك.

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

سمات:

• يساعد في إنشاء مخططات تفاعلية باستخدام charts.js وعنصر HTML5 Canvas.
• الكثير من خيارات التخصيص بما في ذلك دعم الرسوم المتحركة.
• الوصول إلى 6 أنواع مختلفة من المخططات - مخططات خطية ، ومخططات شريطية ، ومخططات دائرية ، ومخططات نسيجي ، ومخططات منطقة قطبية ، ومخططات دائرية مجوفة.
• وشملت WP الرسوم البيانية القطعة.

وأكثر بكثير.

3. مخطط م

تحميل

يستخدم المكون الإضافي M Chart لـ WordPress أيضًا chart.js للمساعدة في إنشاء مخططات مرئية من البيانات المقدمة. بمجرد التثبيت ، يدمج المكون الإضافي نوع المنشور المخصص للمخططات حيث يمكنك إنشاء وإضافة المخططات كما تفعل مع المنشورات والصفحات. يمكنك أيضًا إضافة علامات وفئات إلى مخططاتك كما تفعل مع منشوراتك وصفحاتك.

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

سمات:

• يستخدم chart.js للمساعدة في إنشاء مخططات تفاعلية لمواقع WordPress الخاصة بك.
• يتم إنشاء المخططات كأنواع منشورات مخصصة.
• دعم 4 أنواع مختلفة من المخططات - الخطية والعمودية والشريطية والدائرية.
• خيار استيراد CSV.
• يتم تضمين المخططات في مشاركاتك وصفحاتك باستخدام الرموز القصيرة.

وأكثر بكثير.

4. amCharts

تحميل

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

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

سمات:

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

وأكثر بكثير.

5. مخطط Stockdio التاريخي

تحميل

يعد المكون الإضافي Stockdio Historical Chart مثاليًا لمواقع WordPress في المجال المالي ، ويتعامل مع أسعار الأسهم والبيانات ذات الصلة. ستتمكن من الوصول إلى مكون إضافي مخصص جنبًا إلى جنب مع عنصر واجهة مستخدم لمساعدتك على تضمين الرسوم البيانية الحية التي تعرض خلال اليوم بالإضافة إلى الأسعار التاريخية للأسهم والمؤشرات والعملات وحتى السلع.

يدعم المكون الإضافي أكثر من 65 بورصة مختلفة إلى جانب عدد كبير من مؤشرات السوق والعملات والسلع. يمكن عرض جميع البيانات بأي من التنسيقات الخمسة المختلفة - Line و Candlestick و Area و OHLC و HLC. إلى جانب ذلك ، تتضمن بعض الميزات البارزة الأخرى للمكوِّن الإضافي خيارًا لمقارنة الأسهم المختلفة ، وعرض حجم كل مخطط ، وتتبع الأداء بدلاً من السعر ، وغير ذلك الكثير.

سمات:

• يساعدك على عرض البيانات اليومية وكذلك البيانات التاريخية عن الأسهم ومؤشرات السوق بمساعدة الرسوم البيانية الرسومية.
• دعم لأكثر من 65 بورصة مختلفة.
• خيار لعرض بيانات الأسهم بتنسيقات مختلفة - Line و Candlestick و Area و OHLC و HLC.
• القطعة مدعومة.

وأكثر بكثير.

6. مخططات سهلة

تحميل

يوفر البرنامج الإضافي Easy Charts WordPress وسيلة بسيطة لإنشاء مخططات غنية لصفحاتك ومنشوراتك. تم تطوير البرنامج المساعد باستخدام مكتبة جافا سكريبت uvCharts وإنشاء مخططات تفاعلية باستخدام تأثيرات انتقال SVG و CSS3. لذلك فهو لا يساعدك فقط على تصور بياناتك ، ولكنه يعزز أيضًا واجهة المستخدم العامة وتجربة المستخدم لموقعك على الويب.

الآن يوفر المكون الإضافي دعمًا لـ 12 نوعًا مختلفًا من المخططات ، يمكن تعديلها جميعًا بسهولة وتخصيصها باستخدام خيارات التكوين المخصصة. سيكون لديك أيضًا خيار استيراد البيانات في ملف CSV والسماح للمكون الإضافي بعمل سحره.

ملاحظة قد تظهر بعض مشكلات التوافق مع الإصدار الحالي من CMS.

سمات:

• قم بإنشاء مخططات غنية باستخدام تأثيرات الانتقال SVG و CSS3.
• تم تضمين دعم لـ 12 نوعًا مختلفًا من المخططات.
• جميع المخططات التي تم إنشاؤها باستخدام البرنامج المساعد سريعة الاستجابة ومتوافقة مع الأجهزة المحمولة.
• الكثير من خيارات التخصيص بما في ذلك التصميمات المعاد تحديدها وتفضيلات الألوان.
• خيار لتنزيل المخططات كملفات صور.
• دعم لواردات CSV.
• تتيح لك وظيفة الإدراج السريع إمكانية تضمين المخططات في أي مكان على موقعك.

وأكثر بكثير.

7. YITH مخططات حجم المنتج لـ WooCommerce

تحميل

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

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

سمات:

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

وأكثر بكثير.

8. انفوجرام

تحميل

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

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

ملاحظة قد تظهر بعض مشكلات التوافق مع الإصدار الحالي من CMS.

سمات:

• قم بتوصيل محرر WordPress بحساب Infogram الخاص بك لاستيراد المخططات والرسوم البيانية المختلفة التي قمت بإنشائها باستخدام النظام الأساسي.

وأكثر بكثير.

ختاماً

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

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

أنت الآن جاهز لدمج المخططات والرسوم البيانية في موقع WordPress الخاص بك.