5.10 ডেটা ভিজ্যুয়ালাইজেশন ডিজাইন

পরিচিতি ও প্রেরণা

একটি চার্ট কালি দিয়ে তৈরি একটি যুক্তি। আপনি ডেটা প্লট করার সময় বেছে নেন পাঠক প্রথমে কী লক্ষ করবে, কী তুলনা করবে, এবং সরে যাওয়ার আগের দুই সেকেন্ডে কী সিদ্ধান্তে পৌঁছাবে। ভালোভাবে করলে একটি কঠিন প্রশ্ন নিজেই উত্তর দেয়: প্রবণতা সুস্পষ্ট, বহির্ভূত মান লাফিয়ে ওঠে, দুটি গোষ্ঠী স্পষ্টভাবে ভিন্ন। খারাপভাবে করলে একই ডেটা বিভ্রান্ত করে, গুলিয়ে দেয় বা কেবল ক্লান্ত করে, এবং যে সিদ্ধান্ত জানানোর কথা ছিল তা অনুভূতির ওপর নেওয়া হয়। ডেটা ভিজ্যুয়ালাইজেশন হলো সংখ্যাকে ছবিতে পরিণত করার নকশা কারিগরি যাতে মানুষ সংখ্যার অর্থ দেখতে পারে।

এই অধ্যায় সেই কারিগরি নিয়ে: সঠিক চার্ট বাছা, ডেটা সততার সঙ্গে এনকোড করা, রং ও বিন্যাস ব্যবহার করা যাতে চোখ যেখানে পড়া উচিত সেখানে পড়ে, এবং পুরোটা অ্যাক্সেসযোগ্য রাখা। এটি পর্ব ৫-এর ভেতরে বসে কারণ একটি চার্ট একটি ইন্টারফেস, এবং এটি পর্বের বাকি সবকিছু উত্তরাধিকার পায়। এটি অধ্যায় 5.1-এর ব্যবহারকারী অভিজ্ঞতা (UX) ভিত্তির ওপর গড়া, অধ্যায় 5.2-এর ডিজাইন সিস্টেম থেকে টোকেন ও উপাদান ধার করে, অধ্যায় 5.3-এর অ্যাক্সেসিবিলিটি কর্তব্য পূরণ করতে হয়, এবং অধ্যায় 5.4-এর কনটেন্ট ডিজাইনের সরল, উদ্দেশ্যপূর্ণ কণ্ঠে কথা বলে। এটি ইচ্ছাকৃতভাবে নল-ব্যবস্থার বাইরে থাকে। বিশ্লেষণ ও বিজনেস ইন্টেলিজেন্সের (অধ্যায় 7.3) ডেটা পাইপলাইন, ওয়্যারহাউস ও রিপোর্টিং টুল একটি ভিন্ন বিষয়, যেমন অধ্যায় 7.5-এর বৃহত্তর সিদ্ধান্ত বিজ্ঞান ও ডেটা সংস্কৃতি। এখানে আপনি শিখবেন ডেটা যেখান থেকেই আসুক, ছবি কীভাবে ভালো করবেন।

বড় দলের জন্য ঝুঁকি সমন্বয় ও আস্থা। যখন প্রতিটি স্কোয়াড নিজস্ব চার্ট স্টাইল করে, একটি কোম্পানি “সময়ের সঙ্গে রাজস্ব”-এর পঞ্চাশটি উপভাষা নিয়ে শেষ হয়, প্রতিটির ভিন্ন অক্ষ, রং ও রাউন্ডিং, এবং নির্বাহীরা সবগুলোকে অবিশ্বাস করতে শেখে। এন্টারপ্রাইজ পরিবেশে একটি বিভ্রান্তিকর ড্যাশবোর্ড প্রকৃত বাজেটকে ভুল দিকে চালায়। সরকারে একটি জনসাধারণের চার্ট নাগরিকদের সঙ্গে যোগাযোগের কাজ এবং অধ্যায় 10.16-এর অংশীদার যোগাযোগের বিষয়: একটি জনস্বাস্থ্য গ্রাফিকে ছাঁটা অক্ষ লক্ষ লক্ষ মানুষকে আতঙ্কিত বা মিথ্যা আশ্বস্ত করতে পারে, এবং অ্যাক্সেসিবিলিটি পছন্দ নয়, আইনি কর্তব্য। ভালো ভিজ্যুয়ালাইজেশন নকশাই ডেটা বিশ্বাস পাওয়ার অধিকার অর্জনের উপায়।

মূল নীতিসমূহ

• পাঠকের যে প্রশ্ন আছে তা থেকে শুরু করুন, তারপর যে চার্ট তার উত্তর দেয় তা বাছুন।
• দৃশ্য এনকোডিং ডেটা ধরনের সঙ্গে মেলান: সুনির্দিষ্ট তুলনার জন্য অবস্থান, শ্রেণির জন্য বর্ণ।
• ডেটা বহনকারী কালির অংশ সর্বাধিক করুন; যা কিছু বহন করে না সেই সাজসজ্জা মুছুন।
• সুচিন্তিতভাবে প্রাক-মনোযোগী বৈশিষ্ট্য ব্যবহার করুন যাতে চোখ প্রথমে বিন্দুতে পড়ে।
• ডেটা ভূমিকা (ক্রমিক, অপসারী, শ্রেণিগত) অনুযায়ী প্যালেট বাছুন এবং বর্ণান্ধ-নিরাপদ রাখুন।
• কখনো কেবল রঙের ওপর নির্ভর করবেন না; পাঠ্য, কাঠামো এবং একটি টেবিল বিকল্প দিন।
• স্কেল সম্পর্কে সত্য বলুন: কোনো ছাঁটা অক্ষ নয়, বিভ্রান্তিকর এলাকা নয়, অকারণ দ্বৈত অক্ষ নয়।
• অন্তর্দৃষ্টিতে টীকা দিন; পাঠককে তা খুঁজতে বাধ্য করবেন না।

সুপারিশ

প্রশ্ন থেকে শুরু করুন, তারপর চার্ট বাছুন

প্রতিটি ভালো চার্ট একটি প্রশ্ন দিয়ে শুরু হয়, ডেটাসেট নয়। একটি চার্ট ধরনের দিকে হাত বাড়ানোর আগে, এক বাক্যে পাঠকের প্রশ্নের নাম দিন, তারপর তা একটি কাজের সঙ্গে মেলান। তুলনা (“কোনটি বড়?“) চায় একটি বার চার্ট, যেখানে দৈর্ঘ্য একটি সাধারণ ভিত্তিরেখায় বসে এবং চোখ অনায়াসে সেগুলো র‍্যাঙ্ক করে। সময়ের সঙ্গে প্রবণতা (“এটি কোন দিকে যাচ্ছে?“) চায় একটি লাইন চার্ট, কারণ একটি সংযুক্ত রেখা অবিরাম পরিবর্তন হিসেবে পড়া হয়। বিতরণ (“এটি কীভাবে ছড়ানো?“) চায় একটি হিস্টোগ্রাম বা বক্স প্লট, যা আকার, কেন্দ্র ও বহির্ভূত মান দেখায়। অংশ-থেকে-সমগ্র (“প্রতিটি টুকরোর ভাগ কত?“) সাধারণত একটি পাইয়ের চেয়ে একটি স্ট্যাকড বার ভালো সেবা পায়, কারণ মানুষ কোণের চেয়ে দৈর্ঘ্য অনেক বেশি নির্ভুলভাবে তুলনা করে; পাই চার্ট দুই বা তিনটি টুকরোর জন্য সংরক্ষণ করুন যেখানে ভাগই পুরো গল্প। সম্পর্ক (“এই দুটি কি একসঙ্গে সরে?“) চায় একটি স্ক্যাটার প্লট, একমাত্র চার্ট যা এক নজরে সহসম্পর্ক ও গুচ্ছ প্রকাশ করে।

