Google Charts একটি শক্তিশালী JavaScript টুল যা ডেভেলপারদের জন্য বিভিন্ন ধরনের ডাটা ভিজ্যুয়ালাইজেশন তৈরি করতে সহায়ক। GWT এর মাধ্যমে এই চার্টগুলি সহজে ইন্টিগ্রেট করা যায় এবং ওয়েব অ্যাপ্লিকেশনগুলোতে ইন্টারেকটিভ ও কাস্টমাইজযোগ্য চার্ট প্রদর্শন করা যায়। এখানে আমরা Google Charts এর প্রধান চার্ট টাইপ এবং তাদের বৈশিষ্ট্য আলোচনা করবো।
Google Charts এর বিভিন্ন ধরনের চার্ট
১. লাইন চার্ট (Line Chart)
বৈশিষ্ট্য:
- লাইন চার্ট সাধারণত ডাটা পয়েন্টের মধ্যে সম্পর্ক দেখানোর জন্য ব্যবহৃত হয়।
- সময়ের সাথে পরিবর্তনশীল ডাটা বা সিরিজ দেখাতে উপযুক্ত।
- সাধারণত সময় ভিত্তিক ডাটা, যেমন তাপমাত্রা, বিক্রির প্রবণতা ইত্যাদির জন্য ব্যবহৃত হয়।
উদাহরণ:
var data = google.visualization.arrayToDataTable([
['Year', 'Sales'],
['2013', 1000],
['2014', 1170],
['2015', 1250],
['2016', 1530]
]);
২. বার চার্ট (Bar Chart)
বৈশিষ্ট্য:
- বার চার্ট একাধিক ডাটা সিরিজের তুলনা দেখানোর জন্য ব্যবহৃত হয়।
- উল্লম্ব (Vertical) বা অনুপ্রস্থ (Horizontal) বার চার্ট তৈরি করা যায়।
- বিভিন্ন ক্যাটাগরির মধ্যে তুলনা দেখাতে উপযুক্ত।
উদাহরণ:
var data = google.visualization.arrayToDataTable([
['City', '2010 Population', '2000 Population'],
['New York City', 8175000, 8008000],
['Los Angeles', 3792000, 3694000],
['Chicago', 2695000, 2896000]
]);
৩. পাই চার্ট (Pie Chart)
বৈশিষ্ট্য:
- পাই চার্ট ব্যবহারকারীদের ডাটা প্রোপোরশন বা ভাগ্য দেখানোর জন্য সহায়ক।
- এটি সাধারণত শতকরা ভাগ বা প্রোপোরশন দেখাতে ব্যবহৃত হয়।
- একক ডাটার বিশ্লেষণ এবং তার ভাগের প্রামাণিক উপস্থাপন করে।
উদাহরণ:
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
৪. অস্টোগ্রাফ (Area Chart)
বৈশিষ্ট্য:
- অস্টোগ্রাফ চার্টের সাহায্যে লাইন চার্টের মতো ডাটার প্রবণতা দেখানো হয়, তবে এটি আন্ডারলাইন ফিলিং সহ থাকে।
- বিভিন্ন কাস্টম টাইম সিরিজ বা ডাটা সিরিজের পরিবর্তন প্রদর্শন করতে উপযুক্ত।
উদাহরণ:
var data = google.visualization.arrayToDataTable([
['Year', 'Sales'],
['2013', 1000],
['2014', 1170],
['2015', 1250],
['2016', 1530]
]);
৫. স্ক্যাটার প্লট (Scatter Plot)
বৈশিষ্ট্য:
- স্ক্যাটার প্লট ডাটা পয়েন্টের মধ্যে সম্পর্ক বা রিলেশন শো করতে ব্যবহৃত হয়।
- এটি সাধারণত দুটি ভেরিয়েবলের মধ্যে সম্পর্ক বিশ্লেষণ করতে ব্যবহার করা হয়, যেমন এক্স এবং ওয়াই অক্ষের মধ্যে।
উদাহরণ:
var data = google.visualization.arrayToDataTable([
['X', 'Y'],
[1, 3],
[2, 6],
[3, 9],
[4, 12]
]);
৬. স্টেম-এন্ড-লিফ চার্ট (Stem-and-Leaf Chart)
বৈশিষ্ট্য:
- এটি একটি বিশেষ ধরনের চার্ট যা সংখ্যার স্টেম (পূর্ববর্তী অংশ) এবং লিফ (শেষ অংশ) বিভাজন করে ডাটাকে শ্রেণীবদ্ধ করে।
- সাধারণত শিক্ষাগত বা রিসার্চ ডাটাতে ব্যবহৃত হয়।
উদাহরণ:
var data = google.visualization.arrayToDataTable([
['Value', 'Frequency'],
[12, 4],
[13, 2],
[14, 3],
[15, 5]
]);
Google Charts এর অন্যান্য বৈশিষ্ট্য
১. ইন্টারেকটিভ ফিচার
Google Charts ইন্টারেকটিভ উপাদান সরবরাহ করে, যা ব্যবহারকারীদের চার্টের উপর হোভার বা ক্লিক করার মাধ্যমে আরো বিস্তারিত তথ্য দেখতে সহায়তা করে। এর ফলে চার্টের ডাটা আরো অ্যাক্সেসযোগ্য ও উপযোগী হয়ে ওঠে।
২. কাস্টমাইজেশন অপশন
Google Charts বিভিন্ন কাস্টমাইজেশন অপশন প্রদান করে, যেমন রঙ, স্টাইল, অক্ষের লেবেল, চার্টের আকার, টাইটেল ইত্যাদি। এর মাধ্যমে ডেভেলপাররা চার্টের ভিজ্যুয়াল উপস্থাপনাকে নিজেদের প্রয়োজন অনুযায়ী সাজাতে পারেন।
৩. রেসপনসিভ ডিজাইন
Google Charts স্বয়ংক্রিয়ভাবে ডিভাইসের স্ক্রীনের আকার অনুসারে চার্টের আকার এবং প্রস্থ সামঞ্জস্য করে। এর ফলে, এটি বিভিন্ন ডিভাইসে (যেমন ডেস্কটপ, ট্যাবলেট, মোবাইল) ভালভাবে প্রদর্শিত হয়।
৪. এক্সপোর্ট সুবিধা
Google Charts এর মাধ্যমে তৈরি করা চার্টগুলি ইমেজ বা পিডিএফ আকারে এক্সপোর্ট করা যায়, যা অন্যান্য ডকুমেন্টে বা রিপোর্টে ব্যবহার করা সম্ভব।
Google Charts এর মাধ্যমে বিভিন্ন ধরনের ডাটা ভিজ্যুয়ালাইজেশন তৈরি করা সহজ এবং কার্যকর। GWT এর সাথে এর ইন্টিগ্রেশন আরও শক্তিশালী এবং ডেভেলপারদের জন্য একটি শক্তিশালী টুল হয়ে ওঠে।
Read more