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

الوجبات السريعة الرئيسية

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

ما هو تصور بيانات الخريطة الحرارية؟

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

أساسيات الخريطة الحرارية

يُعدّ اختيار مقياس الألوان المناسب أمرًا أساسيًا في إنشاء الخرائط الحرارية. بالنسبة للبيانات التي ترتفع أو تنخفض، مثل المبيعات، تُناسب المقاييس المتسلسلة . أما بالنسبة للبيانات التي تتضمن قيمًا عالية ومنخفضة، مثل درجة الحرارة، فإن المقاييس المتباعدة أفضل.

ترميز الألوان في الخرائط الحرارية

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

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

تُعد الخرائط الحرارية ضرورية لعرض البيانات بطريقة واضحة، وتُستخدم في العديد من المجالات 3. وهي مفيدة بشكل خاص في مجالات مثل علم الوراثة والتمويل لعرض كميات كبيرة من البيانات في وقت واحد 3.

أدوات مثل Google Charts و Tableau تجعل استخدام الخرائط الحرارية سهلاً للجميع 3. فهي توفر أنواعًا عديدة من المخططات وطرقًا للتخصيص، مما يساعد المستخدمين على إنشاء خرائط حرارية جميلة ومفيدة 3.

فوائد استخدام الخرائط الحرارية لتصور البيانات

Heatmaps are great at finding patterns and trends in big datasets. They use colors to show where things are more or less common. This helps users see important things that might be hidden in numbers6.

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

تحديد النمط والاتجاه

تُعدّ الخرائط الحرارية أداةً فعّالةً للغاية في رصد الأنماط والاتجاهات. فهي تستخدم الألوان لتسليط الضوء على المناطق المهمة، مما يُسهّل رؤية ما يبرز بوضوح . وهذا مفيدٌ للغاية لاتخاذ قراراتٍ صائبة.

التعامل مع مجموعات البيانات الكبيرة

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

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

يُعدّ استخدام الخرائط الحرارية لتصوير البيانات ذا فوائد عديدة، فهو يُساعد في اكتشاف الأنماط، وتحليل الاتجاهات، والتعامل مع مجموعات البيانات الضخمة. كما تستخدم الخرائط الحرارية اللون والمساحة لتقديم رؤية واضحة للبيانات المعقدة، مما يُسهم في اتخاذ القرارات.

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

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

تستخدم الخرائط الحرارية الألوان لعرض البيانات، مما يُسهّل فهمها. فهي تُحوّل البيانات المعقدة إلى صور مرئية واضحة. وهذا ما يجعلها مفيدة للغاية في تصور البيانات المعقدة ، وتطبيقات الخرائط الحرارية ، وتحليل البيانات المتنوع.

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

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

تصور الخريطة الحرارية

"تُعدّ الخرائط الحرارية وسيلة فعّالة لتصوّر وتحليل مجموعات البيانات المعقدة، مما يسمح للمستخدمين باكتشاف الأنماط والاتجاهات والعلاقات التي قد تكون مخفية في البيانات الرقمية." - خبير في تصوّر البيانات

أنواع الخرائط الحرارية

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

خرائط الحرارة للموقع

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

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

الخرائط الحرارية للشبكة

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

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

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

تطبيقات تصور الخريطة الحرارية

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

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

في الرياضة، تُعدّ الخرائط الحرارية أداةً أساسيةً للمدربين والمحللين. فهي تُظهر تحركات اللاعبين واستراتيجياتهم ومدى جودة أدائهم. وهذا يُساعد على تحسين التدريب، وتحديد المجالات التي تحتاج إلى تطوير، والتخطيط للفوز بالمباريات.

"توفر الخرائط الحرارية رؤى ثاقبة حول سلوك المستخدمين لفرق المنتجات، والمسوقين، والمحللين، والمصممين، والبائعين عبر الإنترنت." 12

تُظهر تقنية تصوير الخرائط الحرارية قوتها من خلال تقديم رؤى عميقة عبر العديد من المجالات 12 13 14.

تفسير وتحليل الخرائط الحرارية

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

اختيار مقياس اللون

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

دقة البيانات

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

نوع مقياس اللونالبيانات المناسبة
تسلسليالبيانات المستمرة وأحادية الاتجاه (مثل السكان والمبيعات)
تباينالبيانات ذات القيم الإيجابية والسلبية (مثل درجة الحرارة والأداء المالي)
مستمرالقيم التي لا تحتاج إلى تقسيمها إلى فترات
تم تجاهلهالبيانات ذات القيم أو الفواصل الزمنية المنفصلة (على سبيل المثال، الفئات العمرية، ورضا العملاء)

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

مقاييس ألوان الخريطة الحرارية

أفضل الممارسات لتصور خريطة التمثيل اللوني الفعال

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

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

  • تأكد من أن بياناتك كبيرة وممثلة لخرائط الحرارة الدقيقة16.
  • حافظ على وضوح الأمور عن طريق إضافة التصنيفات ووسائل الإيضاح إلى الخرائط الحرارية16.
  • أضف أدوات تفاعلية مثل التكبير/التصغير والتصفية للسماح للمستخدمين بالتعمق أكثر في البيانات18.

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

