play.html، والمتاحة على المسار /play لأي منفذ HTTP في ClickHouse) تلوين خلايا النتائج لتسهيل تمييز الأنماط في العمود بنظرة سريعة. ولكل عمود وضع ترميز لوني خاص به يمكن تبديله بشكل مستقل.
تبديل الوضع
- تتنقّل الأعمدة الرقمية وأعمدة
Date/DateTime/Date32/DateTime64عبرbar→heatmap→categorical→none. - تتبدّل جميع الأعمدة الأخرى بين
noneوcategorical.
bar للأعمدة الرقمية وnone لجميع الأعمدة الأخرى، بما في ذلك أعمدة التاريخ والوقت.
الأوضاع
bar— يرسم شريطًا أفقيًا داخل الخلية يتناسب مع القيمة. في الأعمدة الرقمية، ينمو الشريط انطلاقًا من خط أساس صفري؛ أما في أعمدةDate/DateTimeفيمتد عبر النطاقmin..maxالخاص بالعمود بدلًا من ذلك، لأن خط الأساس الصفري لا يكون ذا معنى مع الطوابع الزمنية.heatmap— يملأ خلفية الخلية بالكامل بلون يشفّر القيمة بعد تحجيمها بين الحد الأدنى والحد الأقصى للعمود.categorical— يملأ خلفية الخلية بلون مشتق من تجزئة قيمة الخلية، بحيث تحصل القيم المتساوية على اللون نفسه وتحصل القيم المختلفة على ألوان مختلفة. وينطبق ذلك على أي نوع من الأعمدة.none— بدون ترميز لوني.
Date وDateTime وDate32 وDateTime64 بحسب قيمتها الزمنية، بعد تحليلها بصيغة UTC بحيث يكون المقياس مستقلًا عن المنطقة الزمنية في متصفح المستخدم.
تستخدم ألوان الخلفية في heatmap وcategorical الفضاء اللوني oklch، مع تغيير درجة اللون فقط مع إبقاء السطوع والتشبّع ثابتين لكل نسق، بحيث يظل نص الخلية قابلًا للقراءة في كلٍّ من النسق الفاتح والداكن. وتملأ الخلفية الخلية بأكملها حتى عندما يمتد الصف على أكثر من سطر واحد.
إبراز التحديد في وضع categorical
categorical، يؤدي تحديد خلية إلى إبراز الخلايا الأخرى التي تحمل القيمة نفسها، وذلك بعرضها بخط أكثر سماكة ولون نص عالي التباين (أبيض ناصع في النسق الداكن، وأسود ناصع في النسق الفاتح). أما الخلية المحددة نفسها، فلا تُبرز. وهذا يسهّل رؤية المواضع الأخرى التي تظهر فيها قيمة معيّنة داخل العمود.
الاحتفاظ
default، للحفاظ على صِغر حجم URL وحالة السجل.
القيود
- لا يعرض التخطيط العمودي (المنقول) لصف واحد أي ترميز لوني.
- لا يميّز مقياس الألوان فروق
DateTime64(9)التي تقل عن ميكروثانية، إذ لا يكون ذلك ذا دلالة بصرية في التدرج اللوني.