শৃঙ্খলা হলো প্রশ্নকে চার্ট বাছতে দেওয়া, কখনো উল্টোটা নয়। চমকপ্রদ দেখায় বলে বাছা একটি চার্ট ধরন (একটি ৩D বিস্ফোরিত পাই, একটি রাডার চার্ট, ছিদ্রে একটি সংখ্যাসহ একটি ডোনাট) পাঠকের নয়, ডিজাইনারের সুবিধায় নেওয়া সিদ্ধান্ত। একটি টেবিল প্রশ্নের উত্তর দ্রুত দিলে (চার সারির সঠিক সংখ্যা দরকার এমন পাঠকের চার্টই লাগে না), টেবিল ব্যবহার করুন। চার্ট কেবল তখনই যথার্থ যখন একটি ছবি এমন প্যাটার্ন প্রকাশ করে যা গ্রিডে অঙ্ক লুকাত।

দৃশ্য এনকোডিং ডেটার সঙ্গে মেলান

একটি চার্ট কাজ করে ডেটাকে দৃশ্য বৈশিষ্ট্যে ম্যাপ করে, এবং সেই বৈশিষ্ট্য সমান নয়। দশকের পর দশক ধরে উপলব্ধি গবেষণা সেগুলো র‍্যাঙ্ক করেছে। একটি সাধারণ স্কেল বরাবর অবস্থান মানুষের সবচেয়ে নির্ভুল চ্যানেল, যে কারণে ভাগ করা অক্ষে বার ও বিন্দু তুলনার জন্য অন্য সবকিছুকে হারায়। দৈর্ঘ্য পরে আসে, তারপর কোণ ও ঢাল, তারপর এলাকা, তারপর রং তীব্রতা, এবং শেষে বর্ণ, যা পরিমাণ বিচারে প্রায় অকেজো কিন্তু শ্রেণি লেবেল করতে চমৎকার। আপনার সবচেয়ে নির্ভুল চ্যানেল আপনার সবচেয়ে গুরুত্বপূর্ণ পরিমাণে ব্যয় করুন।

চ্যানেলকে ডেটা ধরনের সঙ্গেও মেলান। পরিমাণগত ডেটা (গণনা, পরিমাণ, সময়কাল) অবস্থান, দৈর্ঘ্য বা একটি ক্রমিক রং ঢালে পড়ে। ক্রমিক ডেটা (ছোট, মাঝারি, বড়) ক্রমযুক্ত আকার বা একটি হালকা-থেকে-গাঢ় ঢাল ব্যবহার করতে পারে। শ্রেণিগত ডেটা (অঞ্চল, পণ্য লাইন, দল) বর্ণ বা আকৃতিতে পড়ে, কখনো এমন আকারে নয় যা বোঝায় একটি শ্রেণি অন্যটির চেয়ে “বেশি”। ক্লাসিক ভুল হলো একটি শ্রেণিকে রংধনু হিসেবে এনকোড করা যাতে পাঠকের চোখ এমন ক্রম উদ্ভাবন করে যা ডেটার নেই। পরিমাণ এনকোড করুন যেখানে চোখ পরিমাণ পড়ে, এবং পরিচয় যেখানে চোখ পরিচয় পড়ে।

গ্রাফিক্যাল উৎকর্ষ অনুসরণ করুন: ডেটা-কালি সর্বাধিক করুন

Edward Tufte ভিজ্যুয়ালাইজেশনকে তার সবচেয়ে স্পষ্ট নকশা নীতি দিয়েছেন, এবং এটি আত্মস্থ করার যোগ্য। তাঁর কেন্দ্রীয় মাপ ডেটা-কালি অনুপাত: পাতায় সব কালির (বা পিক্সেলের) মধ্যে কোন ভগ্নাংশ আসলে ডেটা এনকোড করে? বাকি সবকিছু (ভারী গ্রিডলাইন, বাক্সযুক্ত সীমানা, ড্রপ শ্যাডো, পটভূমি ভরাট, অপ্রয়োজনীয় লেজেন্ড, সাজসজ্জার ৩D) পাঠকের মনোযোগের ওপর একটি কর। Tufte এই সাজসজ্জাকে চার্টজাঙ্ক বলেন, এবং নির্দেশ সোজা: মুছুন। গ্রিডলাইন ফিসফিস না করা পর্যন্ত হালকা করুন, চার্ট সীমানা ফেলুন, লেজেন্ডে যেতে বাধ্য করার বদলে ডেটা সরাসরি লেবেল করুন, এবং ডেটাকে প্রায় একা দাঁড়াতে দিন। একটি চার্ট শেষ হয় যোগ করার কিছু না থাকলে নয়, অর্থ না হারিয়ে সরানোর কিছু না থাকলে।

দলের জন্য একটি Tufte ধারণা বিশেষ উল্লেখের যোগ্য: ছোট বহুগুণ। আটটি সিরিজ এক জট পাকানো লাইন চার্টে ঠেসে দেওয়ার বদলে, একটি গ্রিডে আটটি ছোট চার্ট আঁকুন, প্রতিটির একই অক্ষ ও স্কেল, প্রতি সিরিজে একটি। চোখ গ্রিড স্ক্যান করে এবং তাৎক্ষণিকভাবে ব্যতিক্রম ধরে, কারণ প্রতিটি প্যানেল সরাসরি তুলনাযোগ্য। ছোট বহুগুণ “পড়ার জন্য অনেক বেশি লাইন”-কে “একটি পাতা যা আপনি দ্রুত দেখতে পারেন”-এ পরিণত করে, এবং একটি একক অতিভারাক্রান্ত প্লটে আরও রং ও আরও লেজেন্ড এন্ট্রি স্তূপ করার চেয়ে অনেক ভালো স্কেল করে।

প্রাক-মনোযোগী বৈশিষ্ট্য ও দৃশ্য শ্রেণিবিন্যাস ব্যবহার করুন

কিছু দৃশ্য পার্থক্য সচেতন মনোযোগের আগে, সেকেন্ডের ভগ্নাংশে, পাঠক “খোঁজার” ছাড়াই নিবন্ধিত হয়। এই প্রাক-মনোযোগী বৈশিষ্ট্য (ধূসরদের মাঝে একটি একক লাল বিন্দু, একটি দীর্ঘতর বার, জায়গায় আলাদা করা একটি আইটেম) চোখ চালানোর আপনার সবচেয়ে শক্তিশালী টুল। সেগুলো উদ্দেশ্য নিয়ে ব্যবহার করুন। চার্টের বিন্দু যদি হয় একটি অঞ্চল পিছিয়ে পড়ছে, সেই অঞ্চল রং করুন এবং বাকিটা ধূসর করুন; পাঠক শিরোনাম পড়ার আগেই বার্তা দেখে। সবকিছু উজ্জ্বল ও মোটা হলে কিছুই তা নয়, কারণ কনট্রাস্ট আপেক্ষিক এবং জোরের পাতা মানে গোলমালের পাতা।

এটি ডেটায় প্রয়োগ করা দৃশ্য শ্রেণিবিন্যাস: ঠিক করুন পাঠকের প্রথমে একটি জিনিস লক্ষ করা উচিত, এবং আপনার সবচেয়ে শক্তিশালী সংকেত সেখানে ব্যয় করুন। শিরোনাম ও টীকা শব্দে মূল কথা বলে। রং ও ওজন প্রমাণের দিকে নির্দেশ করে। সমর্থনকারী সবকিছু (অক্ষ, গ্রিডলাইন, গৌণ সিরিজ) ধূসরে সরে যায় যাতে সামনের অংশ কথা বলতে পারে। শ্রেণিবিন্যাসহীন একটি চার্ট পাঠককে কী গুরুত্বপূর্ণ তা বের করার ডিজাইনারের কাজ করতে বলে।

ভূমিকা অনুযায়ী রং বাছুন, এবং বর্ণান্ধ-নিরাপদ করুন

