Nested Faceting হল ডেটাকে বিভিন্ন সাবসেটের মধ্যে বিভক্ত করার প্রক্রিয়া, যেখানে একাধিক স্তরের ফ্যাসেটিং (Faceting) ব্যবহার করে আপনি ডেটার ভিন্ন ভিন্ন দৃষ্টিকোণ থেকে বিশ্লেষণ করতে পারেন। গুগল চার্টে Nested Faceting সরাসরি সমর্থিত না হলেও, আপনি google.visualization.ChartWrapper এবং view ব্যবহার করে ডেটার নেস্টেড ফ্যাসেটিং তৈরি করতে পারেন। এখানে, Nested Faceting বলতে বোঝানো হচ্ছে একাধিক স্তরের ভিত্তিতে ডেটাকে ভিজ্যুয়ালাইজ করা—যেমন, প্রথমে একটি গ্রাফের জন্য একটি ফ্যাসেট এবং তারপর সেই ফ্যাসেটের মধ্যে আরও সাব-ফ্যাসেট তৈরি করা।
গুগল চার্টের মধ্যে সাধারণত faceting grid layout বা multiple subplots হিসেবে তৈরি করা হয়, যেখানে বিভিন্ন ডেটা গ্রুপিং বা ক্যাটাগরি ভিত্তিক প্লটগুলি তৈরি করা হয়। আপনি Multiple Charts বা Grid Layouts ব্যবহার করে Nested Faceting বাস্তবায়ন করতে পারেন।
১. Nested Faceting এর ধারণা
Nested Faceting মূলত গ্রাফের মধ্যে একাধিক স্তরের ফ্যাসেট তৈরি করা। উদাহরণস্বরূপ:
- প্রথমে, একটি গ্রাফে ডেটাকে বিভাগ (category) অনুযায়ী ভাগ করা।
- তারপর, প্রতিটি বিভাগের মধ্যে আরো ছোট গ্রুপ তৈরি করা (যেমন, মাস অনুযায়ী বা শহর অনুযায়ী)।
গুগল চার্টে, ফ্যাসেটিং এর জন্য সাধারণত grid-based বা faceted প্লট ব্যবহার করা হয়, তবে আপনি গ্রাফের মধ্যে একাধিক ডেটা বিভাগের ভিত্তিতে ফ্যাসেটিং তৈরি করতে পারেন।
২. Multiple Faceting (একাধিক ফ্যাসেটিং) উদাহরণ
গুগল চার্টে Multiple Faceting তৈরি করার জন্য ColumnChart বা LineChart এর মাধ্যমে কয়েকটি চার্ট পাশাপাশি প্রদর্শন করা হয়। নিচে Multiple Faceting এর একটি সাধারণ উদাহরণ দেওয়া হয়েছে, যেখানে ডেটাকে Category এবং Subcategory ভিত্তিতে ফ্যাসেট করা হয়েছে।
উদাহরণ: Multiple Faceting Using Google Charts
<!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 data1 = google.visualization.arrayToDataTable([
['Product', 'Sales'],
['Product A', 1000],
['Product B', 1200],
['Product C', 1500]
]);
var data2 = google.visualization.arrayToDataTable([
['Product', 'Sales'],
['Product A', 500],
['Product B', 700],
['Product C', 800]
]);
var options1 = {
title: 'Category 1 Sales',
hAxis: {title: 'Products'},
vAxis: {title: 'Sales'},
colors: ['#4CAF50'],
};
var options2 = {
title: 'Category 2 Sales',
hAxis: {title: 'Products'},
vAxis: {title: 'Sales'},
colors: ['#FF9800'],
};
var chart1 = new google.visualization.ColumnChart(document.getElementById('chart1'));
var chart2 = new google.visualization.ColumnChart(document.getElementById('chart2'));
chart1.draw(data1, options1);
chart2.draw(data2, options2);
}
</script>
</head>
<body>
<div id="chart1" style="width: 450px; height: 300px; float: left;"></div>
<div id="chart2" style="width: 450px; height: 300px; float: left;"></div>
</body>
</html>
এখানে:
- দুটি আলাদা ColumnChart তৈরি করা হয়েছে: একটিতে Category 1 এর জন্য এবং আরেকটিতে Category 2 এর জন্য।
- প্রতিটি চার্টের জন্য আলাদা ডেটা এবং কাস্টমাইজেশন অপশন ব্যবহার করা হয়েছে।
৩. Sub-Faceting (সাব-ফ্যাসেটিং)
এখন, Nested Faceting এর জন্য আপনি সাব-ফ্যাসেট তৈরি করতে পারেন, যেখানে প্রতিটি বড় ফ্যাসেটের মধ্যে আরও ছোট ফ্যাসেট বা গ্রুপ তৈরি করা হয়। এটি সাধারণত google.visualization.ChartWrapper এর মাধ্যমে করা হয়।
উদাহরণ: Nested Faceting with Google Charts
<!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 data1 = google.visualization.arrayToDataTable([
['City', 'Sales'],
['City A', 800],
['City B', 900],
['City C', 1000]
]);
var data2 = google.visualization.arrayToDataTable([
['City', 'Sales'],
['City A', 300],
['City B', 400],
['City C', 500]
]);
var options1 = {
title: 'Region 1 Sales',
hAxis: {title: 'City'},
vAxis: {title: 'Sales'},
colors: ['#8E44AD'],
};
var options2 = {
title: 'Region 2 Sales',
hAxis: {title: 'City'},
vAxis: {title: 'Sales'},
colors: ['#3498DB'],
};
var chart1 = new google.visualization.ColumnChart(document.getElementById('chart1'));
var chart2 = new google.visualization.ColumnChart(document.getElementById('chart2'));
chart1.draw(data1, options1);
chart2.draw(data2, options2);
}
</script>
</head>
<body>
<div id="chart1" style="width: 450px; height: 300px; float: left;"></div>
<div id="chart2" style="width: 450px; height: 300px; float: left;"></div>
</body>
</html>
এখানে:
- Region 1 এবং Region 2 এর জন্য দুটি ভিন্ন চার্ট তৈরি করা হয়েছে। প্রতিটি অঞ্চলের জন্য আলাদা ডেটা এবং গ্রুপিং (সাব-ফ্যাসেটিং) করা হয়েছে।
৪. Google Charts এর Nested Faceting এর সুবিধা
- ডেটার ডিপ ডাইভ: Nested faceting ডেটার বিভিন্ন স্তরের সম্পর্ক পরিষ্কারভাবে প্রদর্শন করতে সাহায্য করে।
- স্বতন্ত্র ভিউ: আপনি একটি ফ্যাসেটের ভিতরে আলাদা আলাদা সাব-গ্রুপ বা সাব-ফ্যাসেট প্রদর্শন করতে পারেন, যা ডেটাকে আরও সংগঠিত এবং মানানসই করে তোলে।
- সহজ ইন্টারফেস: Google Charts-এর মাধ্যমে সহজেই আপনি এই ধরণের ডেটা ভিজ্যুয়ালাইজেশন তৈরি করতে পারেন এবং এটি ডেটা বিশ্লেষণকে দ্রুত এবং কার্যকরী করে তোলে।
সারমর্ম
গুগল চার্টে Nested Faceting তৈরি করা যেতে পারে, যদিও গুগল চার্টে সরাসরি Nested Faceting ফাংশন নেই। তবে আপনি multiple charts বা grid layouts ব্যবহার করে সহজেই একাধিক স্তরের ফ্যাসেটিং তৈরি করতে পারেন। Google Charts এ google.visualization.ChartWrapper এবং view ব্যবহার করে আপনি একাধিক ফ্যাসেটিং বা সাব-ফ্যাসেটিং তৈরি করতে পারেন, যা ডেটাকে বিভিন্ন দৃষ্টিকোণ থেকে বিশ্লেষণ করতে সহায়ক।
Read more