"تعمل الخرائط الحرارية على تبسيط البيانات المعقدة وتحويلها إلى رسوم بيانية سهلة التفسير مقارنةً بتقارير التحليلات القياسية." 17

الأدوات والمكتبات لإنشاء خرائط الحرارة

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

تتضمن مكتبات المصادر المفتوحة الشائعة لتصور البيانات D3.js وMatplotlib وSeaborn. تتيح لنا هذه المكتبات إنشاء خرائط حرارية قابلة للتخصيص . أما على الصعيد التجاري، فتتضمن برامج Tableau وPower BI وPlotly أدوات مدمجة لإنشاء الخرائط الحرارية ، كما توفر لوحات معلومات تفاعلية وأدوات تحليل متقدمة.

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

أداةقدرات الخريطة الحرارية
Excelالتنسيق الشرطي وأنظمة الألوان وتنسيق الخريطة الحرارية
التابلوه لوحة حيةاتصل بمصادر البيانات، واسحب المتغيرات، واختر أنظمة الألوان، وقم بتخصيص عوامل التصفية وتلميحات الأدوات
Rقم بتحميل المكتبات، وإعداد البيانات، واستخدام وظائف الخريطة الحرارية، وتنسيق الخريطة الحرارية
Pythonقم باستيراد المكتبات وإعداد البيانات واستخدام وظائف الخريطة الحرارية وتخصيص الخريطة الحرارية

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

"تُعدّ الخرائط الحرارية وسيلة فعّالة لتصوّر البيانات التي تُظهر كيفية ارتباط المتغيرات المختلفة في قطاعات متنوعة، مثل سلوك العملاء، وحركة مرور مواقع الويب، أو أداء المبيعات." 19

خاتمة

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

مع ازدياد حجم البيانات وتعقيدها، ستظل خرائط الحرارة ذات أهمية بالغة. فهي توفر رؤى معمقة حول كيفية تفاعل المستخدمين مع المواقع الإلكترونية، وتُظهر لنا ما يجذب انتباههم . كما تُسهم خرائط الحرارة في تحسين المنتجات، وتطوير تجربة المستخدم، وزيادة المبيعات.

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

الأسئلة الشائعة

ما هي خريطة التمثيل اللوني؟

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

كيف تستخدم الخرائط الحرارية اللون لتشفير البيانات؟

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

ما هي فوائد استخدام الخرائط الحرارية لتصور البيانات؟

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

ما هي الأنواع المختلفة للخرائط الحرارية؟

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

ما هي بعض تطبيقات الخرائط الحرارية؟

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

كيف يمكنك تفسير وتحليل الخرائط الحرارية بشكل فعال؟

من المهم اختيار الألوان المناسبة للبيانات. يمكن أن تُظهر الخرائط الحرارية التفاصيل الكبيرة والصغيرة. وهذا يساعد المستخدمين على التركيز على ما يريدون رؤيته.

ما هي بعض أفضل الممارسات لإنشاء خرائط حرارية فعالة؟

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

ما الأدوات والمكتبات المتوفرة لإنشاء خرائط الحرارة؟

تساعد العديد من الأدوات والمكتبات في إنشاء خرائط التمثيل اللوني، مثل D3.js وMatplotlib وSeaborn. تشمل الخيارات التجارية Tableau وPower BI وPlotly. الأفضل يعتمد على احتياجات مشروعك وكيف تحب العمل.

روابط المصدر

  1. https://www.fullstory.com/blog/heatmap/
  2. https://www.techtarget.com/searchbusinessanalytics/definition/heat-map
  3. https://www.knowledgehut.com/blog/business-intelligence-and-visualization/heatmap-data-visualization
  4. https://contentsquare.com/blog/heatmap-design/
  5. https://userpilot.com/blog/what-is-a-heatmap/
  6. https://vwo.com/blog/heatmap-visualization/
  7. https://forum.image.sc/t/heatmap-generation/27049
  8. https://www.ncbi.nlm.nih.gov/pmc/articles/PMC10989952/
  9. https://www.publichealth.columbia.edu/research/population-health-methods/heat-maps-and-quilt-plots
  10. https://fuselabcreative.com/heat-map-data-visualization-guide/
  11. https://instapage.com/blog/heat-map/
  12. https://www.hotjar.com/heatmaps/
  13. https://www.optimizely.com/optimization-glossary/heatmap/
  14. https://www.replo.app/blog/heatmap
  15. https://www.geeksforgeeks.org/what-is-heatmap-data-visualization-and-how-to-use-it/
  16. https://www.linkedin.com/advice/0/what-best-practices-using-heat-maps-identify-patterns-bhbec
  17. https://singleorigin.co/mastering-heat-maps-techniques-and-strategies/
  18. https://doc.arcgis.com/en/arcgis-online/reference/best-practices-high-density-data.htm
  19. https://www.linkedin.com/advice/0/what-most-effective-tools-creating-heat-maps-vsdce
  20. https://thedecisionlab.com/reference-guide/design/heatmaps