রং সবচেয়ে প্রায়ই অপব্যবহৃত চ্যানেল, তাই তিন পরিবারসহ একটি সিস্টেম হিসেবে গণ্য করুন। একটি ক্রমিক প্যালেট একটি বর্ণে হালকা থেকে গাঢ় চলে এবং নিম্ন থেকে উচ্চ যাওয়া পরিমাণ এনকোড করে (জনসংখ্যার ঘনত্ব, রাজস্ব)। একটি অপসারী প্যালেটের একটি নিরপেক্ষ মধ্যবিন্দুতে মিলিত দুটি বর্ণ আছে এবং একটি কেন্দ্র থেকে বিচ্যুতি এনকোড করে (তাপমাত্রা অসঙ্গতি, শূন্য ঘিরে লাভ ও ক্ষতি, নিরপেক্ষ ঘিরে জরিপ সম্মতি)। একটি শ্রেণিগত প্যালেট ক্রমহীন গোষ্ঠী লেবেল করার জন্য স্বতন্ত্র বর্ণের একটি সেট; মোটামুটি সাতটি রঙে রাখুন, কারণ তার বেশি হলে পাঠক সেগুলো আলাদা করতে পারে না। ভুল পরিবার বাছা (একটি পরিমাণের জন্য একটি শ্রেণিগত রংধনু, ক্রমহীন শ্রেণির জন্য একটি ক্রমিক ঢাল) পাঠকের উপলব্ধির বিরুদ্ধে লড়ে।

তারপর এটি অ্যাক্সেসযোগ্য করুন, কারণ মোটামুটি বারোজনে একজন পুরুষের কোনো না কোনো রকম বর্ণান্ধতা আছে। লাল ও সবুজ ক্লাসিক ফাঁদ: একটি লাল-খারাপ, সবুজ-ভালো চার্ট সবচেয়ে সাধারণ ঘাটতির কাছে অদৃশ্য। বর্ণান্ধ-নিরাপদ প্যালেট বাছুন (নীল-থেকে-কমলা অপসারী স্কিম এবং ColorBrewer-এর মতো টুলের সুপরীক্ষিত শ্রেণিগত সেট নিরাপদ সূচনা বিন্দু), এবং পাঠানোর আগে সাধারণ ঘাটতি অনুকরণ করে যাচাই করুন। কনট্রাস্টও পরীক্ষা করুন, যাতে পাঠ্য ও চিহ্ন অধ্যায় 5.3-এর অ্যাক্সেসিবিলিটি মানে প্রয়োজনীয় অনুপাত পূরণ করে। রং এমন বার্তাকে জোরালো করবে যা ইতিমধ্যে তা ছাড়াই টিকে থাকে।

কেবল রঙের ওপর নির্ভর করবেন না; বিকল্প দিন

ডেটা ভিজ্যুয়ালাইজেশনে অ্যাক্সেসিবিলিটি প্যালেট পছন্দের চেয়ে বেশি। Web Content Accessibility Guidelines (WCAG)-এর মূল নিয়ম হলো রং কখনো তথ্য প্রকাশের একমাত্র উপায় হওয়া চলবে না। তাই রংকে একটি দ্বিতীয় সংকেতের সঙ্গে জোড়ুন: সরাসরি লেবেল, একটি স্ক্যাটারে স্বতন্ত্র আকৃতি বা মার্কার, একটি লাইন চার্টে ভিন্ন লাইন স্টাইল (নিরেট, ড্যাশযুক্ত), বা গুরুত্বপূর্ণ বারে একটি পাঠ্য লেবেল। যে পাঠক আপনার বর্ণ আলাদা করতে পারেন না তাঁর তবুও অতিরিক্ত এনকোডিং থেকে পূর্ণ বার্তা পাওয়া উচিত।

একটি প্রকৃত পাঠ্য বিকল্প ও বিকল্প ব্যবস্থা দিন। একটি চার্ট ছবির এমন alt পাঠ্য দরকার যা মূল কথা বলে, “বিক্রয়ের চার্ট” নয়, এবং একটি দীর্ঘতর বর্ণনা বা ক্যাপশন যা প্রবণতার নাম দেয়। যেখানে ব্যবহারিক, অন্তর্নিহিত ডেটা একটি অ্যাক্সেসযোগ্য টেবিল হিসেবে দিন, যাতে একজন স্ক্রিন-রিডার ব্যবহারকারী এবং একজন স্প্রেডশিট-মনস্ক বিশ্লেষক দুজনই সরাসরি সংখ্যা পান। এটি অধ্যায় 5.2-এর “একটি উপাদানে একবার সমাধান করুন” শৃঙ্খলার প্রতিধ্বনি করে: সঠিক ভূমিকা, ইন্টারঅ্যাক্টিভ উপাদানের জন্য কিবোর্ড ফোকাস এবং গাঁথা টেবিল দৃশ্যসহ অ্যাক্সেসযোগ্য চার্ট উপাদান গড়ুন, যাতে প্রতিটি দল প্রতি ড্যাশবোর্ডে পুনরাবিষ্কারের বদলে অ্যাক্সেসিবিলিটি উত্তরাধিকার পায়।

জানুন আপনি অন্বেষণ, ব্যাখ্যা নাকি পর্যবেক্ষণ করছেন

চার্ট তিনটি ভিন্ন কাজ করে, এবং সেগুলো গুলিয়ে ফেলা খারাপ কাজ তৈরি করে। অন্বেষণমূলক ভিজ্যুয়ালাইজেশন আপনার জন্য, বিশ্লেষক, কী আকর্ষণীয় তা ডেটায় খোঁজার জন্য; এটি দ্রুত, ঘন ও কুৎসিত হতে পারে, কারণ শ্রোতা একজন বিশেষজ্ঞ যিনি পুনরাবৃত্তি করবেন। ব্যাখ্যামূলক ভিজ্যুয়ালাইজেশন একটি শ্রোতার জন্য, আপনি ইতিমধ্যে বোঝেন এমন একটি নির্দিষ্ট পর্যবেক্ষণ জানানো; এটি সুচিন্তিত, টীকাযুক্ত এবং একটি একক বার্তায় ছাঁটা, এবং অধ্যায় 10.16-এর গল্প বলায় পড়ে। একটি ড্যাশবোর্ড তৃতীয় জিনিস: সময়ের সঙ্গে জানা মেট্রিক পর্যবেক্ষণের জন্য একটি স্থায়ী, এক-নজর প্রদর্শন, একটি এককালীন যুক্তির বদলে “এখন কিছু কি ভুল?”-র জন্য অপ্টিমাইজ করা।

কাজের সঙ্গে নকশা মেলান। একটি শিরোনাম ও একটি হাইলাইট করা সিরিজসহ ব্যাখ্যামূলক চার্ট একটি পর্যবেক্ষণ ড্যাশবোর্ডের জন্য ভুল, যেখানে পাঠকের এক নজরে অনেক মেট্রিক এবং সামঞ্জস্যপূর্ণ বসানো দরকার যাতে তাঁর চোখ বিন্যাস শেখে। বিবরণমূলক টীকায় ঠাসা একটি ড্যাশবোর্ড প্রতি সকালে পরীক্ষা করা ক্লান্তিকর। আর কাঁচা প্লটে ভরা একটি অন্বেষণমূলক নোটবুক একজন নির্বাহীর হাতে ব্যাখ্যা হিসেবে কখনো তুলে দেওয়া উচিত নয়। আগে কাজ ঠিক করুন; নকশা অনুসরণ করে।

কখনো বিভ্রান্ত করবেন না: সৎ স্কেল, সৎ এলাকা

আস্থা ধ্বংস করার দ্রুততম উপায় হলো এমন চার্ট যা সত্যবাদী দেখাতে দেখাতে মিথ্যা বলে। সবচেয়ে সাধারণ মিথ্যা হলো ছাঁটা অক্ষ: একটি বার চার্টের y-অক্ষ ০-র বদলে ৯০-এ শুরু করা ২% পার্থক্যকে একটি খাড়া পাহাড়ে পরিণত করে, কারণ বারের দৈর্ঘ্য আর মানের সঙ্গে ম্যাপ করে না। বার সবসময় শূন্য থেকে শুরু করতে হবে; লাইন চার্ট, যা পরিমাণের বদলে পরিবর্তন এনকোড করে, স্পষ্টভাবে লেবেল করলে একটি অ-শূন্য ভিত্তিরেখা ব্যবহার করতে পারে। দ্বিতীয় ফাঁদ হলো দ্বৈত অক্ষ: একটি চার্টে দুটি y-স্কেল স্কেল সরিয়ে আপনাকে যেকোনো সহসম্পর্ক তৈরি করতে দেয়, এবং পাঠকরা কদাচিৎ লক্ষ করেন। বদলে দুটি সারিবদ্ধ চার্ট বা একটি সূচকিত দৃশ্য পছন্দ করুন। তৃতীয় হলো বিভ্রান্তিকর এলাকা: যখন আপনি একটি মান উপস্থাপন করতে একটি আইকন বা বুদবুদ প্রস্থ ও উচ্চতা দুটি দিয়ে স্কেল করেন, এলাকা বর্গ হিসেবে বাড়ে এবং পার্থক্যকে উগ্রভাবে অতিরঞ্জিত করে; পাশের দৈর্ঘ্য দিয়ে নয়, এলাকা দিয়ে স্কেল করুন।

