ইনফরমেশন ভিজ্যুয়ালাইজেশনের ভিত্তি
এই পাঠে যা শিখবেন
- ভিজ্যুয়াল এনকোডিং কী এবং ডেটা ভিজ্যুয়ালাইজেশনের ভিত্তি কীভাবে গঠন করে
- প্রধান এনকোডিং চ্যানেলগুলো — অবস্থান, দৈর্ঘ্য, কোণ, ক্ষেত্রফল, রঙ, আকৃতি
- মানুষ কোন এনকোডিং সবচেয়ে নির্ভুলভাবে উপলব্ধি করতে পারে, এবং কেন
- এই জ্ঞান কীভাবে সঠিক চার্ট-টাইপ বাছাই করার সিদ্ধান্তে সরাসরি প্রয়োগ করা যায়
১ · ইনফরমেশন ভিজ্যুয়ালাইজেশন ও ভিজ্যুয়াল এনকোডিং
ইনফরমেশন ভিজ্যুয়ালাইজেশন মানে সংখ্যাগত বা গুণগত ডেটাকে এমনভাবে ভিজ্যুয়াল আকারে উপস্থাপন করা যাতে মানুষ প্যাটার্ন, তুলনা ও সম্পর্ক দ্রুত ধরতে পারে — যা কাঁচা সংখ্যার একটি টেবিল দেখে সহজে সম্ভব হয় না। এর মূল কাজটি হলো ভিজ্যুয়াল এনকোডিং — একটি ডেটা মানকে একটি ভিজ্যুয়াল প্রপার্টিতে ম্যাপ করা। যেমন, একটি বার চার্টে বিক্রয়ের সংখ্যা বারের দৈর্ঘ্যে এনকোড করা হয়; একটি স্ক্যাটার প্লটে দুটি ভেরিয়েবল দুটি বিন্দুর অবস্থানে (x, y) এনকোড করা হয়।
একটি সাধারণ স্কেলে (যেমন একটি অক্ষ বরাবর) বিন্দুর অবস্থান — স্ক্যাটার প্লট, লাইন চার্ট।
একটি বারের দৈর্ঘ্য — বার চার্ট, হিস্টোগ্রাম।
একটি পাই চার্টের স্লাইসের কোণ, বা একটি লাইনের ঢাল।
একটি বাবল চার্টের বৃত্তের আকার, বা ট্রিম্যাপের ব্লকের আকার।
একটি হিটম্যাপে তীব্রতা, বা ক্যাটাগরি আলাদা করতে রঙের হিউ।
একটি স্ক্যাটার প্লটে বিভিন্ন ক্যাটাগরির জন্য ভিন্ন মার্কার আকৃতি (বৃত্ত, ত্রিভুজ)।
২ · মানুষ কোন এনকোডিং সবচেয়ে নির্ভুলভাবে বোঝে
সব ভিজ্যুয়াল এনকোডিং সমানভাবে নির্ভুলভাবে পড়া যায় না — এটি একটি অনুমান নয়, বরং সুপ্রতিষ্ঠিত পারসেপচুয়াল সাইকোলজি গবেষণার (বিশেষভাবে উইলিয়াম ক্লিভল্যান্ড ও রবার্ট ম্যাকগিলের ১৯৮৪ সালের সুপরিচিত কাজ) একটি মূল সিদ্ধান্ত। তাদের গবেষণায় অংশগ্রহণকারীদের বিভিন্ন এনকোডিং থেকে মান তুলনা করতে বলা হয়েছিল, এবং তুলনার নির্ভুলতা একটি সাধারণ ক্রম অনুযায়ী কমতে দেখা গিয়েছিল, সবচেয়ে নির্ভুল থেকে সবচেয়ে কম নির্ভুল —
একই অক্ষ বরাবর বিন্দুর অবস্থান তুলনা করা — সবচেয়ে নির্ভুল (যেমন একটি লাইন চার্টে দুটি বিন্দুর উচ্চতা তুলনা)।
ভিন্ন প্যানেল/সাব-প্লটে অবস্থান তুলনা করা — সামান্য কম নির্ভুল।
বার চার্টের বারগুলোর দৈর্ঘ্য তুলনা করা — এখনও বেশ নির্ভুল।
পাই চার্টের স্লাইসের কোণ তুলনা করা — দৈর্ঘ্যের চেয়ে কম নির্ভুল।
বাবল চার্টে বৃত্তের আকার তুলনা করা — মানুষ প্রায়ই ক্ষেত্রফলের পার্থক্য কম করে ধরে (underestimate)।
3D আয়তন এবং রঙের হিউ/স্যাচুরেশন দিয়ে সংখ্যাগত মান তুলনা করা — সবচেয়ে কম নির্ভুল, শুধু আনুমানিক ধারণার জন্য উপযোগী।
একটি চার্ট বাছাই করা নান্দনিক পছন্দ নয় — এটি একটি পারসেপচুয়াল-নির্ভুলতার সিদ্ধান্ত। ডেটার মধ্যে যে তুলনাটি ব্যবহারকারীকে করতে হবে তা চিহ্নিত করে, সেই তুলনার জন্য সবচেয়ে নির্ভুল এনকোডিং চ্যানেল বাছাই করাই ভালো ভিজ্যুয়ালাইজেশন ডিজাইনের মূল ভিত্তি। M8/L37-এ দেখা যাবে কীভাবে এই একই নীতি একটি চার্টের অপ্রয়োজনীয় ভিজ্যুয়াল উপাদান ("চার্টজাঙ্ক") কমানোর সাথে সরাসরি যুক্ত।
ভাবনার প্রশ্ন
প্রতিটি প্রশ্ন নিজে কিছুক্ষণ ভাবুন — তারপর "→ উত্তর" চাপুন।
প্র ০১ একটি পাই চার্টে ৬টি ক্যাটাগরির মার্কেট শেয়ার দেখানো হয়েছে, যেখানে দুটি স্লাইস প্রায় কাছাকাছি আকারের (২২% বনাম ২৪%)। ভিজ্যুয়াল এনকোডিং তত্ত্ব অনুযায়ী ব্যবহারকারীর জন্য এই পার্থক্য বোঝা কতটা কঠিন হতে পারে?
পাই চার্ট কোণ/ক্ষেত্রফল-ভিত্তিক এনকোডিং ব্যবহার করে, যা ক্লিভল্যান্ড-ম্যাকগিলের ক্রমে দৈর্ঘ্যের চেয়ে কম নির্ভুল। দুটি কাছাকাছি-আকারের স্লাইস পার্থক্য করা কঠিন হবে — একই ডেটা যদি বার চার্টে (দৈর্ঘ্য-ভিত্তিক) দেখানো হতো, দুটি বারের মধ্যে ২২% বনাম ২৪%-এর পার্থক্য অনেক বেশি স্পষ্টভাবে ধরা যেত।
প্র ০২ একটি ড্যাশবোর্ডে একই ডেটা তিনটি ভিন্ন উপায়ে দেখানো যায় — একটি বাবল চার্ট (ক্ষেত্রফল), একটি বার চার্ট (দৈর্ঘ্য), বা একটি লাইন চার্ট (অবস্থান)। যদি লক্ষ্য হয় ব্যবহারকারী দুটি নির্দিষ্ট সংখ্যা কতটা ভিন্ন তা সুনির্দিষ্টভাবে বুঝুক, কোনটি বাছাই করা উচিত ও কেন?
বার চার্ট বা লাইন চার্ট — উভয়ই দৈর্ঘ্য/অবস্থান-ভিত্তিক, যা ক্লিভল্যান্ড-ম্যাকগিলের ক্রমে বাবল চার্টের ক্ষেত্রফল-এনকোডিং-এর চেয়ে বেশি নির্ভুল। যদি ডেটা একটি ধারাবাহিক সময়-সিরিজ হয় লাইন চার্ট ভালো, যদি বিচ্ছিন্ন ক্যাটাগরি হয় বার চার্ট ভালো — কিন্তু দুটোই বাবল চার্টের চেয়ে সুনির্দিষ্ট সংখ্যাগত তুলনায় শ্রেয়।
প্র ০৩ যদি ক্ষেত্রফল-ভিত্তিক এনকোডিং (যেমন বাবল চার্ট) নির্ভুলতায় দুর্বল, তাহলে ট্রিম্যাপ বা বাবল চার্ট কখন ব্যবহার করা তবু যুক্তিসঙ্গত হতে পারে?
যখন লক্ষ্য সুনির্দিষ্ট সংখ্যাগত তুলনা নয়, বরং একটি বড় ডেটাসেটে "কোনটি বড়, কোনটি ছোট" এই মোটামুটি প্যাটার্ন দ্রুত ধরা (যেমন শত শত প্রোডাক্টের মধ্যে কোনগুলো সবচেয়ে বেশি বিক্রি হচ্ছে তার একটি overview) — তখন ক্ষেত্রফল-ভিত্তিক এনকোডিং একসাথে অনেক আইটেমের একটি দ্রুত, আনুমানিক ভিজ্যুয়াল সারাংশ দিতে পারে, যদিও নির্দিষ্ট দুটি মানের মধ্যে সুনির্দিষ্ট তুলনার জন্য উপযুক্ত নয়।
অনুশীলন
-
প্রয়োগ করুন: আপনাকে একটি HR ড্যাশবোর্ড ডিজাইন করতে বলা হয়েছে যা ৮টি বিভাগের কর্মী-সংখ্যা
তুলনা করে দেখাবে, যাতে ম্যানেজার সঠিকভাবে বলতে পারেন কোন বিভাগে সবচেয়ে বেশি/কম কর্মী আছে। কোন চার্ট-টাইপ
বাছাই করবেন এবং কেন — আজকের পারসেপচুয়াল-অ্যাকুরেসি ক্রম প্রয়োগ করে ব্যাখ্যা করুন।
একটি অনুভূমিক বা উল্লম্ব বার চার্ট বাছাই করা উচিত — এটি দৈর্ঘ্য-ভিত্তিক এনকোডিং ব্যবহার করে, যা ক্লিভল্যান্ড-ম্যাকগিলের ক্রমে অবস্থানের পরেই সবচেয়ে নির্ভুল। ৮টি ক্যাটাগরির সুনির্দিষ্ট তুলনার জন্য এটি একটি পাই চার্ট বা বাবল চার্টের চেয়ে অনেক বেশি নির্ভরযোগ্য, কারণ ম্যানেজারকে "কোনটি বড়/ছোট" নয় বরং "ঠিক কতটা বেশি/কম" তা বুঝতে হবে — যা দৈর্ঘ্য তুলনা সবচেয়ে ভালোভাবে দেয়।
-
প্রয়োগ করুন: একই ডেটাসেটে, একজন সহকর্মী প্রস্তাব দিলেন এটি একটি 3D পাই চার্ট হিসেবে
দেখাতে (কারণ "এটি বেশি আকর্ষণীয় দেখাবে")। ভিজ্যুয়াল এনকোডিং তত্ত্ব ব্যবহার করে এই প্রস্তাবের বিরুদ্ধে
একটি সুনির্দিষ্ট যুক্তি দিন।
3D পাই চার্ট দুটি সমস্যা একসাথে যোগ করে — এটি ইতিমধ্যেই কম-নির্ভুল কোণ/ক্ষেত্রফল-এনকোডিং ব্যবহার করে, এবং 3D পার্স্পেক্টিভ যোগ করলে সামনের স্লাইসগুলো পেছনেরগুলোর চেয়ে ভুলভাবে বড় দেখায় (perspective distortion), যা সংখ্যাগত নির্ভুলতাকে আরও কমিয়ে দেয়। "আকর্ষণীয় দেখানো" একটি নান্দনিক লক্ষ্য, কিন্তু এখানে লক্ষ্য সুনির্দিষ্ট তুলনা — যা এই চার্ট-টাইপ কার্যকরভাবে নষ্ট করে দেয়। M8/L37-এ এই ধরনের অপ্রয়োজনীয় ভিজ্যুয়াল সংযোজনকে "চার্টজাঙ্ক" বলা হবে।
আরও পড়ুন · ABCL TECH-এ আপনার পরবর্তী পদক্ষেপ
- পরবর্তী পাঠ — ডেটা-ইঙ্ক রেশিও ও চার্ট ডিজাইন প্রিন্সিপল L37 টাফটির ডেটা-ইঙ্ক রেশিও ধারণা — কীভাবে একটি চার্ট থেকে অপ্রয়োজনীয় ভিজ্যুয়াল উপাদান কমিয়ে প্রকৃত ডেটার উপর মনোযোগ বাড়ানো যায়।
- আগের পাঠ — ভিজ্যুয়াল ডিজাইন প্রিন্সিপল L35 লেআউট, টাইপোগ্রাফি ও রঙের মূল নীতি — এই পাঠের ভিজ্যুয়াল এনকোডিং আলোচনার ভিত্তি।
- কোর্সের সম্পূর্ণ সিলেবাস দেখুন ৫৭টি পাঠ কগনিটিভ সাইকোলজি, ইন্টারঅ্যাকশন ডিজাইন, ইউজেবিলিটি হিউরিস্টিক্স, ইউজার রিসার্চ, প্রোটোটাইপিং, ইভালুয়েশন মেথড, ভিজ্যুয়াল ডিজাইন, অ্যাক্সেসিবিলিটি ও ক্যাপস্টোন।