ColorBrewer Palettes হল একটি জনপ্রিয় রঙের স্কিম, যা ডেটা ভিজুয়ালাইজেশনে বিভিন্ন ধরণের রঙের সমন্বয়ে তৈরি করা হয়। ColorBrewer মূলত cartography এবং data visualization এর জন্য ডিজাইন করা রঙের সেট যা ডেটাকে সহজে পড়ার এবং বিশ্লেষণের জন্য উপযুক্ত। এটি বিভিন্ন ধরনের রঙের সেট সরবরাহ করে, যেমন diverging, sequential, এবং qualitative রঙের স্কিম।
গুগল চার্ট (Google Charts) এ ColorBrewer প্যালেট ব্যবহার করা সম্ভব, যদিও গুগল চার্ট নিজে সরাসরি ColorBrewer প্যালেট সমর্থন করে না। তবে, আপনি JavaScript এবং গুগল চার্টের মাধ্যমে রঙের স্কিম কাস্টমাইজ করতে পারেন এবং ColorBrewer প্যালেটের রঙ ব্যবহার করতে পারেন। এখানে, ColorBrewer প্যালেটের রঙের সেট ব্যবহার করে গুগল চার্টে রঙ কাস্টমাইজ করার উপায় আলোচনা করা হয়েছে।
ColorBrewer প্যালেটের রঙগুলি নির্বাচন করা
ColorBrewer-এর রঙের প্যালেট তিনটি প্রধান ক্যাটেগরিতে ভাগ করা হয়:
- Sequential - সংখ্যাসূচক ডেটার জন্য।
- Diverging - দুইটি ভিন্ন দিকের ডেটার জন্য।
- Qualitative - ক্যাটাগোরিকাল বা শ্রেণীভিত্তিক ডেটার জন্য।
গুগল চার্টে এসব প্যালেট ব্যবহার করতে, ColorBrewer প্যালেটের রঙের কোডগুলি (hex বা RGB কোড) ব্যবহার করতে হবে।
উদাহরণ: গুগল চার্টে ColorBrewer রঙের প্যালেট ব্যবহার করা
<!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([
['Category', 'Amount'],
['Category A', 30],
['Category B', 70],
['Category C', 45],
['Category D', 100]
]);
var options = {
title: 'Pie Chart with ColorBrewer Palette',
slices: {
0: { offset: 0.1, color: '#9E0142' }, // Color from ColorBrewer's Sequential Reds palette
1: { offset: 0.1, color: '#D53E4F' }, // Color from ColorBrewer's Sequential Reds palette
2: { offset: 0.1, color: '#F46D43' }, // Color from ColorBrewer's Sequential Reds palette
3: { offset: 0.1, color: '#FEE08B' } // Color from ColorBrewer's Sequential Reds palette
}
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart_3d" style="width: 900px; height: 500px;"></div>
</body>
</html>
ব্যাখ্যা:
- ColorBrewer Palette: এখানে আমরা Sequential Reds প্যালেটের বিভিন্ন রঙ ব্যবহার করেছি।
#9E0142,#D53E4F,#F46D43, এবং#FEE08Bহলো ColorBrewer থেকে নির্বাচিত রঙের কোড।
- slices: পি-চার্টের স্লাইসের জন্য কাস্টম রঙ নির্ধারণ করা হয়েছে।
ColorBrewer রঙের প্যালেটের বিভিন্ন ক্যাটেগরি
- Sequential Colors:
- ColorBrewer Reds:
#9E0142,#D53E4F,#F46D43,#FEE08B - ColorBrewer Blues:
#08519C,#3182BD,#6BAED6,#9ECAE1
- ColorBrewer Reds:
- Diverging Colors:
- ColorBrewer Spectral:
#9E0142,#D53E4F,#F46D43,#FEE08B,#A6D96A - ColorBrewer RdYlBu:
#D73027,#F46D43,#FDAE61,#FEE08B,#91BFDB
- ColorBrewer Spectral:
- Qualitative Colors:
- ColorBrewer Set1:
#E41A1C,#377EB8,#4DAF4A,#FF7F00,#FFFF33 - ColorBrewer Set2:
#66C2A5,#FC8D62,#8DA0CB,#E78AC3,#A6D854
- ColorBrewer Set1:
ColorBrewer প্যালেটের কোডগুলি ব্যবহার করে অন্যান্য গ্রাফের রঙ কাস্টমাইজেশন
উদাহরণ: বার চার্টে ColorBrewer প্যালেট ব্যবহার করা
<!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', 'Amount'],
['Category A', 60],
['Category B', 40],
['Category C', 80],
['Category D', 100]
]);
var options = {
title: 'Bar Chart with ColorBrewer Palette',
hAxis: { title: 'Category' },
vAxis: { title: 'Amount' },
series: {
0: { color: '#9E0142' }, // Sequential Reds palette color
1: { color: '#D53E4F' },
2: { color: '#F46D43' },
3: { color: '#FEE08B' }
}
};
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>
এখানে, ColorBrewer Reds প্যালেটের রঙগুলি বার চার্টে ব্যবহৃত হয়েছে, এবং সেগুলি সিরিজ অনুযায়ী কাস্টমাইজ করা হয়েছে।
সারমর্ম
গুগল চার্টে ColorBrewer Palettes ব্যবহার করে আপনি বিভিন্ন ধরনের ডেটা ভিজুয়ালাইজেশনে সুন্দর, বোধগম্য এবং বিশ্লেষণযোগ্য রঙ প্রয়োগ করতে পারেন। যদিও গুগল চার্ট সরাসরি ColorBrewer প্যালেট সমর্থন করে না, তবে আপনি ColorBrewer প্যালেট থেকে রঙের কোড গ্রহণ করে আপনার গ্রাফ কাস্টমাইজ করতে পারেন। এটি গ্রাফের পঠিততা এবং স্পষ্টতা বাড়ানোর জন্য অত্যন্ত কার্যকরী।
Read more