এগুলোকে শৈলী পছন্দ নয়, সততার নিয়ম গণ্য করুন। একটি চার্ট একটি দাবি যা আপনি পাঠককে বিশ্বাস করতে বলছেন, এবং এই বিকৃতির প্রতিটি উপলব্ধি কীভাবে কাজ করে তা কাজে লাগিয়ে একটি ছোট জিনিসকে বড় বা সম্পর্কহীন জিনিসকে যুক্ত দেখায়। নিচের সরকারি ও এন্টারপ্রাইজ উদাহরণ দেখায় শ্রোতা জনগণ বা বোর্ড হলে সেই বিশ্বাসঘাতকতা কতটা ব্যয়বহুল হয়।

অন্তর্দৃষ্টিতে টীকা দিন এবং সংযমের সঙ্গে ইন্টারঅ্যাক্টিভিটি যোগ করুন

যে চার্ট পাঠককে বিন্দু খুঁজতে বাধ্য করে তা অর্ধেক সম্পূর্ণ। এতে টীকা দিন: একটি শিরোনাম যা বিষয় (“সময়ের সঙ্গে সাইনআপ”) নয়, পর্যবেক্ষণ (“মার্চ লঞ্চের পরে সাইনআপ দ্বিগুণ হয়েছে”) বলে, মূল ঘটনায় একটি কলআউট, লক্ষ্য বা গড়ের জন্য একটি রেফারেন্স লাইন। টীকা সেই জায়গা যেখানে অধ্যায় 5.4-এর নকশা ছবির সঙ্গে মেলে; শব্দ যুক্তি বহন করে এবং চিহ্ন প্রমাণ দেয়।

ইন্টারঅ্যাক্টিভিটি তার জায়গা অর্জন করে কেবল যখন তা একটি প্রকৃত অনুসরণ প্রশ্নের উত্তর দেয়। সঠিক মানের জন্য টুলটিপ, একটি বিভাগে ফিল্টারিং, এবং একটি বিবরণে ড্রিল-ডাউন সাহায্য করে যখন পাঠকের পরবর্তী প্রশ্ন আছে যা স্থির চার্ট ধরতে পারে না। কিন্তু ইন্টারঅ্যাক্টিভিটি একটি খরচ: এটি তথ্য একটি হোভারের পেছনে লুকায়, স্পর্শে ও কিবোর্ড ব্যবহারকারীদের জন্য ব্যর্থ হয়, এবং কর্মক্ষমতা হামাগুড়ি পর্যন্ত টেনে আনতে পারে। ওয়েবে অধ্যায় 5.6-এর রেন্ডার বাজেটের দিকে নজর রাখুন: হাজার হাজার বিন্দু চায় ক্যানভাস বা একটি সমষ্টিগত দৃশ্য, হাজার হাজার পৃথক নথি উপাদান নয়। ডিফল্ট, স্থির দৃশ্যকে পুরো মূল গল্প বলতে দিন, এবং ইন্টারঅ্যাকশনকে তার নিচের গভীরতা প্রকাশ করতে দিন।

ট্রেড-অফ: সুবিধা ও অসুবিধা

সিদ্ধান্ত	সুবিধা	অসুবিধা
আপনার পণ্যে viz গড়ুন	নকশা, অ্যাক্সেসিবিলিটি, ইন্টারঅ্যাকশনের পূর্ণ নিয়ন্ত্রণ	প্রকৌশল সময় খরচ; আপনি কর্মক্ষমতা ও রক্ষণাবেক্ষণের মালিক
একটি BI টুলের চার্ট ব্যবহার করুন	দ্রুত, সস্তা, ওয়্যারহাউসের সঙ্গে সংযুক্ত	সাধারণ চেহারা; সীমিত অ্যাক্সেসিবিলিটি ও টীকা নিয়ন্ত্রণ
ইন্টারঅ্যাক্টিভ চার্ট	অনুসরণ প্রশ্নের উত্তর দেয়; জায়গাতেই অন্বেষণ	ধীরতর, অ্যাক্সেসযোগ্য করা কঠিনতর, প্রিন্ট ও স্পর্শে ব্যর্থ
স্থির চার্ট	দ্রুত, অ্যাক্সেসযোগ্য, প্রিন্ট-প্রস্তুত, দ্ব্যর্থহীন	পাঠকের পরবর্তী প্রশ্নের উত্তর দিতে পারে না
ড্যাশবোর্ড	অনেক জানা মেট্রিকের এক-নজর পর্যবেক্ষণ	এককালীন যুক্তির জন্য দুর্বল; মেট্রিক বিস্তারে প্রলুব্ধ করে
ব্যাখ্যামূলক চার্ট	জোরের সঙ্গে একটি বার্তা দেয়	পর্যবেক্ষণ বা মুক্ত-প্রান্ত অন্বেষণের জন্য ভুল
সমৃদ্ধ রং ও প্রভাব	চোখ-ধাঁধানো; পালিশ করা মনে হয়	চার্টজাঙ্ক; ডেটা-কালি অনুপাত ও অ্যাক্সেসিবিলিটি ক্ষতি করে

পুনরাবৃত্ত টানাপোড়েন অভিব্যক্তি বনাম সততা ও স্পষ্টতা। একটি চার্ট সমৃদ্ধ করা প্রতিটি ফিচার (একটি দ্বিতীয় অক্ষ, একটি রং ঢাল, একটি ৩D দৃষ্টিভঙ্গি, একটি অ্যানিমেশন) বিভ্রান্ত করার বা বিন্দু চাপা দেওয়ারও একটি উপায় যোগ করে। কমের ডিফল্টে এর সমাধান করুন: প্রশ্নের উত্তর দেয় এমন সরলতম চার্ট, সবচেয়ে কম রঙে, সত্য বলা স্কেলসহ। অভিব্যক্তি কেবল তখন যোগ করুন যখন একটি নির্দিষ্ট পাঠক প্রশ্ন তা দাবি করে, এবং অ্যাক্সেসিবিলিটি ও কর্মক্ষমতা খরচ জেনেশুনে দিন। অন্য স্থায়ী বিনিময় গড়া-বনাম-কেনা। একটি BI টুল মিনিটে পর্দায় একটি চার্ট আনে এবং অভ্যন্তরীণ পর্যবেক্ষণের জন্য সঠিক পছন্দ; একটি গ্রাহক-মুখী পণ্যে এমবেড করা viz সাধারণত নকশা, অ্যাক্সেসিবিলিটি ও কর্মক্ষমতা নিয়ন্ত্রণ চায় যা কেবল একটি উদ্দেশ্য-নির্মিত উপাদান দেয়।

আপনার দলের সঙ্গে আলোচনার প্রশ্ন

1. আমাদের চার্ট কি একটি দৃশ্য ভাষা ভাগ করে, নাকি প্রতিটি দল নিজস্বটি উদ্ভাবন করে? প্রতিটি স্কোয়াড নিজস্ব রং, অক্ষ রীতি, রাউন্ডিং ও চার্ট ধরন বাছলে প্রতিষ্ঠান উপভাষা জমায় যা নিঃশব্দে আস্থা ক্ষুণ্ণ করে: ভিন্ন স্কেল ও ভিন্ন সবুজসহ “সক্রিয় ব্যবহারকারী” দেখানো দুটি ড্যাশবোর্ড নির্বাহীদের শেখায় ডেটা ভরসাযোগ্য নয়। তিনটি দল থেকে একই মেট্রিকের তিনটি চার্ট আনুন এবং পাশাপাশি রাখুন। আপনি যে ফাঁক পান (এখানে একটি ছাঁটা অক্ষ, ওখানে শ্রেণির রংধনু, একটিতে হাজারে এবং অন্যটিতে লক্ষে রাজস্ব) সেগুলোই একটি ভাগ করা চার্ট উপাদান লাইব্রেরির যুক্তি, সম্মত প্যালেট, ডিফল্ট অক্ষ নিয়ম এবং গাঁথা অ্যাক্সেসিবিলিটিসহ, অধ্যায় 5.2-এর ডিজাইন সিস্টেমের মতো শাসিত। লক্ষ্য হলো কোম্পানির যেকোনো চার্ট এক নজরে সঠিকভাবে পড়া যায়, কারণ ব্যাকরণ ভাগ করা।

