Heatmap এবং Tile Plot দুটি অত্যন্ত শক্তিশালী ভিজ্যুয়ালাইজেশন টুল, যা ডেটার প্যাটার্ন বা সম্পর্কগুলোকে প্রদর্শন করার জন্য ব্যবহৃত হয়। গুগল চার্টে Heatmap এবং Tile Plot তৈরির জন্য বিভিন্ন অপশন রয়েছে, যা ডেটার চিত্রায়ন এবং বিশ্লেষণকে আরও সহজ এবং স্পষ্ট করে তোলে।
এখানে, আমরা গুগল চার্টে Heatmap এবং Tile Plot তৈরির পদ্ধতি এবং তাদের ব্যবহার নিয়ে বিস্তারিত আলোচনা করব।
১. Heatmap (হিটম্যাপ) তৈরি করা
Heatmap একটি ভিজ্যুয়ালাইজেশন পদ্ধতি, যা একটি গ্রিডের মধ্যে রঙ ব্যবহার করে ডেটার বিভিন্ন মান প্রদর্শন করে। এটি সাধারণত ডেটার সম্পর্ক বা প্রবণতা বিশ্লেষণের জন্য ব্যবহৃত হয়।
গুগল চার্টে Heatmap তৈরি করতে google.visualization.HeatMapChart ফাংশন ব্যবহার করা হয়। একটি heatmap এ ডেটার মান সাধারণত সেল বা কোষের মাধ্যমে দেখানো হয়, এবং রঙের মাধ্যমে প্রতিটি সেলের মান বোঝানো হয়।
Heatmap উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'matrix']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['X', 'Y', 'Value'],
[1, 1, 100],
[1, 2, 200],
[1, 3, 300],
[2, 1, 400],
[2, 2, 500],
[2, 3, 600],
[3, 1, 700],
[3, 2, 800],
[3, 3, 900]
]);
var options = {
title: 'Heatmap Example',
hAxis: {title: 'X Axis'},
vAxis: {title: 'Y Axis'},
colors: ['#ffffff', '#ff0000'], // Color scale for heatmap
};
var chart = new google.visualization.MatrixChart(document.getElementById('heatmap'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="heatmap" style="width: 900px; height: 500px;"></div>
</body>
</html>
এখানে:
- data: একটি টেবিল ডেটা যেখানে X এবং Y অক্ষের সাথে সংশ্লিষ্ট মান দেওয়া হয়েছে।
- colors: রঙের স্কেল কাস্টমাইজ করা হয়েছে (সাদা থেকে লাল পর্যন্ত) যাতে ভ্যালু অনুযায়ী রঙ পরিবর্তিত হয়।
- MatrixChart: এই চিত্রটি Heatmap হিসেবে প্রদর্শিত হবে, যা ডেটার মান দেখাতে গ্রিড ব্যবহার করে।
২. Tile Plot (টাইল প্লট) তৈরি করা
Tile Plot সাধারণত একটি গ্রিডের মাধ্যমে ডেটার প্যাটার্ন বা সম্পর্ক প্রদর্শন করে, যেখানে প্রতিটি কোষ (tile) ডেটার একটি নির্দিষ্ট মান উপস্থাপন করে। এটি একটি সহজ গ্রিড ব্যবহার করে যেখানে প্রতিটি কোষের মান তার রঙের মাধ্যমে নির্ধারিত হয়।
গুগল চার্টে Tile Plot তৈরি করতে google.visualization.HeatMapChart বা google.visualization.Table ব্যবহার করা যেতে পারে, কিন্তু সাধারণত Tile Plot-এর জন্য Heatmap এর মতোই কাস্টমাইজেশন প্রয়োজন হয়।
Tile Plot উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'matrix']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['X', 'Y', 'Value'],
[1, 1, 5],
[1, 2, 10],
[1, 3, 15],
[2, 1, 20],
[2, 2, 25],
[2, 3, 30],
[3, 1, 35],
[3, 2, 40],
[3, 3, 45]
]);
var options = {
title: 'Tile Plot Example',
hAxis: {title: 'X Axis'},
vAxis: {title: 'Y Axis'},
colors: ['#00ff00', '#ff0000'], // Color scale for the tiles
};
var chart = new google.visualization.MatrixChart(document.getElementById('tileplot'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="tileplot" style="width: 900px; height: 500px;"></div>
</body>
</html>
এখানে:
- data: টাইল প্লটে ডেটার X এবং Y মান এবং প্রতিটি সেলের জন্য মান প্রদর্শন করা হয়েছে।
- colors: টাইলের রঙ পরিবর্তন করা হয়েছে (সবুজ থেকে লাল) যাতে বিভিন্ন মানের জন্য রঙের পরিবর্তন ঘটে।
- MatrixChart: এই গ্রাফটি Tile Plot এর মতো দেখতে হবে, যেখানে গ্রিডের প্রতিটি কোষের মধ্যে মান এবং রঙ নির্ধারণ করা হয়েছে।
Heatmap এবং Tile Plot এর ব্যবহারের ক্ষেত্রে কিছু গুরুত্বপূর্ণ দিক
- ডেটার সম্পর্ক চিহ্নিত করা: Heatmap এবং Tile Plot উভয়ই ডেটার সম্পর্ক বা প্যাটার্নকে চিহ্নিত করার জন্য ব্যবহার করা হয়, যেখানে রঙের মাধ্যমে মানের পার্থক্য বোঝানো হয়।
- বিভিন্ন স্কেল ব্যবহার: Heatmap এবং Tile Plot-এর মধ্যে রঙের স্কেল ব্যবহার করে আপনি ডেটার ভ্যালুগুলিকে বোঝাতে পারেন, যা মানের পার্থক্য স্পষ্টভাবে উপস্থাপন করে।
- ডেটার বিশ্লেষণ: উভয় ভিজ্যুয়ালাইজেশন ডেটার বড় সেট বিশ্লেষণ এবং প্যাটার্ন সনাক্ত করতে সহায়ক। Heatmap সাধারণত সময়কাল বা স্থান ভিত্তিক ডেটা দেখাতে ব্যবহার হয়, যেখানে Tile Plot ছোট সাইজের ডেটা সেটের জন্য উপযুক্ত।
সারমর্ম
Heatmap এবং Tile Plot উভয়ই ডেটা ভিজ্যুয়ালাইজেশনের চমৎকার উপায়, যা আপনি গুগল চার্টে ব্যবহার করতে পারেন। Heatmap একটি গ্রিডের মধ্যে রঙের মাধ্যমে ডেটার সম্পর্ক দেখায়, যেখানে Tile Plot গ্রিডের প্রতিটি কোষের জন্য নির্দিষ্ট মান প্রদর্শন করে। গুগল চার্টে MatrixChart ব্যবহার করে সহজেই এই ভিজ্যুয়ালাইজেশনগুলো তৈরি করা সম্ভব, যা ডেটার বিশ্লেষণ ও উপস্থাপনাকে আরও স্পষ্ট ও কার্যকরী করে তোলে।
Read more
