شرح أنواع الرسوم البيانية
تقدم Data Race تسعة أوضاع رسوم بيانية مميزة لكل مجموعة بيانات، بالإضافة إلى جدول بيانات للأرقام الدقيقة. يبرز كل وضع جانبًا مختلفًا من البيانات — التصنيفات، الاتجاهات، التكوين، الأنماط الجغرافية، مسارات التصنيف، تدفق الكل، أو مقارنة الحجم المباشرة. يشرح هذا الدليل ما تعرضه كل عملية تصور، وكيفية قراءتها، ومتى تكون أكثر فائدة.
سباق الرسم البياني الشريطي
سباق الرسم البياني الشريطي هو التصور المميز لـ Data Race. يُظهر الكيانات المصنفة كأشرطة أفقية، حيث يمثل الشريط الأطول أعلى قيمة. مع تقدم الرسوم المتحركة، تتحرك الأشرطة صعودًا وهبوطًا لتعكس التصنيفات المتغيرة، مما يخلق تأثيرًا ديناميكيًا للسباق. كل شريط مرمّز بالألوان ومُصنَّف باسم الكيان والعلم (للدول) والقيمة الحالية.
متى تستخدمه: استخدم سباق الرسم البياني الشريطي عندما تريد رؤية كيف تتغير التصنيفات مع مرور الوقت. إنه فعّال بشكل خاص لمقارنة عدد معتدل من الكيانات (10–20) وتحديد الارتفاعات أو الانخفاضات الدراماتيكية.
- طول الشريط يمثل القيمة — الأشرطة الأطول تعني قيمًا أعلى
- موضع الشريط يُظهر الترتيب — الشريط الأعلى هو الترتيب الأول
- الانتقالات السلسة بين الفترات تُظهر تغييرات التصنيف
- الألوان ثابتة لكل كيان طوال الرسوم المتحركة
المخطط الصاعد الهابط
يرسم المخطط الصاعد الهابط ترتيب كل كيان عبر الزمن على محور 1..N، مع وضع الترتيب #1 في القمة. تتحرك الخطوط صعودًا وهبوطًا عند تغيّر التصنيفات، وتُشير نقاط التقاطع إلى لحظات التجاوز. يركّز على الترتيب لا على القيم المطلقة — السباق المحتدم على المرتبة الأولى يبدو متشابهًا سواء كان الفارق دولارًا واحدًا أو تريليونًا. تُرسم الكيانات المثبّتة بخط أكثر إضاءةً وهالة حول النقطة.
متى تستخدمه: استخدم المخطط الصاعد الهابط عندما يكون ترتيب التصنيف هو القصة الرئيسية — جداول الميداليات الأولمبية، وأكبر عشر اقتصاديات على مدى قرن، وقوائم المتصدرين المتقلبة. إنه أوضح طريقة لرؤية من تجاوز من ومتى.
- المحور Y هو الترتيب: #1 في القمة، #N في القاع
- الخط الهابط أو الصاعد يشير إلى أن الكيان يفقد أو يكسب مواقع
- تقاطع خطّين = كيان يتجاوز آخر في تلك الفترة
- الخطوط الأفقية المستوية تعني أن الترتيب ظل ثابتًا
- الكيانات خارج أعلى N المرئي تظهر كبطاقات في الحافة السفلية
الرسم البياني الخطي
يرسم الرسم البياني الخطي قيمة كل كيان عبر الزمن كخط متصل. تُعرض جميع الكيانات على نفس المحاور، مما يسهّل مقارنة الاتجاهات طويلة الأمد. يُبرز الرسم البياني الفترة الحالية بعلامة عمودية، ويمكنك تحريك الماوس فوق أي نقطة لرؤية القيمة الدقيقة. تُظهر الكيانات المثبتة بخطوط أكثر سُمكًا بينما تتلاشى الأخرى في الخلفية.
متى تستخدمه: استخدم الرسم البياني الخطي عندما تريد تتبع الاتجاهات عبر الزمن أو مقارنة مسارات النمو أو تحديد نقاط التقاطع حيث يتجاوز كيان آخر.
- يُظهر المحور Y مقياس القيمة، ويُظهر المحور X الفترات الزمنية
- كل خط يمثل كيانًا واحدًا — تابع خطًا لرؤية مساره
- المنحدرات الأكثر انحدارًا تشير إلى نمو أو انخفاض أسرع
- الخطوط المتقاطعة تُظهر تغييرات التصنيف بين الكيانات
Streamgraph
يُكدّس الـ Streamgraph القيم الخام لكل كيان كأشرطة ملونة حول خط أساسي مركزي، تمتد بشكل متماثل للأعلى والأسفل. يساوي إجمالي الارتفاع في أي لحظة القيمة المجمّعة لجميع الكيانات، فترى التركيبة والحجم الإجمالي معًا. عند التشغيل يتدفق الخط من اليسار — تظهر الأشرطة وتتمدد وتعيد توازنها في كتلة عضوية واحدة. الأنسب للبيانات المتنامية باطّراد حيث تكون الصورة الكاملة هي القصة.
متى تستخدمه: استخدم الـ Streamgraph حين تريد أن تشعر بتطور الكل كشكل واحد متدفق — الناتج المحلي الإجمالي العالمي ينفجر بينما تعيد المناطق توازنها، ويتوسع نظام OSS بينما تحلّ المكتبات الجديدة محل القديمة، وتنمو القيمة السوقية بينما تتناوب القطاعات.
- سُمك الشريط عند أي نقطة = القيمة الخام لذلك الكيان في تلك الفترة
- إجمالي ارتفاع المخطط = مجموع جميع الكيانات المرئية (Top-N + أخرى)
- تمتد الأشرطة من اليسار كلما تقدّمت الرسوم المتحركة — الحافة الأمامية تمثّل اللحظة الحالية
- يبقى المركز عند y=0؛ ينمو المخطط بشكل متماثل للأعلى والأسفل
- تظهر الأعلام داخل كل شريط؛ تتقلص الأشرطة الرفيعة إلى شريحة رفيعة من اللون
الرسم الدائري
يُظهر الرسم الدائري تركيبة القيم لفترة زمنية واحدة. يمثل كل شريحة حصة كيان واحد من الإجمالي. مع تقدم الرسوم المتحركة، تتكيف أحجام الشرائح لتعكس النسب المتغيرة. الرسم البياني أكثر إفادة عندما يهيمن عدد قليل من الكيانات الكبيرة على الإجمالي، مما يكشف أنماط التركيز أو التنويع.
متى تستخدمه: استخدم الرسم الدائري عندما تريد فهم حصة كل كيان من الإجمالي — على سبيل المثال، أي الدول تنتج أكثر CO₂ أو تمتلك أكبر حصة من الناتج المحلي الإجمالي.
- حجم الشريحة يمثل حصة الكيان من الإجمالي
- حرّك الماوس فوق شريحة لرؤية النسبة المئوية الدقيقة والقيمة
- تُجمَّع الشرائح الصغيرة في 'أخرى' للحفاظ على القابلية للقراءة
- راقب الشرائح تنمو أو تتقلص مع مرور الوقت لرصد التغيرات في الهيمنة
خريطة شجرية
تقسم الخريطة الشجرية مساحة الرسم البياني إلى مستطيلات، كل منها بحجم يتناسب مع قيمة كيان واحد — كلما زادت القيمة، زاد حجم المستطيل. يحافظ خوارزمية d3-treemapResquarify على الأشكال مربعة عبر الفترات، بحيث تنزلق المستطيلات وتتغير أحجامها بسلاسة بدلاً من إعادة ترتيبها بشكل فوضوي. تنهار الكيانات ذات الذيل الطويل تحت top-N في مربع 'أخرى' ينمو ويتقلص مع البقية.
متى تستخدمه: استخدم الخريطة الشجرية عندما تكون القصة هي 'كم من الإجمالي يشغل كل كيان' وتريد جميع الكيانات مجمعة في إطار واحد — لا تمرير، ولا تقسيم إلى طرق عرض منفصلة.
- مساحة المستطيل تتناسب مع قيمة الكيان
- أكبر مستطيل هو المرتبة رقم 1 — عادة ما يكون مثبتًا في الجزء العلوي الأيسر
- تبقى الأشكال مربعة مع تحديث التخطيط بين الفترات، مما يحافظ على سهولة القراءة
- تتجمع المربعات تحت top-N في مستطيل 'أخرى'
- العلم والاسم والقيمة توجد داخل كل مستطيل؛ المربعات الرفيعة تسقط العلم لتتناسب
خريطة طبقية
تلوّن خريطة العالم الدول وفقًا لقيمها باستخدام مقياس لوني متصل. تشير الألوان الأغمق أو الأكثر كثافة إلى قيم أعلى. توفر الخريطة نظرة جغرافية فورية شاملة، مُبرزةً الأنماط والتجمعات الإقليمية التي يصعب رصدها في أنواع الرسوم البيانية الأخرى. حرّك الماوس فوق أي دولة لرؤية اسمها وقيمتها وترتيبها.
متى تستخدمه: استخدم خريطة العالم عندما تكون الجغرافيا مهمة — لتحديد التجمعات الإقليمية أو مقارنة الجيران أو رؤية كيف يتوزع متغير ما عبر القارات.
- كثافة اللون تتوافق مع القيمة — تحقق من المقياس في التوضيح
- الدول الرمادية لا تتوفر لها بيانات للفترة المحددة
- الأنماط الإقليمية (مثل التجمع الأوروبي وحزام أفريقيا جنوب الصحراء) سهلة الرصد
- مرّر الماوس للحصول على القيم الدقيقة؛ انقر لتثبيت دولة للمقارنة
خريطة الفقاعات
خريطة الفقاعات هي خريطة رموز تناسبية: يتم رسم كل كيان كدائرة مثبتة في مركز دولتها (أو منطقتها)، مع تناسب نصف قطر الدائرة مع القيمة. لا يتحرك الموضع أبدًا — فقط نصف القطر واللون هما اللذان يتم تحريكهما. والنتيجة هي لقطة جغرافية تنمو وتتقلص في مكانها مع تقدم الوقت، مما يسهل رؤية كل من 'أين' و 'كم الحجم' في عرض واحد.
متى تستخدمه: استخدم خريطة الفقاعات عندما تريد رؤية مرئية واحدة تجمع بين الجغرافيا والحجم — على سبيل المثال، مراقبة تركز القيمة السوقية في عدد قليل من المدن الساحلية الأمريكية بينما تضيء فقاعات أصغر في جميع أنحاء آسيا وأوروبا.
- موضع الدائرة ثابت في مركز كل بلد
- نصف قطر الدائرة يتناسب مع القيمة في الفترة الحالية
- تتمركز القيمة داخل الدائرة (لا يوجد علم — يحدد الموقع الكيان)
- يتبع اللون لوحة فئات الكيان، ويتلاشى عندما يخرج من top-N
- الفترات التي لا تحتوي على بيانات لا تظهر دائرة لهذا الكيان
فقاعة
يُحزّم الرسم البياني الفقاعي كل كيان كدائرة حرة الحركة بحجم يتحدد بالقيمة، مع حل d3-force للتصادمات بحيث تتجمع الدوائر بإحكام دون تداخل. يُعاد حساب تخطيط التعبئة لكل فترة ويتم lerped بين الفترات المتجاورة للحصول على رسوم متحركة سلسة. لا توجد محاور — لا يحمل الموضع أي معنى كمي؛ فقط الحجم هو الذي يفعل ذلك. يحافظ مقياس √(value) العالمي على أن يكون الكيان الأكبر هو الأكبر بشكل موثوق مع تطور البيانات.
متى تستخدمه: استخدم الرسم البياني الفقاعي عندما تريد مقارنة حجم خالص، متحررًا من المحاور والجغرافيا — مثالي لمعرفة 'أي منها أكبر وبكم' عبر الكيانات العليا بلمحة.
- نصف قطر الدائرة يتناسب مع √(value) — الكيان الأكبر يحصل على الدائرة الأكبر
- الموضع زخرفي؛ تنجرف الدوائر ولكن موقعها بالبكسل لا يحمل معنى قيمة
- العلم يتوضع عند 18px إذا سمحت المساحة؛ مخفي في الدوائر الأصغر من 4px
- وضع التجميع (المنطقة/المجموعة) يركز القيمة بدون علم
- يتبع اللون لوحة فئات الكيان
جدول البيانات
يعرض جدول البيانات جميع القيم في شبكة قابلة للفرز والتمرير. تُظهر كل صف كيانًا مع ترتيبه واسمه وقيمته وحصته العالمية والتغيير السنوي. على عكس الرسوم البيانية المتحركة، يعرض الجدول أرقامًا دقيقة، مما يجعله مثاليًا للمقارنات التفصيلية والتحقق من البيانات. افرز حسب أي عمود للعثور على أفضل الأداء أو الكيانات الأكثر تحركًا أو كيانات محددة.
متى تستخدمه: استخدم جدول البيانات عندما تحتاج إلى أرقام دقيقة بدلًا من انطباعات بصرية — للتحقق من الحقائق أو المقارنات التفصيلية أو تصدير البيانات لمزيد من التحليل.
- افرز حسب عمود 'القيمة' لرؤية أعلى أو أدنى الإدخالات
- يُظهر عمود 'التغيير' النمو أو الانخفاض من الفترة السابقة
- استخدم عمود 'الحصة' لمقارنة نصيب كل كيان من الإجمالي العالمي
- حمّل الجدول بصيغة CSV للاستخدام في جداول البيانات أو الأبحاث
اختيار الرسم البياني المناسب
يجيب كل نوع من الرسوم البيانية على سؤال مختلف. يجيب المخطط الشريطي على 'من يفوز الآن؟'. يجيب مخطط الترتيب على 'من تجاوز من في الترتيب؟'. يجيب المخطط الخطي على 'كيف تطورت كل قيمة؟'. يجيب مخطط التدفق على 'كيف يتدفق الكل كواحد؟'. يجيب المخطط الدائري على 'ما هي حصة كل واحد في هذه اللحظة؟'. تجيب الخريطة الشجرية على 'كم من الإجمالي يشغل كل واحد؟'. تجيب الخريطة الطبقية على 'أين القيم أعلى جغرافياً؟'. تجيب خريطة الفقاعات على 'كم الحجم — وأين؟'. تجيب الفقاعة على 'كيف تقارن الأحجام الخام؟'. ويجيب الجدول على 'ما هي الأرقام الدقيقة؟'. التبديل بين طرق العرض في نفس مجموعة البيانات يمنحك صورة كاملة للبيانات من زوايا متعددة.
- التصنيفات والمنافسة ← شريطي
- مسارات التصنيف والتجاوزات ← ترتيب
- الاتجاهات والمسارات طويلة الأجل ← خطي
- التكوين المتدفق عبر الزمن ← مخطط التدفق
- الحصة في لحظة ← دائري
- جميع الكيانات مجمعة في إطار واحد ← خريطة شجرية
- الأنماط الجغرافية ← خريطة طبقية
- الجغرافيا + الحجم في عرض واحد ← خريطة الفقاعات
- مقارنة الحجم الخالص ← فقاعة
- القيم الدقيقة والتصدير ← جدول البيانات