2. আমাদের সবচেয়ে গুরুত্বপূর্ণ চার্ট কি একজন বর্ণান্ধ পাঠক ও একটি স্ক্রিন রিডার টিকবে? ডেটা ভিজ্যুয়ালাইজেশনে অ্যাক্সেসিবিলিটি এড়ানো সহজ কারণ চার্ট যারা গড়েছে তাদের কাছে এখনো ঠিক দেখায়, এবং সেটাই ফাঁদ। আপনার নেতৃত্ব সবচেয়ে প্রায়ই যে তিনটি চার্ট দেখে সেগুলো একটি বর্ণান্ধতা সিমুলেটরে চালান, তারপর পর্দা বন্ধ করে, কেবল alt পাঠ্য ও যেকোনো টেবিল বিকল্প ব্যবহার করে তা বোঝার চেষ্টা করুন। একটি লাল-সবুজ অবস্থা চার্ট সমতল হয়ে গেলে, alt পাঠ্য “চার্ট” ছাড়া কিছুই না বললে, বা মাউস ছাড়া অন্তর্নিহিত সংখ্যায় পৌঁছানোর কোনো উপায় না থাকলে, আপনি পাঠকদের একটি গোষ্ঠী পেয়েছেন যাদের আপনি বর্তমানে বাদ দিচ্ছেন, যা সরকারি কাজে অধ্যায় 5.3-এর মানের অধীনে আইনি উন্মুক্ততা। ঠিক করুন কে সারানোর মালিক এবং সমাধান একটি ভাগ করা উপাদানে থাকে কি না যাতে তা একবার সমাধান হয়।

3. সিদ্ধান্ত চালানো প্রতিটি চার্টের জন্য, আমরা কি এটি কোন প্রশ্নের উত্তর দেয় তা দেখাতে পারি এবং নিশ্চিত করতে পারি এটি বিভ্রান্ত করে না? অনেক চার্ট আছে কারণ কেউ একবার সেগুলো বানিয়েছিল, কোনো জীবন্ত প্রশ্নের উত্তর দেয় বলে নয়, এবং সবচেয়ে বেশি দেখা কিছু কেউ লক্ষ না করে স্কেল বিকৃত করে। আপনার প্রধান ড্যাশবোর্ডের চার্টগুলোর মধ্য দিয়ে হাঁটুন এবং প্রতিটির জন্য কোন সিদ্ধান্ত এটি জানায় তার নাম দিন ও এর সততা পরীক্ষা করুন: শূন্য থেকে বার, অকারণ দ্বৈত অক্ষ নয়, এলাকা সততার সঙ্গে স্কেল করা, বিষয়ের বদলে পর্যবেক্ষণ বলা শিরোনাম। যে চার্ট কোনো বর্তমান প্রশ্নের উত্তর দেয় না সেগুলো মুছে ফেলার প্রার্থী, এবং যেগুলো বিভ্রান্ত করে সেগুলো জরুরি মেরামতের, কারণ যে চার্ট নিঃশব্দে একটি পার্থক্য অতিরঞ্জিত করে তা কোনো চার্ট না থাকার চেয়ে খারাপ। এটি সরাসরি অধ্যায় 7.5-এর সিদ্ধান্ত সংস্কৃতির সঙ্গে যুক্ত: যে দল তার চার্টে বিশ্বাস করে সে দ্রুততর, ভালো-ভিত্তিক সিদ্ধান্ত নেয়।

4. একটি দলের চার্ট দরকার হলে আমরা কি প্রথমে BI টুলের গাঁথা চার্টের দিকে হাত বাড়াই নাকি একটি শাসিত উপাদান লাইব্রেরির দিকে, এবং কে ঠিক করে? BI টুলের দিকে টান প্রকৃত: এটি দ্রুত, সস্তা, এবং ইতিমধ্যে ওয়্যারহাউসে সংযুক্ত, তাই বেশিরভাগ পর্যবেক্ষণ ড্যাশবোর্ড সেখানেই। কিন্তু এর সাধারণ ডিফল্টেই উপভাষা ও চার্টজাঙ্ক ঢোকে, এবং এর অ্যাক্সেসিবিলিটি ও টীকা নিয়ন্ত্রণ সাধারণত দুর্বল, যা আপনার সুনাম বহনকারী গ্রাহক-মুখী ও জনসাধারণের চার্টের জন্য সবচেয়ে গুরুত্বপূর্ণ। একটি বড় প্রতিষ্ঠানের জন্য বিপদ হলো ডিফল্ট কখনো ঠিক না হওয়া, তাই প্রতিটি দল যা সবচেয়ে সহজ তার দিকে ভেসে যায় এবং সম্পত্তি খণ্ডিত হয়। চার্ট আজ আসলে কোথায় গড়া হয় তার একটি তালিকা, BI টুল বনাম একটি উদ্দেশ্য-নির্মিত উপাদানের কয়েকটি পাশাপাশি উদাহরণ, এবং প্রতিটির অ্যাক্সেসিবিলিটি ফাঁক আনুন। এন্টারপ্রাইজ ও সরকারি পরিবেশে ক্রয় বাস্তবতা জুড়ুন: আপনি প্রায়ই বছরের পর বছর একটি BI প্ল্যাটফর্মে আটকা, তাই চুক্তির পরে নয়, আগে ঠিক জানুন এটি কোন চার্ট সততার সঙ্গে ও অ্যাক্সেসযোগ্যভাবে রেন্ডার করতে পারে এবং কোনগুলোর একটি শাসিত উপাদান দরকার।

5. একটি বাইরের বা নির্বাহী শ্রোতার কাছে একটি চার্ট প্রকাশ করতে কে অনুমোদিত, এবং এটি আগে কোন পর্যালোচনা পাস করে? স্ব-সেবা বিশ্লেষণ প্রকৃত ভালো, কিন্তু এর মানে একটি বিভ্রান্তিকর চার্ট দ্বিতীয় জোড়া চোখ ছাড়া বোর্ড বা জনগণের কাছে পৌঁছাতে পারে, এবং একটি জনসাধারণের গ্রাফিকে ছাঁটা অক্ষ বা লেবেলহীন স্পাইক প্রতিরোধের চেয়ে খোলা অনেক কঠিন। টানাপোড়েন সততা ও আস্থার বিপরীতে গতি ও স্বায়ত্তশাসন: অতি কঠিনভাবে গেট করুন এবং মানুষ আপনাকে এড়ায়, খুব কম গেট করুন এবং আপনি এমন চার্ট পাঠান যা একটি বাজার বা নির্বাচনী এলাকাকে আতঙ্কিত করে। আপনার সবচেয়ে দৃশ্যমান চার্টের বর্তমান প্রকাশনা পথ, পর্যালোচনা ছাড়া বাইরের শ্রোতার কাছে পৌঁছানো উদাহরণ, এবং পদ্ধতি ও অনিশ্চয়তা চার্টেই টীকাযুক্ত কি না তার প্রমাণ আনুন। সরকারি ও নিয়ন্ত্রিত কাজে এটি তীব্র: একটি সরকারি পরিসংখ্যান নাগরিকদের সঙ্গে যোগাযোগ এবং অধ্যায় 10.16-এর অংশীদার আস্থার বিষয়, তাই কে অনুমোদন দেন, কোন সততা ও অ্যাক্সেসিবিলিটি চেকলিস্ট প্রয়োগ করেন, এবং একটি চার্ট বিভ্রান্ত করলে জবাবদিহি কোথায় বসে তার নাম দিন।

