গুগল চার্ট একটি শক্তিশালী ডেটা ভিজুয়ালাইজেশন টুল যা ইন্টারঅ্যাকটিভ গ্রাফ ও চার্ট তৈরি করতে ব্যবহৃত হয়। যদিও গুগল চার্টে সরাসরি Statistical Transformations (পরিসংখ্যানগত রূপান্তর) সম্পাদনের জন্য কোন বিশেষ ফিচার নেই, তবে আপনি JavaScript এবং HTML এর মাধ্যমে ডেটার পরিসংখ্যানগত রূপান্তর (যেমন গড় (mean), গাণিতিক গড়, সমষ্টি (sum), স্ট্যান্ডার্ড ডেভিয়েশন ইত্যাদি) সম্পাদন করতে পারেন এবং সেই ফলাফলকে গুগল চার্টে ব্যবহার করতে পারেন।
এখানে, Statistical Transformations-এর ধারণা, তা কিভাবে ডেটাকে পরিসংখ্যানগতভাবে রূপান্তর করতে সাহায্য করে এবং গুগল চার্টে এই ধরনের রূপান্তর ব্যবহার করার পদ্ধতি নিয়ে আলোচনা করা হবে।
Statistical Transformations কী?
Statistical Transformations বা পরিসংখ্যানগত রূপান্তর হলো ডেটার উপর বিভিন্ন গণনা (যেমন গড়, সমষ্টি, মিনিমাম, ম্যাক্সিমাম, স্ট্যান্ডার্ড ডেভিয়েশন ইত্যাদি) করা। এর মাধ্যমে ডেটার বৈশিষ্ট্যগুলো বিশ্লেষণ করা এবং গুরুত্বপূর্ণ প্যাটার্ন বের করা হয়। পরিসংখ্যানগত রূপান্তরের মাধ্যমে ডেটাকে আরও বিশদভাবে বোঝা যায় এবং বিভিন্ন টেন্ডেন্সি বা পার্থক্য তুলে ধরা যায়।
প্রধান পরিসংখ্যানগত রূপান্তরগুলো:
- Mean (গড়): ডেটার গড় মান বের করা।
- Sum (সমষ্টি): ডেটার মোট যোগফল বের করা।
- Median (মিডিয়ান): ডেটার মধ্যম মান বের করা।
- Standard Deviation (স্ট্যান্ডার্ড ডেভিয়েশন): ডেটার মানগুলোর গড় থেকে কতটা বিচ্যুত (variation) হচ্ছে তা নির্ধারণ করা।
- Variance (ভেরিয়েন্স): স্ট্যান্ডার্ড ডেভিয়েশন এর বর্গ।
গুগল চার্টে এই ধরনের পরিসংখ্যানগত রূপান্তরের ফলাফলগুলোকে ভিজুয়াল উপস্থাপনা হিসেবে প্রদর্শন করা যায়।
গুগল চার্টে Statistical Transformations এর ব্যবহার
গুগল চার্টে পরিসংখ্যানগত রূপান্তর সম্পাদন করার জন্য আপনি প্রথমে ডেটার উপর সঠিক গণনা বা ট্রান্সফরমেশন করবেন, এবং তারপর সেই রূপান্তরিত ডেটা ব্যবহার করে একটি চার্ট তৈরি করবেন। সাধারণত, JavaScript বা অন্য ডেটা ম্যানিপুলেশন লাইব্রেরি যেমন Google Visualization API অথবা D3.js ব্যবহৃত হয়।
উদাহরণ: গুগল চার্টে গড় (Mean) ব্যবহার করা
ধরা যাক, আমাদের একটি ডেটাসেট রয়েছে যেখানে বিভিন্ন মাসের বিক্রির তথ্য রয়েছে এবং আমরা গড় বিক্রি বের করে সেই ডেটা দিয়ে একটি বার চার্ট তৈরি করতে চাই।
- ডেটার পরিসংখ্যানগত রূপান্তর:
- এখানে আমরা বিক্রির গড় বের করব।
- ধরুন, বিক্রির ডেটা:
[100, 150, 200, 250, 300]
// ডেটা সেট
var salesData = [100, 150, 200, 250, 300];
// গড় (Mean) হিসাব
var sum = salesData.reduce(function(a, b) { return a + b; }, 0);
var mean = sum / salesData.length; // গড় (Mean)
- গুগল চার্টে গড় (Mean) ব্যবহার:
- আমরা গড় (mean) ব্যবহার করে একটি বার চার্ট তৈরি করব।
<!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() {
// গড় (Mean) গণনা
var salesData = [100, 150, 200, 250, 300];
var sum = salesData.reduce(function(a, b) { return a + b; }, 0);
var mean = sum / salesData.length;
// গুগল চার্ট ডেটা সেট তৈরি
var data = google.visualization.arrayToDataTable([
['Month', 'Sales'],
['January', salesData[0]],
['February', salesData[1]],
['March', salesData[2]],
['April', salesData[3]],
['May', salesData[4]],
['Average', mean] // গড় (Mean) যোগ করা হয়েছে
]);
var options = {
title: 'Monthly Sales with Average',
chartArea: {width: '50%'},
hAxis: {
title: 'Sales',
minValue: 0
},
vAxis: {
title: 'Month'
}
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
এখানে:
- Mean (গড়) গণনা করা হয়েছে এবং সেটি বার চার্টে Average হিসেবে প্রদর্শিত হবে।
- গুগল চার্টের মাধ্যমে এই গড় (mean) ডেটার সাথে তুলনা করে, মাসিক বিক্রির ট্রেন্ড এবং গড় বিক্রি নির্ধারণ করা হচ্ছে।
গুগল চার্টে অন্যান্য Statistical Transformations ব্যবহার
গুগল চার্টে স্ট্যান্ডার্ড ডেভিয়েশন বা অন্যান্য পরিসংখ্যানগত পরিমাপ যোগ করতে চাইলে, আপনাকে প্রথমে JavaScript এর মাধ্যমে সেই গণনাগুলি করতে হবে এবং তারপর ফলাফল ডেটা সেটে যুক্ত করে চার্ট তৈরি করতে হবে।
উদাহরণ: স্ট্যান্ডার্ড ডেভিয়েশন (Standard Deviation)
স্ট্যান্ডার্ড ডেভিয়েশন বের করার জন্য:
// স্ট্যান্ডার্ড ডেভিয়েশন হিসাব
var variance = salesData.reduce(function(a, b) { return a + Math.pow(b - mean, 2); }, 0) / salesData.length;
var stdDeviation = Math.sqrt(variance); // স্ট্যান্ডার্ড ডেভিয়েশন
এটি এক্ষেত্রে stdDeviation ব্যবহার করে গুগল চার্টে দেখানো যেতে পারে।
সারমর্ম
গুগল চার্টে Statistical Transformations সরাসরি কোনো ফিচার হিসেবে অন্তর্ভুক্ত না থাকলেও, আপনি JavaScript এর মাধ্যমে ডেটার পরিসংখ্যানগত রূপান্তর করতে পারেন এবং সেই রূপান্তরিত ডেটা দিয়ে গুগল চার্টে ভিজুয়ালাইজেশন তৈরি করতে পারেন। Mean, Standard Deviation, এবং অন্যান্য পরিসংখ্যানগত গণনাগুলি ব্যবহার করে আপনি ডেটাকে আরও সঠিকভাবে বিশ্লেষণ এবং উপস্থাপন করতে পারেন।
ggplot2 এবং গুগল চার্ট উভয়ই শক্তিশালী টুল, কিন্তু তাদের কার্যকারিতা এবং বৈশিষ্ট্য কিছুটা আলাদা। ggplot2-এ Built-in Statistical Functions ব্যবহার করে আপনি সহজেই ডেটার বিভিন্ন পরিসংখ্যানিক বিশ্লেষণ এবং বৈশিষ্ট্য বের করতে পারেন, যেমন গড়, মাধ্যম, স্ট্যান্ডার্ড ডেভিয়েশন, রিগ্রেশন লাইন ইত্যাদি। তবে গুগল চার্টে সরাসরি ggplot2 এর মতো বিল্ট-ইন স্ট্যাটিস্টিক্যাল ফাংশন পাওয়া যায় না, কিন্তু আপনি গুগল চার্টে ডেটার উপস্থাপনা করতে পারেন এবং কিছু পরিসংখ্যানিক অপশন যোগ করতে পারেন।
এখানে আমরা ggplot2-এ বিল্ট-ইন স্ট্যাটিস্টিক্যাল ফাংশন নিয়ে আলোচনা করব এবং গুগল চার্টে সেই ধরনের বিশ্লেষণ এবং উপস্থাপনা কিভাবে করা যায় তা দেখাব।
ggplot2 এ Built-in Statistical Functions
ggplot2 ব্যবহার করে আপনি কিছু বিল্ট-ইন স্ট্যাটিস্টিক্যাল ফাংশন ব্যবহার করতে পারেন, যেমন:
geom_smooth()- ডেটার রিগ্রেশন লাইন বা ট্রেন্ড লাইন তৈরি করা।stat_summary()- পরিসংখ্যানিক সারাংশ, যেমন গড়, মিডিয়ান, স্ট্যান্ডার্ড ডেভিয়েশন ইত্যাদি বের করা।geom_boxplot()- বক্সপ্লট তৈরি করা, যা ডেটার পারসেন্টাইল, মিডিয়ান এবং আউটলাইয়ার দেখায়।
১. geom_smooth()
geom_smooth() ফাংশন ব্যবহার করে আপনি ডেটায় একটি স্লোপ বা রিগ্রেশন লাইন যোগ করতে পারেন, যা ডেটার ট্রেন্ড বা সম্পর্ক প্রকাশ করে।
উদাহরণ:
# ggplot2 প্যাকেজ লোড করা
library(ggplot2)
# mtcars ডেটাসেট ব্যবহার
data(mtcars)
# Scatter plot with regression line
ggplot(mtcars, aes(x = wt, y = mpg)) +
geom_point() + # Scatter plot
geom_smooth(method = "lm") + # Linear regression line
labs(title = "Regression Line: Weight vs Mileage", x = "Weight", y = "Miles per Gallon")
এখানে:
geom_smooth(method = "lm")ডেটায় একটি লিনিয়ার রিগ্রেশন লাইন যোগ করবে।
২. stat_summary()
stat_summary() ফাংশন ডেটার পরিসংখ্যানিক সারাংশ যেমন গড়, মিডিয়ান বা স্ট্যান্ডার্ড ডেভিয়েশন বের করতে ব্যবহৃত হয়।
উদাহরণ:
# ggplot2 প্যাকেজ লোড করা
library(ggplot2)
# mtcars ডেটাসেট ব্যবহার
data(mtcars)
# Summary statistics (mean) with error bars
ggplot(mtcars, aes(x = cyl, y = mpg)) +
geom_point() + # Scatter plot
stat_summary(fun = "mean", geom = "point", size = 4, color = "red") + # Mean
stat_summary(fun.data = "mean_cl_normal", geom = "errorbar") + # Confidence interval
labs(title = "Mean MPG with Confidence Interval by Cylinders", x = "Number of Cylinders", y = "Miles per Gallon")
এখানে:
stat_summary(fun = "mean")গড় বের করবে।stat_summary(fun.data = "mean_cl_normal")গড় এবং কনফিডেন্স ইন্টারভ্যালের জন্য এরর বার যোগ করবে।
৩. geom_boxplot()
geom_boxplot() ফাংশন বক্সপ্লট তৈরি করার জন্য ব্যবহৃত হয়, যা ডেটার মাইনিমাম, প্রথম কুইনটাইল, মিডিয়ান, তৃতীয় কুইনটাইল এবং আউটলাইয়ারগুলো দেখায়।
উদাহরণ:
# ggplot2 প্যাকেজ লোড করা
library(ggplot2)
# mtcars ডেটাসেট ব্যবহার
data(mtcars)
# Boxplot
ggplot(mtcars, aes(x = factor(cyl), y = mpg)) +
geom_boxplot() + # Create boxplot
labs(title = "Boxplot of MPG by Cylinder", x = "Number of Cylinders", y = "Miles per Gallon")
এখানে:
geom_boxplot()ফাংশনটি বক্সপ্লট তৈরি করে যা মাইনিমাম, কুইনটাইল, মিডিয়ান এবং আউটলাইয়ার প্রদর্শন করবে।
গুগল চার্ট (Google Charts) এ পরিসংখ্যানিক উপস্থাপনা
গুগল চার্টে সরাসরি ggplot2 এর বিল্ট-ইন স্ট্যাটিস্টিক্যাল ফাংশন পাওয়া যায় না, তবে আপনি ডেটা ট্রান্সফর্মেশন ও পরিসংখ্যানিক বিশ্লেষণ করার পর, সেই ডেটা গুগল চার্টে উপস্থাপন করতে পারেন। গুগল চার্টে ডেটার রিগ্রেশন লাইন বা গড়, মিডিয়ান এবং অন্যান্য পরিসংখ্যানিক ভ্যালু উপস্থাপন করার জন্য সাধারণত line chart, scatter plot এবং bar chart ব্যবহার করা হয়।
উদাহরণ: গুগল চার্টে Regression Line
<!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 = google.visualization.arrayToDataTable([
['Weight', 'MPG'],
[2.620, 21.0],
[2.875, 22.8],
[3.215, 18.7],
[3.440, 17.3],
[3.570, 15.0]
]);
var options = {
title: 'Regression Line: Weight vs Mileage',
hAxis: {
title: 'Weight'
},
vAxis: {
title: 'Miles per Gallon'
},
series: {
0: {
type: 'scatter'
},
1: {
type: 'line',
lineWidth: 3,
pointSize: 5
}
}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
এখানে, scatter plot দিয়ে ডেটার পয়েন্ট প্রদর্শিত হবে এবং line chart দিয়ে রিগ্রেশন লাইন যোগ করা হয়েছে।
উদাহরণ: গুগল চার্টে Boxplot
গুগল চার্টে boxplot সরাসরি সমর্থিত নয়, তবে আপনি scatter plot অথবা bar chart ব্যবহার করে কাস্টমাইজড বক্সপ্লট তৈরি করতে পারেন।
সারমর্ম
ggplot2-এ বিভিন্ন Built-in Statistical Functions যেমন geom_smooth(), stat_summary(), এবং geom_boxplot() ব্যবহার করে সহজে পরিসংখ্যানিক বিশ্লেষণ করা যায়। গুগল চার্টে সরাসরি ggplot2 এর মতো বিল্ট-ইন পরিসংখ্যানিক ফাংশন না থাকলেও, আপনি line charts, scatter plots, এবং bar charts ব্যবহার করে বিভিন্ন পরিসংখ্যানিক উপস্থাপনা করতে পারেন। Regression line বা average values গুগল চার্টে combo charts এর মাধ্যমে তৈরি করা সম্ভব।
ggplot2-এ Stat_summary, Stat_smooth, এবং Stat_bin ফাংশনগুলি ডেটা ভিজুয়ালাইজেশনে বিভিন্ন পরিসংখ্যানগত বিশ্লেষণ এবং ডেটা ট্রেন্ড শো করার জন্য ব্যবহৃত হয়। তবে, গুগল চার্ট-এ এই ধরনের ফাংশনের সরাসরি সমতুল্য নেই, কারণ গুগল চার্ট একটি ওয়েব-বেসড ভিজুয়ালাইজেশন টুল এবং এটি মূলত ডেটা প্রদর্শন করতে ব্যবহৃত হয়।
এখানে আমরা ggplot2 এর Stat_summary, Stat_smooth, এবং Stat_bin ফাংশনের কাজ ব্যাখ্যা করব এবং গুগল চার্টে কিভাবে তাদের সমতুল্য কার্যকারিতা অর্জন করা যেতে পারে তা তুলে ধরব।
১. Stat_summary (সারাংশ পরিসংখ্যান)
Stat_summary ফাংশনটি ggplot2-তে ডেটার উপর সারাংশ পরিসংখ্যান হিসাব করতে ব্যবহৃত হয়, যেমন গড়, মাধ্যমিক মান, স্ট্যান্ডার্ড ডেভিয়েশন, ইত্যাদি। এটি ডেটার সারাংশ বিশ্লেষণ করে এবং সেটিকে গ্রাফে প্রদর্শন করে।
ggplot2 উদাহরণ:
ggplot(mtcars, aes(x = wt, y = mpg)) +
geom_point() +
stat_summary(fun = "mean", geom = "line", color = "red")
এখানে:
- stat_summary(fun = "mean") গড় মানের লাইন যোগ করবে, যা ডেটার ট্রেন্ড দেখাবে।
গুগল চার্টে সমতুল্য:
গুগল চার্টে Stat_summary ফাংশনের সমতুল্য ফাংশন হলো trendline ফিচার, যা ডেটার ট্রেন্ড বা রৈখিক সম্পর্ক চিত্রিত করে।
var data = google.visualization.arrayToDataTable([
['Weight', 'Mileage'],
[2.620, 21.0],
[2.875, 22.8],
[3.215, 18.7],
[3.440, 17.3],
[3.570, 15.0]
]);
var options = {
title: 'Weight vs Mileage',
hAxis: {title: 'Weight'},
vAxis: {title: 'Mileage'},
trendlines: {0: {type: 'linear', color: 'red', lineWidth: 3}} // Trendline to show the mean
};
var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
chart.draw(data, options);
এখানে trendlines অপশন ব্যবহার করে ডেটার গড় বা ট্রেন্ড লাইন চিত্রিত করা হয়েছে।
২. Stat_smooth (স্মুথ লাইন)
Stat_smooth ফাংশন ggplot2-তে ডেটার উপর একটি স্মুথ লাইন যোগ করতে ব্যবহৃত হয়, যা ডেটার প্যাটার্ন বা ট্রেন্ডের বক্ররেখা দেখায়। এটি LOESS (Locally Estimated Scatterplot Smoothing) বা গাণিতিক ফাংশন (যেমন, লিনিয়ার, লগারিদমিক) ব্যবহার করে ডেটাকে স্মুথ (মসৃণ) করে।
ggplot2 উদাহরণ:
ggplot(mtcars, aes(x = wt, y = mpg)) +
geom_point() +
stat_smooth(method = "lm", color = "blue") # Linear regression line
এখানে:
- stat_smooth(method = "lm") একটি লিনিয়ার রিগ্রেশন লাইন যোগ করবে যা ডেটার ট্রেন্ড দেখাবে।
গুগল চার্টে সমতুল্য:
গুগল চার্টে স্মুথ লাইন তৈরি করতে trendlines ব্যবহার করা হয়, যা ডেটার স্মুথ (লিনিয়ার বা অন্য পদ্ধতিতে) ট্রেন্ড দেখায়।
var data = google.visualization.arrayToDataTable([
['Weight', 'Mileage'],
[2.620, 21.0],
[2.875, 22.8],
[3.215, 18.7],
[3.440, 17.3],
[3.570, 15.0]
]);
var options = {
title: 'Weight vs Mileage',
hAxis: {title: 'Weight'},
vAxis: {title: 'Mileage'},
trendlines: {0: {type: 'polynomial', degree: 2, color: 'blue', lineWidth: 3}} // Polynomial smoothing line
};
var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
chart.draw(data, options);
এখানে, trendlines অপশনে polynomial মেথড ব্যবহার করে ডেটার একটি স্মুথ (মসৃণ) বক্ররেখা তৈরি করা হয়েছে।
৩. Stat_bin (বিনিং)
Stat_bin ফাংশন ggplot2-তে হিস্টোগ্রাম তৈরি করতে ব্যবহৃত হয়, যেখানে ডেটাকে বিভিন্ন বিনে (bin) ভাগ করে তা দেখানো হয়। এটি সাধারণত geom_histogram() ফাংশনের সাথে ব্যবহার করা হয়।
ggplot2 উদাহরণ:
ggplot(mtcars, aes(x = mpg)) +
geom_histogram(binwidth = 2, fill = "blue", color = "black")
এখানে:
- stat_bin() স্বয়ংক্রিয়ভাবে ডেটাকে bins (বিন) এ ভাগ করে এবং সেই অনুযায়ী হিস্টোগ্রাম তৈরি করে।
গুগল চার্টে সমতুল্য:
গুগল চার্টে histogram তৈরি করার জন্য HistogramChart ব্যবহার করা হয়। এটি স্বয়ংক্রিয়ভাবে ডেটাকে bins এ ভাগ করে এবং ডেটার বিতরণ দেখায়।
var data = google.visualization.arrayToDataTable([
['Mileage'],
[21.0],
[22.8],
[18.7],
[17.3],
[15.0]
]);
var options = {
title: 'Mileage Distribution',
hAxis: {title: 'Mileage'},
vAxis: {title: 'Frequency'},
histogram: {bucketSize: 2} // Bin size set to 2
};
var chart = new google.visualization.Histogram(document.getElementById('chart_div'));
chart.draw(data, options);
এখানে, bucketSize দ্বারা গুগল চার্টে bins এর আকার নির্ধারণ করা হয়েছে, যা ggplot2-এ binwidth এর মতো কাজ করে।
সারমর্ম
- Stat_summary: ggplot2 এ সারাংশ পরিসংখ্যান হিসাব করতে ব্যবহৃত হয়, যা গুগল চার্টে trendlines দ্বারা কার্যকর করা হয়।
- Stat_smooth: ggplot2 এ ডেটার স্মুথ (মসৃণ) লাইন যোগ করার জন্য ব্যবহৃত হয়, যা গুগল চার্টে trendlines অপশন ব্যবহার করে স্মুথ লাইন যোগ করা যায়।
- Stat_bin: ggplot2 এ ডেটাকে বিনে ভাগ করে হিস্টোগ্রাম তৈরি করার জন্য ব্যবহৃত হয়, যা গুগল চার্টে HistogramChart ফিচারের মাধ্যমে করা যায়।
গুগল চার্টে trendlines এবং HistogramChart ফিচারগুলির মাধ্যমে ggplot2 এর Stat_summary, Stat_smooth, এবং Stat_bin এর কার্যকারিতা পুনরাবৃত্তি করা সম্ভব।
Statistical Transformations ডেটার সারাংশ তৈরি করতে সাহায্য করে, যেখানে ডেটার বিভিন্ন পরিসংখ্যানগত পরিমাপ (যেমন গড়, সঞ্চিত মোট, বা গড় বিচ্যুতি) তৈরি করা হয়। গুগল চার্ট (Google Charts) সরাসরি পরিসংখ্যানগত গণনা বা পরিমাপ করার কোনো ফিচার সরাসরি প্রদান না করলেও, আপনি ডেটাকে গণনা ও সংক্ষেপ করতে JavaScript বা অন্য কোনো প্রোগ্রামিং ভাষার মাধ্যমে প্রাথমিকভাবে প্রক্রিয়া করে গুগল চার্টে ব্যবহার করতে পারেন।
এখানে আমরা গুগল চার্ট ব্যবহার করে Statistical Transformations এর মাধ্যমে ডেটার সারাংশ কিভাবে তৈরি করা যায় তা দেখবো। আমরা গড়, সর্বোচ্চ, সর্বনিম্ন, এবং মোটের মতো পরিসংখ্যানগত তথ্য বের করতে JavaScript ব্যবহার করব এবং সেই ডেটা গুগল চার্টে প্রদর্শন করব।
১. ডেটার গড় (Mean) এবং মোট (Sum) বের করা
গুগল চার্টে ডেটার সারাংশ তৈরির জন্য, প্রথমে আপনি JavaScript বা অন্য কোনো পদ্ধতি দিয়ে ডেটার গড় (Mean) এবং মোট (Sum) বের করতে পারেন। এরপর এই পরিসংখ্যানিক তথ্য গুগল চার্টে প্রদর্শন করতে পারবেন।
উদাহরণ ১: গড় এবং মোট গণনা করে বার চার্ট তৈরি করা
<!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([
['Product', 'Sales'],
['Product A', 100],
['Product B', 150],
['Product C', 120],
['Product D', 130],
['Product E', 90]
]);
// পরিসংখ্যানিক পরিবর্তন: গড় এবং মোট
var sum = 0;
var totalCount = data.getNumberOfRows();
for (var i = 0; i < totalCount; i++) {
sum += data.getValue(i, 1);
}
var average = sum / totalCount;
// তথ্য দেখানো: গড় এবং মোট
console.log('Sum: ' + sum);
console.log('Average: ' + average);
// চার্ট অপশনস
var options = {
title: 'Sales Summary',
hAxis: {title: 'Products'},
vAxis: {title: 'Sales'}
};
// গুগল চার্ট প্রদর্শন করা
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
// গড় এবং মোটের জন্য টেক্সট প্রিন্ট
document.getElementById("avg").innerHTML = "Average Sales: " + average;
document.getElementById("sum").innerHTML = "Total Sales: " + sum;
}
</script>
</head>
<body>
<h2>Google Charts: Statistical Summary</h2>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<p id="avg"></p>
<p id="sum"></p>
</body>
</html>
ব্যাখ্যা:
- ডেটা সেট: একটি সাধারণ ডেটাসেট তৈরি করা হয়েছে, যেখানে প্রতিটি প্রোডাক্টের বিক্রয় মান প্রদান করা হয়েছে।
- গণনা: JavaScript এর মাধ্যমে গড় এবং মোট বিক্রয় হিসাব করা হয়েছে।
- গুগল চার্ট: একটি bar chart তৈরি করা হয়েছে যেখানে প্রোডাক্টের বিক্রয় মানের তথ্য প্রদর্শিত হচ্ছে।
- টেক্সট আউটপুট: গড় (average) এবং মোট (sum) বিক্রয় পরিসংখ্যান প্রদর্শিত হচ্ছে।
২. সর্বোচ্চ (Max) এবং সর্বনিম্ন (Min) মান নির্ধারণ করা
আপনি গুগল চার্টে পরিসংখ্যানগত সারাংশ হিসেবে সর্বোচ্চ এবং সর্বনিম্ন মান বের করতে পারেন। এটি সাধারণত ডেটা বিশ্লেষণের জন্য গুরুত্বপূর্ণ, যেখানে ডেটার রেঞ্জ বা পরিসীমা বোঝা সহজ হয়।
উদাহরণ ২: সর্বোচ্চ এবং সর্বনিম্ন মান বের করে পি চার্ট তৈরি করা
<!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', 'pie']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
// ডেটা সেট তৈরি করা
var data = google.visualization.arrayToDataTable([
['Product', 'Sales'],
['Product A', 100],
['Product B', 150],
['Product C', 120],
['Product D', 130],
['Product E', 90]
]);
// পরিসংখ্যানিক পরিবর্তন: সর্বোচ্চ এবং সর্বনিম্ন
var maxSales = 0;
var minSales = data.getValue(0, 1);
for (var i = 0; i < data.getNumberOfRows(); i++) {
var sales = data.getValue(i, 1);
if (sales > maxSales) {
maxSales = sales;
}
if (sales < minSales) {
minSales = sales;
}
}
// তথ্য দেখানো: সর্বোচ্চ এবং সর্বনিম্ন
console.log('Max Sales: ' + maxSales);
console.log('Min Sales: ' + minSales);
// চার্ট অপশনস
var options = {
title: 'Sales Comparison',
slices: {
0: { offset: 0.1 },
1: { offset: 0.2 }
}
};
// গুগল চার্ট প্রদর্শন করা
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
// সর্বোচ্চ এবং সর্বনিম্ন মানের জন্য টেক্সট প্রিন্ট
document.getElementById("max").innerHTML = "Max Sales: " + maxSales;
document.getElementById("min").innerHTML = "Min Sales: " + minSales;
}
</script>
</head>
<body>
<h2>Google Charts: Statistical Summary</h2>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
<p id="max"></p>
<p id="min"></p>
</body>
</html>
ব্যাখ্যা:
- ডেটা সেট: একটি সাধারণ ডেটাসেট তৈরি করা হয়েছে যেখানে বিভিন্ন প্রোডাক্টের বিক্রয় মান দেওয়া হয়েছে।
- গণনা: সর্বোচ্চ (max) এবং সর্বনিম্ন (min) বিক্রয় মান বের করার জন্য
ifকন্ডিশন ব্যবহার করা হয়েছে। - গুগল চার্ট: একটি pie chart তৈরি করা হয়েছে যেখানে বিক্রয় পরিসংখ্যান দেখানো হচ্ছে।
- টেক্সট আউটপুট: সর্বোচ্চ এবং সর্বনিম্ন বিক্রয় মান প্রদর্শিত হচ্ছে।
সারমর্ম
গুগল চার্ট সরাসরি Statistical Transformations বা পরিসংখ্যানগত গণনা করার কোনো ফিচার সরাসরি প্রদান না করলেও, JavaScript বা অন্যান্য স্ক্রিপ্টিং ভাষা ব্যবহার করে ডেটা পরিসংখ্যানগতভাবে বিশ্লেষণ করা সম্ভব। তারপর সেই ডেটা গুগল চার্টে ভিজুয়ালাইজ করতে পারেন।
- গড়, সর্বোচ্চ, সর্বনিম্ন, এবং মোট এর মতো পরিসংখ্যানগত সারাংশ তৈরি করে গ্রাফে প্রদর্শন করা সম্ভব।
- গুগল চার্টে বিভিন্ন ধরনের গ্রাফ, যেমন বার চার্ট, পি চার্ট, লাইন গ্রাফ ইত্যাদি ব্যবহার করে ডেটা বিশ্লেষণ করা যায়।
এই পদ্ধতিতে আপনি আপনার ডেটাকে সংক্ষেপে উপস্থাপন করতে পারবেন, যা ডেটা বিশ্লেষণ এবং প্রতিবেদন তৈরিতে সহায়ক।
Google Charts ব্যবহার করে আপনি সহজে Custom Statistics (কাস্টম পরিসংখ্যান) যোগ করতে পারেন, যেমন মধ্যম, গড়, স্ট্যান্ডার্ড ডেভিয়েশন, মিনিমাম, ম্যাক্সিমাম ইত্যাদি। এই পরিসংখ্যানগুলো আপনার ডেটাকে বিশ্লেষণ করতে এবং গ্রাফের মাধ্যমে আরও বিস্তারিত তথ্য উপস্থাপন করতে সাহায্য করে।
গুগল চার্টে কাস্টম পরিসংখ্যান যোগ করতে annotations, lines, labels, এবং tooltips ব্যবহার করা হয়। এখানে, আমরা কিভাবে কাস্টম পরিসংখ্যান যোগ করা যায় তা উদাহরণসহ দেখাবো।
কাস্টম পরিসংখ্যান যোগ করার পদ্ধতি
১. Mean (গড়) এবং Median (মধ্যম) যোগ করা
গুগল চার্টে গড় (Mean) এবং মধ্যম (Median) যেমন কাস্টম পরিসংখ্যান যোগ করা যায়, তেমনি এগুলোকে line charts বা bar charts এ উপস্থাপন করা সম্ভব।
উদাহরণ: গড় এবং মধ্যম যোগ করা
ধরা যাক, আমাদের কাছে একটি ডেটাসেট রয়েছে এবং আমরা গড় এবং মধ্যম যোগ করতে চাই।
<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', 'Y');
// Sample Data
data.addRows([
[1, 10],
[2, 15],
[3, 30],
[4, 35],
[5, 40]
]);
// Calculate mean and median
var total = 0;
var values = [];
for (var i = 0; i < data.getNumberOfRows(); i++) {
total += data.getValue(i, 1);
values.push(data.getValue(i, 1));
}
var mean = total / data.getNumberOfRows();
values.sort(function(a, b) { return a - b; });
var median = (values[Math.floor(values.length / 2)] + values[Math.ceil(values.length / 2)]) / 2;
var options = {
title: 'Data with Mean and Median',
hAxis: {title: 'X'},
vAxis: {title: 'Y'},
series: {
0: { color: '#1b9e77' }
},
annotations: {
alwaysOutside: true,
textStyle: {fontSize: 12, bold: true}
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
// Draw the chart
chart.draw(data, options);
// Add Mean and Median as annotations
var annotations = [
{column: 0, row: 0, text: 'Mean: ' + mean.toFixed(2)},
{column: 0, row: 4, text: 'Median: ' + median.toFixed(2)}
];
chart.setOption('annotations', annotations);
chart.draw(data, options);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
এখানে:
- গড় (Mean) এবং মধ্যম (Median) এর মান গণনা করা হয়েছে।
- এরপর এই কাস্টম পরিসংখ্যানগুলোকে গ্রাফে annotations হিসেবে যোগ করা হয়েছে।
২. Standard Deviation (স্ট্যান্ডার্ড ডেভিয়েশন) যোগ করা
গুগল চার্টে Standard Deviation যোগ করতে, আপনি ডেটার ছড়ানো (dispersion) পরিসংখ্যান দেখাতে পারবেন, যা ডেটার বৈচিত্র্য বুঝতে সাহায্য করে।
উদাহরণ: স্ট্যান্ডার্ড ডেভিয়েশন যোগ করা
<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', 'Y');
// Sample Data
data.addRows([
[1, 10],
[2, 15],
[3, 30],
[4, 35],
[5, 40]
]);
// Calculate standard deviation
var values = [];
for (var i = 0; i < data.getNumberOfRows(); i++) {
values.push(data.getValue(i, 1));
}
var mean = values.reduce(function(a, b) { return a + b; }) / values.length;
var variance = values.reduce(function(a, b) { return a + Math.pow(b - mean, 2); }, 0) / values.length;
var stdDev = Math.sqrt(variance);
var options = {
title: 'Data with Standard Deviation',
hAxis: {title: 'X'},
vAxis: {title: 'Y'},
series: {
0: { color: '#1b9e77' }
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
// Draw the chart
chart.draw(data, options);
// Add Standard Deviation line
var annotations = [
{column: 0, row: 0, text: 'StdDev: ' + stdDev.toFixed(2)}
];
chart.setOption('annotations', annotations);
chart.draw(data, options);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
এখানে:
- Standard Deviation গণনা করা হয়েছে এবং এটি গ্রাফে annotations হিসেবে প্রদর্শিত হয়েছে।
৩. Min, Max Values (মিনিমাম এবং ম্যাক্সিমাম মান) যোগ করা
গুগল চার্টে Min এবং Max মানগুলি গ্রাফে যোগ করতে, আপনি annotations এবং lines ব্যবহার করতে পারেন। এটি ডেটার পরিসীমা দেখাতে সহায়ক।
উদাহরণ: Min এবং Max মান যোগ করা
<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', 'Y');
// Sample Data
data.addRows([
[1, 10],
[2, 15],
[3, 30],
[4, 35],
[5, 40]
]);
// Calculate min and max values
var minValue = Math.min(...data.getColumn(1));
var maxValue = Math.max(...data.getColumn(1));
var options = {
title: 'Data with Min and Max Values',
hAxis: {title: 'X'},
vAxis: {title: 'Y'},
series: {
0: { color: '#1b9e77' }
}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
// Draw the chart
chart.draw(data, options);
// Add Min and Max Value lines
var annotations = [
{column: 0, row: 0, text: 'Min: ' + minValue},
{column: 0, row: 4, text: 'Max: ' + maxValue}
];
chart.setOption('annotations', annotations);
chart.draw(data, options);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
এখানে:
- Min এবং Max মানগুলো
annotationsহিসেবে গ্রাফে যোগ করা হয়েছে।
সারমর্ম
গুগল চার্টে কাস্টম পরিসংখ্যান (যেমন গড়, মধ্যম, স্ট্যান্ডার্ড ডেভিয়েশন, মিনিমাম, ম্যাক্সিমাম) যোগ করতে আপনি annotations, lines, tooltips ইত্যাদি ব্যবহার করতে পারেন। এতে ডেটার আরও বিস্তারিত বিশ্লেষণ করা যায় এবং ভিজুয়ালাইজেশনটি আরও সমৃদ্ধ হয়। কাস্টম পরিসংখ্যান যোগ করার মাধ্যমে ডেটাকে আরও কার্যকরভাবে উপস্থাপন করা সম্ভব।
Read more
