গুগল চার্ট (Google Charts) ব্যবহার করে আপনি বিভিন্ন ধরনের স্কেল তৈরি করতে পারেন, যেমন Logarithmic Scale এবং Reverse Scale। এগুলি বিশেষভাবে ডেটার বৈচিত্র্য বা আঞ্চলিক পরিবর্তনগুলিকে আরও ভালভাবে বিশ্লেষণ করতে সহায়ক। এই স্কেলগুলি প্রধানত x-axis বা y-axis এ ভ্যালুর স্কেলিং পরিবর্তন করতে ব্যবহৃত হয়। নিচে Logarithmic এবং Reverse Scale কিভাবে তৈরি করা যায় তা আলোচনা করা হলো।
১. Logarithmic Scale তৈরি করা
Logarithmic scale ব্যবহার করা হয় যখন ডেটার ভ্যালুগুলির মধ্যে বিশাল পার্থক্য থাকে। এটি সাধারণত সিগনিফিকেন্ট রেঞ্জে ডেটা উপস্থাপন করতে ব্যবহৃত হয়, যেমন অর্থনীতি, বিজ্ঞান বা ফিনান্সে দেখা যায়। লোগারিদমিক স্কেলে বড় সংখ্যাগুলির পরিবর্তে ছোট সংখ্যাগুলির মধ্যে আরও মনোযোগ দেওয়া হয়, যেমন x-axis বা y-axis এ মান 1, 10, 100, 1000 ইত্যাদি দিয়ে স্কেল করা হয়।
উদাহরণ ১: লোগারিদমিক স্কেল ব্যবহার করে লাইন চার্ট
<!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', 'line'] });
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'X');
data.addColumn('number', 'Value');
data.addRows([
[1, 10],
[2, 50],
[3, 100],
[4, 500],
[5, 1000]
]);
var options = {
title: 'Logarithmic Scale Example',
hAxis: {
title: 'X-axis (Log Scale)',
scaleType: 'log'
},
vAxis: {
title: 'Y-axis (Log Scale)',
scaleType: 'log'
},
legend: { position: 'top' }
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
ব্যাখ্যা:
- scaleType: 'log': এখানে
hAxisএবংvAxisএ লোগারিদমিক স্কেল তৈরি করা হয়েছে। - এক্ষেত্রে, ডেটা অক্ষের মান গাণিতিকভাবে লজরথমিক স্কেলে পরিবর্তিত হয়, যেমন 1, 10, 100, 1000।
২. Reverse Scale তৈরি করা
Reverse scale তৈরি করা হয় যখন আপনি ডেটার অক্ষের মান উল্টোভাবে (inverse) প্রদর্শন করতে চান। অর্থাৎ, সিলিন্ডার বা পরিমাণের সংখ্যা ছোট থেকে বড় না হয়ে বড় থেকে ছোট হবে। এটি বিশেষত তখন ব্যবহৃত হয় যখন অক্ষের মানকে উল্টানো বা বিপরীতভাবে প্রদর্শন করতে হয়।
উদাহরণ ২: Reverse Scale ব্যবহার করে বার চার্ট
<!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', 'bar'] });
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Category', 'Value'],
['A', 1000],
['B', 900],
['C', 800],
['D', 1200],
['E', 700]
]);
var options = {
title: 'Reverse Scale Example',
chartArea: { width: '50%' },
hAxis: {
title: 'Value',
minValue: 0,
direction: -1 // Reverse scale (direction -1)
},
vAxis: {
title: 'Category'
}
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
ব্যাখ্যা:
- direction: -1: এই অপশনটি
hAxisএ বিপরীত স্কেল তৈরি করতে ব্যবহৃত হয়েছে, অর্থাৎ, বারের মান ছোট থেকে বড় না হয়ে বড় থেকে ছোট হয়ে প্রদর্শিত হবে। - এটি বার চার্টের ক্ষেত্রে বিশেষভাবে কার্যকর, যেখানে আপনি ভ্যালুগুলির অবস্থান উল্টোভাবে চিহ্নিত করতে চান।
সারমর্ম
গুগল চার্টে Logarithmic Scale এবং Reverse Scale ব্যবহার করে আপনি ডেটার উপস্থাপনাকে আরও অর্থপূর্ণ এবং স্বচ্ছ করতে পারেন।
- Logarithmic Scale ব্যবহৃত হয় ডেটার বিশাল পরিসরে ভ্যালু প্রদর্শন করার জন্য।
- Reverse Scale ব্যবহৃত হয় যখন ডেটার অক্ষের মান উল্টোভাবে প্রদর্শন করতে হয়।
এই স্কেলগুলো ডেটাকে আরো স্পষ্টভাবে উপস্থাপন করতে সাহায্য করে, বিশেষত যখন ডেটার মধ্যে বড় ধরনের পার্থক্য থাকে বা উল্টোভাবে ডেটা প্রদর্শন করা প্রয়োজন হয়।
Read more