6. আমরা কোথায় ইন্টারঅ্যাক্টিভিটি যোগ করেছি, এবং ডিফল্ট স্থির দৃশ্য কি মাউস ছাড়া তবুও পুরো গল্প বলে? ইন্টারঅ্যাক্টিভিটি লোভনীয় ও ব্যয়বহুল: এটি মান একটি হোভারের পেছনে লুকায়, স্পর্শে ও কিবোর্ড ব্যবহারকারীদের জন্য ভাঙে, এবং অধ্যায় 5.6 যেমন সতর্ক করে, বড় ডেটাসেটে রেন্ডার বাজেট হামাগুড়িতে টেনে আনতে পারে। প্রতিদ্বন্দ্বী বিবেচনা হলো একটি প্রকৃত অনুসরণ প্রশ্ন (একটি সঠিক মান, একটি ড্রিল-ডাউন, একটি ফিল্টার করা বিভাগ) কখনো খরচের যোগ্য, তাই লক্ষ্য নিষেধাজ্ঞা নয়, সংযম। আপনি যে ইন্টারঅ্যাক্টিভ চার্ট পাঠান তার তালিকা, মাউস সরিয়ে এবং একটি ফোনে প্রতিটি চেষ্টার ফল, এবং ডেটা হাজার হাজার বিন্দুতে বাড়লে কর্মক্ষমতা সংখ্যা আনুন। এন্টারপ্রাইজ ও সরকারি শ্রোতার জন্য অ্যাক্সেসিবিলিটি দিক অধ্যায় 5.3-এর মানের অধীনে একটি আইনি কর্তব্য, এবং চার্ট কিয়স্ক, প্রিন্টআউট ও সহায়ক প্রযুক্তিতে পড়া হয়, তাই স্থির, টীকাযুক্ত ডিফল্টকে মূল বার্তা বহন করতে হবে এবং ইন্টারঅ্যাকশন কেবল নিচে গভীরতা যোগ করতে পারে।

খাতভেদে দৃষ্টিভঙ্গি

স্টার্টআপ। গতি জেতে, তাই আপনি কর্মী দিতে পারেন না এমন viz উপাদান সম্পত্তি গড়ার বদলে আপনার BI টুলের ভেতরের চার্ট বা একটি হালকা চার্টিং লাইব্রেরির ওপর ভর করুন। যে একটি সস্তা সিদ্ধান্ত পরে লাভ দেয় তা হলো প্রথম দিন একটি বর্ণান্ধ-নিরাপদ প্যালেট এবং একটি শূন্য-থেকে-বার অভ্যাস বাছা, যাতে আপনার দশজন গ্রাহক হওয়ার আগে একই মেট্রিকের এক ডজন উপভাষা জমে না। একটি ইন্টারঅ্যাক্টিভ চার্ট যা অ্যাক্সেসযোগ্য করার সময় পাবেন না তার বদলে একটি স্থির, টীকাযুক্ত চার্ট পছন্দ করুন যা তার পর্যবেক্ষণ বলে।

ছোট ব্যবসা। কোনো ডেটা বিশেষজ্ঞ নেই আর বাজেট কম, তাই ভিজ্যুয়ালাইজেশনকে এমন কিছু গণ্য করুন যা আপনি ইতিমধ্যে অর্থ দেওয়া টুল থেকে পান: স্প্রেডশিট, বিশ্লেষণ SaaS, আপনার CRM-এর ড্যাশবোর্ড। যে মুষ্টিমেয় সততার নিয়ম গুরুত্বপূর্ণ তা শিখুন (বার শূন্য থেকে শুরু, পরিমাণের জন্য রংধনু নয়, নয় টুকরোর পাই নয়) এবং একটি কাস্টম কমিশন করার বদলে একটি তৈরি-করা বর্ণান্ধ-নিরাপদ প্যালেট প্রয়োগ করুন। চার্ট কিনুন, গড়বেন না, এবং আপনার মনোযোগ সঠিকভাবে পড়ার জন্য সংরক্ষণ করুন।

এন্টারপ্রাইজ। সমস্যা অনেক দল জুড়ে সামঞ্জস্য, তাই ভিজ্যুয়ালাইজেশন ডিজাইন সিস্টেমের মতো শাসন করুন: সম্মত ক্রমিক, অপসারী ও শ্রেণিগত প্যালেট, সৎ অক্ষ ডিফল্ট, প্রমিত সংখ্যা বিন্যাস এবং গাঁথা অ্যাক্সেসিবিলিটিসহ একটি ভাগ করা চার্ট উপাদান লাইব্রেরি। অধ্যায় 8.1-এর ডেলিভারি পাইপলাইনে ভিজ্যুয়াল-রিগ্রেশন ও সততা পরীক্ষা দিয়ে প্রয়োগ করুন, যাতে একটি অক্ষ ছাঁটা বা কনট্রাস্টে ব্যর্থ চার্ট পাঠানোর আগে আটকায়। প্রতিদান হলো যেকোনো দলের চার্ট এক নজরে সঠিকভাবে পড়া যায় এবং নেতৃত্ব একটি সংখ্যার কোন সংস্করণ বিশ্বাস করবে জিজ্ঞেস করা বন্ধ করে।

সরকার। প্রতিটি জনসাধারণের চার্ট যোগাযোগের একটি কাজ এবং জনগণের কাছে জবাবদিহির অধীন, তাই সৎ স্কেল ও WCAG অ্যাক্সেসিবিলিটি পছন্দ নয়, কর্তব্য। শূন্য থেকে বার, এলাকা দিয়ে এনকোড করা এলাকা, বর্ণান্ধ-নিরাপদ প্যালেট, পর্যবেক্ষণ বলা সরল-ভাষা শিরোনাম, এবং প্রতিটি চার্টের পাশে একটি ডাউনলোডযোগ্য অ্যাক্সেসযোগ্য টেবিল আদেশ করুন। পদ্ধতি ও অনিশ্চয়তা চার্টেই টীকা দিন যাতে একটি বিতর্কিত পরিসংখ্যান একটি বিভ্রান্তিকর শিরোনামে নামানো না যায়, এবং নিশ্চিত করুন আপনি যে BI টুল ক্রয় করেন তা এই মান পূরণ করতে পারে, কারণ বিক্রেতা যেই হোক বাধ্যবাধকতা আপনার।

উদাহরণ

স্টার্টআপ। দশজনের একটি বিশ্লেষণ স্টার্টআপ একটি গ্রাহক-মুখী ব্যবহার ড্যাশবোর্ড পাঠায়। প্রথম সংস্করণ একটি BI টুলের ডিফল্ট থিম ব্যবহার করে: শ্রেণি রঙের রংধনু, সর্বত্র গ্রিডলাইন, এবং কেউ পড়তে পারে না এমন নয় টুকরোর একটি পাই চার্ট। ব্যবহারকারীরা অভিযোগ করে সংখ্যা অবিশ্বাস্য মনে হচ্ছে। দলটি ছোট বর্ণান্ধ-নিরাপদ প্যালেটসহ এমবেড করা উপাদান হিসেবে এটি পুনর্নির্মাণ করে, পাইয়ের জায়গায় সাজানো বার চার্ট বসায়, গ্রিডলাইন হালকা করে, এবং সরাসরি লেবেল যোগ করে যাতে লেজেন্ড অদৃশ্য হয়। তারা পর্যবেক্ষণ বলা শিরোনাম বসায় এবং প্রতিটি চার্টে alt পাঠ্য ও একটি টেবিল টগল যোগ করে। ড্যাশবোর্ডের সঙ্গে সম্পৃক্ততা বাড়ে কারণ গ্রাহকরা অবশেষে এক নজরে তা পড়তে পারে, এবং পরিচ্ছন্নতর নকশা ডেমোতে একটি বিক্রয় সুবিধা হয়।

এন্টারপ্রাইজ। একটি বহুজাতিক ব্যাংকের ডজন ডজন দলের গড়া শত শত অভ্যন্তরীণ ড্যাশবোর্ড আছে, প্রতিটির নিজস্ব রং ও অক্ষ অভ্যাস, এবং নির্বাহীরা নিয়মিত সেগুলো অবিশ্বাস করেন কারণ একই মেট্রিক প্রতিটি ডেকে ভিন্ন দেখায়। কোম্পানি তার BI প্ল্যাটফর্মের ওপরে একটি শাসিত চার্ট লাইব্রেরি চালু করে: সম্মত ক্রমিক, অপসারী ও শ্রেণিগত প্যালেট; বার অক্ষ শূন্য থেকে শুরু একটি কঠোর নিয়ম; প্রমিত সংখ্যা বিন্যাস; এবং প্রতিটি উপাদানে গাঁথা অ্যাক্সেসিবিলিটি। অধ্যায় 8.1-এর ডেলিভারি পাইপলাইনে একটি ভিজ্যুয়াল-রিগ্রেশন পরীক্ষা মান লঙ্ঘনকারী চার্ট আটকায়। এক বছরের মধ্যে যেকোনো দলের চার্ট এক নজরে সঠিকভাবে পড়া যায়, এবং নেতৃত্ব “এই সংখ্যার কোন সংস্করণ আমার বিশ্বাস করা উচিত?” জিজ্ঞেস করা বন্ধ করে।

সরকার। অর্থনীতি, স্বাস্থ্য ও জনসংখ্যার ওপর জনসাধারণের ডেটা প্রকাশ করা একটি জাতীয় পরিসংখ্যান সংস্থার চার্ট সাংবাদিক, নীতিনির্ধারক ও নাগরিকরা পড়েন যারা অন্তর্নিহিত পরিসংখ্যান যাচাই করতে পারেন না। সংস্থা প্রতিটি চার্টকে জনগণের সঙ্গে যোগাযোগ এবং অধ্যায় 10.16-এর অংশীদার আস্থার বিষয় গণ্য করে। এটি সৎ স্কেল (শূন্য থেকে বার, বিভ্রান্তিকর দ্বৈত অক্ষ নয়, এলাকা দিয়ে এনকোড করা এলাকা), আঞ্চলিক তুলনার জন্য বর্ণান্ধ-নিরাপদ অপসারী প্যালেট, পর্যবেক্ষণ বলা সরল-ভাষা শিরোনাম, এবং WCAG পূরণে প্রতিটি চার্টের পাশে একটি ডাউনলোডযোগ্য অ্যাক্সেসযোগ্য টেবিল আদেশ করে। একটি বিতর্কিত পরিসংখ্যান প্রকাশিত হলে টীকা চার্টেই পদ্ধতি ও অনিশ্চয়তা ব্যাখ্যা করে, তাই একটি ছাঁটা অক্ষ বা লেবেলহীন স্পাইক কখনো একটি বিভ্রান্তিকর শিরোনাম হয়ে জনআস্থা ক্ষয় করতে পারে না।

ব্যবসায়িক যুক্তি: প্রেরণা, ROI ও TCO

ভালো ভিজ্যুয়ালাইজেশন নকশার প্রতিদান দ্রুততর, ভালো সিদ্ধান্ত এবং কম ব্যয়বহুল ভুল। যে ড্যাশবোর্ড এক নজরে সমস্যা প্রকাশ করে তা সংকেত থেকে পদক্ষেপের সময় ছোট করে, এবং সত্য বলা চার্ট একটি ছাঁটা অক্ষ তৈরি করা মায়ার পেছনে বাজেট ছোটা ঠেকায়। এই লাভ চালানে লেখা কঠিন, কিন্তু বাস্তব: কোন চার্ট বিশ্বাস করবে তা নিয়ে তর্কে কাটানো প্রতিটি নেতৃত্ব বৈঠক, ভুল পড়া প্রবণতায় গড়া প্রতিটি কৌশল, এবং আপনার পণ্যের বিশ্লেষণ অপঠনযোগ্য হওয়ায় ঝরে পড়া প্রতিটি গ্রাহক এমন খরচ যা স্পষ্ট নকশা সরায়। ব্যাংক উদাহরণের মতো যেখানে চার্ট প্রকৃত অর্থ চালায়, বিশ্বস্ত সংখ্যার মূল্য সেগুলো ভালোভাবে গড়ার খরচকে ছাড়িয়ে যায়।

গ্রহণের খরচ বেশিরভাগ এককালীন ও ভাগ করা। আপনি সম্মত প্যালেট, অক্ষ ও বিন্যাস নিয়ম এবং অ্যাক্সেসিবিলিটি ডিফল্ট সংজ্ঞায়িত করেন, তারপর সেগুলো একটি চার্ট উপাদান লাইব্রেরিতে এনকোড করেন যাতে দলগুলো প্রতি ড্যাশবোর্ডে পুনঃনির্ধারণের বদলে সেগুলো উত্তরাধিকার পায়। মালিকানার চলমান খরচ প্রকৃত কিন্তু মাঝারি: লাইব্রেরি রক্ষণাবেক্ষণ, মান বিকশিত হলে এটি অ্যাক্সেসযোগ্য রাখা, এবং এককালীন কাস্টম চার্টের বিস্তার প্রতিরোধ। অবহেলার খরচ নিঃশব্দে চক্রবৃদ্ধি হয়: অসঙ্গত, বিভ্রান্তিকর, অ্যাক্সেসের-অযোগ্য চার্ট আপনার সব ডেটায় আস্থা ক্ষয় করে, নিয়ন্ত্রিত ও সরকারি পরিবেশে আইনি ঝুঁকি ডাকে, এবং মানুষকে কাঁচা স্প্রেডশিটে ফিরিয়ে দেয়, যা অধ্যায় 7.3-এর বিশ্লেষণ স্ট্যাকে পুরো বিনিয়োগ নষ্ট করে। নেতৃত্বের কাছে যুক্তি দিতে ভিজ্যুয়ালাইজেশন মানকে তারা ইতিমধ্যে অনুসরণ করা ফলাফলের সঙ্গে বাঁধুন: সিদ্ধান্ত গতি, প্রতিবেদনে আস্থা, এবং সরকারি খাতে অ্যাক্সেসিবিলিটি সম্মতি।

অ্যান্টি-প্যাটার্ন ও ফাঁদ

• ছাঁটা বার অক্ষ: শূন্যের ওপরে বার শুরু করা যাতে ছোট পার্থক্য একটি খাদ মনে হয়; একক সবচেয়ে সাধারণ চার্ট মিথ্যা।
• অকারণ দ্বৈত অক্ষ: একটি চার্টে দুটি y-স্কেল, লেখক যে সহসম্পর্ক দেখাতে চান তা তৈরি করতে সরে।
• বিভ্রান্তিকর এলাকা: পাশের দৈর্ঘ্য দিয়ে একটি আইকন বা বুদবুদ স্কেল করা যাতে তার এলাকা, এবং উপলব্ধ মান, বর্গ হিসেবে বাড়ে।
• পরিমাণের জন্য রংধনু: ক্রমহীন শ্রেণিগত বর্ণ দিয়ে একটি ক্রমযুক্ত পরিমাণ এনকোড করা, তাই চোখ মাত্রা পড়তে পারে না।
• অনেক টুকরোর পাই: তিনটির বেশি টুকরো, পাঠকদের এমন কোণ তুলনা করতে বাধ্য করে যা তারা বিচার করতে পারে না; সাজানো বার ব্যবহার করুন।
• চার্টজাঙ্ক: ভারী গ্রিডলাইন, সীমানা, ৩D এবং ড্রপ শ্যাডো যা ডেটা-কালি অনুপাত কমায় ও সংকেত চাপা দেয়।
• একমাত্র সংকেত হিসেবে রং: লেবেল বা আকৃতি ছাড়া লাল-সবুজ অবস্থা, বর্ণান্ধ পাঠক ও স্ক্রিন রিডারের কাছে অদৃশ্য।
• লেজেন্ড শিকার: যেখানে লাইন বা বারে একটি সরাসরি লেবেল যথেষ্ট সেখানে দূরের লেজেন্ডে যেতে বাধ্য করা।
• সবকিছু জোর দেওয়া: প্রতিটি সিরিজ মোটা ও উজ্জ্বল, তাই কনট্রাস্ট ভেঙে পড়ে এবং কিছুই আলাদা হয় না।
• টেবিল জেতে এমন জায়গায় চার্ট: একজন পাঠকের সঠিকভাবে পড়া দরকার এমন চারটি সঠিক সংখ্যার জন্য একটি ছবি।

পরিপক্বতা মডেল

• স্তর ১, সূচনা: চার্ট হাতের কাছে যে টুল থাকে তাতে অ্যাড হক বানানো হয়। রং, অক্ষ ও বিন্যাস লেখক অনুযায়ী ভিন্ন, ছাঁটা অক্ষ ও রংধনু শ্রেণি সাধারণ, অ্যাক্সেসিবিলিটি অবিবেচিত, এবং পাঠকরা ফলাফল অবিশ্বাস করেন।
• স্তর ২, বিকাশ: কিছু দল মৌলিক চর্চা গ্রহণ করে, কিন্তু প্রতিষ্ঠান জুড়ে অসঙ্গত। কিছু জায়গায় বার শূন্য থেকে শুরু, পর্যালোচনায় সুস্পষ্ট চার্টজাঙ্ক নিরুৎসাহিত, এবং কয়েকটি দলে একটি হাউস প্যালেট আছে, তবু হলের নিচের আরেকটি দল এখনো একটি নয়-টুকরোর পাই এবং একটি লাল-সবুজ অবস্থা চার্ট পাঠায়।
• স্তর ৩, মানসম্মতকরণ: একটি ভাগ করা চার্ট উপাদান লাইব্রেরি সম্মত ক্রমিক, অপসারী ও শ্রেণিগত প্যালেট, সৎ অক্ষ নিয়ম, প্রমিত বিন্যাস এবং অ্যাক্সেসিবিলিটি (বর্ণান্ধ-নিরাপদ, alt পাঠ্য, টেবিল বিকল্প) এনকোড করে। মান নথিবদ্ধ ও প্রতিষ্ঠান-ব্যাপী প্রয়োগ করা, এবং ব্যাখ্যামূলক, অন্বেষণমূলক ও ড্যাশবোর্ড ব্যবহার নকশায় আলাদা করা।
• স্তর ৪, ব্যবস্থাপনা: ভিজ্যুয়ালাইজেশন মান ভিত্তিরেখার বিপরীতে মাপা ও নিয়ন্ত্রিত। অ্যাক্সেসিবিলিটি ও চার্ট-সততা পরীক্ষা ডেলিভারি পাইপলাইনে চলে এবং পাস হার প্রতিবেদন করে; শূন্য থেকে বার, কনট্রাস্ট-সম্মত রং এবং টেবিল বিকল্প আছে এমন চার্টের অংশ একটি মেট্রিক হিসেবে অনুসরণ করা; প্রকৃত পাঠকদের সঙ্গে বোধগম্যতা একটি ভিত্তিরেখার বিপরীতে পরীক্ষা করা; এবং প্রতিটি মূল মেট্রিকের ভিন্ন উপভাষার সংখ্যা একের দিকে প্রবণতা দেখতে পর্যবেক্ষিত। মান লঙ্ঘনকারী চার্ট রিলিজের আগে ধরা পড়ে, এবং সংখ্যা, মতামত নয়, লাইব্রেরির কোথায় কাজ দরকার তা চালায়।
• স্তর ৫, সমন্বয়: ভিজ্যুয়ালাইজেশন নিরন্তর উন্নত এবং প্রতিষ্ঠান জুড়ে একীভূত। অ্যাক্সেসিবিলিটি প্রয়োজন ও পাঠকের চাহিদা বদলালে মান খাপ খায়, প্যালেট, উপাদান ও রীতি মাপা প্রমাণ থেকে পরিমার্জিত, টীকা ও বর্ণনা স্বাভাবিক, এবং চর্চা বিশ্লেষণ ও সিদ্ধান্ত সংস্কৃতিতে বোনা তাই যেকোনো দলের চার্ট এক নজরে সঠিকভাবে পড়া যায় এবং প্রতিষ্ঠান শেখার সঙ্গে দৃশ্য ভাষা বিকশিত হয়।

আলোচনার ভাবনা

1. আপনার প্রধান ড্যাশবোর্ডের কোন চার্ট অক্ষ শূন্য থেকে শুরু হলে ভিন্ন দেখাত, এবং তা কি গল্প বদলায়?
2. আপনার সবচেয়ে গুরুত্বপূর্ণ চার্ট বাছুন: এর বার্তা কি গ্রেস্কেলে টেকে, এবং না হলে কোন অতিরিক্ত সংকেত তা সারাবে?
3. আপনি কোথায় ইন্টারঅ্যাক্টিভ চার্ট ব্যবহার করছেন যখন একটি স্থির, টীকাযুক্ত চার্ট পুরো গল্প দ্রুত বলত?
4. আপনার চার্ট শিরোনাম কি পর্যবেক্ষণ নাকি বিষয় বলে, এবং একটি শিরোনাম সংখ্যা নিঃশব্দে উল্টে গেলে কে লক্ষ করত?
5. আপনার কোন চার্ট কোনো বর্তমান সিদ্ধান্তের উত্তর দেয় না, এবং কেউ মিস না করে তা মুছতে কী লাগবে?
6. একটি দলের কখন পণ্যে viz গড়া বনাম BI টুল ব্যবহার করা উচিত, এবং বাছার একটি লিখিত নিয়ম কি আছে?

প্রধান শিক্ষা

• পাঠকের প্রশ্ন থেকে শুরু করুন, তারপর চার্ট বাছুন: তুলনার জন্য বার, প্রবণতার জন্য লাইন, সম্পর্কের জন্য স্ক্যাটার, বিতরণের জন্য হিস্টোগ্রাম, অংশ-থেকে-সমগ্রের জন্য পাইয়ের চেয়ে সাজানো বার।
• এনকোডিং ডেটার সঙ্গে মেলান: আপনার সবচেয়ে গুরুত্বপূর্ণ পরিমাণে অবস্থান ও দৈর্ঘ্য ব্যয় করুন, এবং শ্রেণির জন্য বর্ণ ব্যবহার করুন, কখনো মাত্রার জন্য নয়।
• গ্রাফিক্যাল উৎকর্ষ অনুসরণ করুন: ডেটা-কালি অনুপাত সর্বাধিক করুন, চার্টজাঙ্ক মুছুন, ছোট বহুগুণ ব্যবহার করুন, এবং প্রাক-মনোযোগী কনট্রাস্ট ও স্পষ্ট শ্রেণিবিন্যাস দিয়ে চোখ চালান।
• রংকে একটি সিস্টেম (ক্রমিক, অপসারী, শ্রেণিগত) গণ্য করুন, বর্ণান্ধ-নিরাপদ রাখুন, এবং কখনো কেবল রঙের ওপর নির্ভর করবেন না; লেবেল, alt পাঠ্য ও একটি টেবিল বিকল্প দিন।
• স্কেল সম্পর্কে সত্য বলুন (শূন্য থেকে বার, সৎ এলাকা, অকারণ দ্বৈত অক্ষ নয়), অন্তর্দৃষ্টিতে টীকা দিন, এবং একটি প্রকৃত অনুসরণ প্রশ্ন দাবি করলেই কেবল ইন্টারঅ্যাক্টিভিটি যোগ করুন।

তথ্যসূত্র ও আরও পড়ার জন্য

• Edward R. Tufte, The Visual Display of Quantitative Information
• Edward R. Tufte, Envisioning Information
• Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten
• Stephen Few, Information Dashboard Design: Displaying Data for At-a-Glance Monitoring
• Cole Nussbaumer Knaflic, Storytelling with Data: A Data Visualisation Guide for Business Professionals
• Alberto Cairo, The Truthful Art: Data, Charts, and Maps for Communication
• Alberto Cairo, How Charts Lie: Getting Smarter about Visual Information
• William S. Cleveland, The Elements of Graphing Data
• Jacques Bertin, Semiology of Graphics: Diagrams, Networks, Maps
• Tamara Munzner, Visualisation Analysis and Design
• Cynthia A. Brewer, ColorBrewer: Colour Advice for Cartography (colorbrewer2.org)
• World Wide Web Consortium (W3C), Web Content Accessibility Guidelines (WCAG) 2.2