Google Charts এর জন্য ডেটা স্ট্রাকচার তৈরি

Google Charts এর মাধ্যমে বিভিন্ন ধরনের ডাটা ভিজ্যুয়ালাইজেশন তৈরি করা সম্ভব, এবং এর জন্য সঠিক ডেটা স্ট্রাকচার অত্যন্ত গুরুত্বপূর্ণ। GWT (Google Web Toolkit) এর মাধ্যমে Google Charts ইন্টিগ্রেট করার সময় ডেটাকে সঠিকভাবে ফর্ম্যাট করা এবং প্রেরণ করা লাগে। এই প্রক্রিয়ায় ডেটা স্ট্রাকচার তৈরির পদ্ধতি এবং Google Charts এ ডেটা উপস্থাপনের পদ্ধতি জানা প্রয়োজন।

Google Charts API DataTable নামে একটি ডেটা স্ট্রাকচার ব্যবহার করে, যা ডাটাকে একটি টেবিল আকারে উপস্থাপন করে। এই DataTable এর মাধ্যমে ডাটা সিরিজ এবং কন্টেন্ট সাজানো হয়, যা পরে বিভিন্ন চার্টে রেন্ডার করা হয়।

Google Charts এর জন্য ডেটা স্ট্রাকচার তৈরির পদ্ধতি

১. Google Visualization DataTable

Google Charts API এর জন্য ডেটা স্ট্রাকচার হিসেবে DataTable ব্যবহার করা হয়। এটি একটি টেবিলের মতো কাজ করে, যেখানে রো (Row) এবং কলাম (Column) থাকে, এবং ডেটা ওই টেবিলের মাধ্যমে সংরক্ষিত হয়।

DataTable তৈরি করার সময় কলাম এবং রো নির্দিষ্ট করা হয়, এবং তারপর ডেটা সেই কলাম এবং রো এর মধ্যে ইনসার্ট করা হয়। নিচে এর একটি উদাহরণ দেওয়া হলো:

import com.google.gwt.visualization.client.DataTable;
import com.google.gwt.visualization.client.visualizations.BarChart;
import com.google.gwt.visualization.client.Visualization;
import com.google.gwt.visualization.client.VisualizationUtils;

public class ChartDataStructure {

    public void drawChart() {
        // Google Charts API লোড করার পরে ডেটা স্ট্রাকচার তৈরি করুন
        DataTable data = DataTable.create();

        // কলাম তৈরি
        data.addColumn(DataTable.ColumnType.STRING, "Year");
        data.addColumn(DataTable.ColumnType.NUMBER, "Sales");

        // ডেটা যোগ করা
        data.addRow("2013", 1000);
        data.addRow("2014", 1170);
        data.addRow("2015", 1250);
        data.addRow("2016", 1300);

        // চার্ট কনফিগারেশন
        BarChart chart = new BarChart(data, null);

        // চার্ট প্রদর্শন
        chart.draw(data, null);
    }
}

এখানে DataTable.create() দিয়ে একটি নতুন DataTable তৈরি করা হয় এবং এর মধ্যে কলাম এবং ডেটা যোগ করা হয়। এই ডেটা তারপর BarChart তৈরি করতে ব্যবহৃত হয়।

২. ডেটা স্ট্রাকচারে কলাম এবং রো সংজ্ঞায়িত করা

DataTable এর মধ্যে কলাম এবং রো সংজ্ঞায়িত করা গুরুত্বপূর্ণ, কারণ এই স্ট্রাকচার অনুযায়ী চার্ট তৈরি হয়।

কলাম যোগ করা

কলাম গুলি ডেটার প্রকারভেদ (data type) অনুযায়ী যোগ করা হয়, যেমনঃ

• STRING: স্ট্রিং ডেটা (যেমন, নাম, দেশ, বছর)
• NUMBER: সংখ্যাগত ডেটা (যেমন, বিক্রির পরিমাণ, আয়)
• DATE: তারিখের ডেটা (যেমন, বছর, মাস)

data.addColumn(DataTable.ColumnType.STRING, "Year");
data.addColumn(DataTable.ColumnType.NUMBER, "Sales");

এখানে প্রথম কলামটি একটি STRING (বছর) এবং দ্বিতীয় কলামটি একটি NUMBER (বিক্রির পরিমাণ)।

রো (Row) যোগ করা

ডেটা যোগ করার সময়, addRow() মেথড ব্যবহার করে ডেটার রো যোগ করা হয়। প্রতি রোতে কলাম অনুযায়ী ডেটা থাকে।

data.addRow("2013", 1000);
data.addRow("2014", 1170);

এখানে প্রথম রো-এ "2013" এবং "1000" ডেটা রয়েছে, যেখানে প্রথম কলামটি একটি স্ট্রিং এবং দ্বিতীয় কলামটি একটি সংখ্যা।

৩. ডেটা ফরম্যাটিং

Google Charts API ব্যবহারকারীদের ডেটা উপস্থাপনা কাস্টমাইজ করার জন্য অনেক ফরম্যাটিং অপশন সরবরাহ করে। এর মাধ্যমে আপনি আপনার চার্টের কলাম, রো, অক্ষের লেবেল এবং টাইটেল পরিবর্তন করতে পারেন।

BarChart.Options options = BarChart.Options.create();
options.setTitle("Company Sales");
options.setWidth(400);
options.setHeight(300);

এখানে setTitle(), setWidth(), setHeight() মেথডের মাধ্যমে চার্টের কাস্টমাইজেশন করা হয়েছে।

৪. ডেটা কনভার্সন এবং কাস্টম ডেটা

GWT Google Charts এর মাধ্যমে কাস্টম ডেটা তৈরি করতে হলে, JSON বা অন্যান্য ডেটা ফর্ম্যাটেও ডেটা কনভার্ট করা যেতে পারে। যেমন:

String jsonData = "[['Year', 'Sales'], ['2013', 1000], ['2014', 1170], ['2015', 1250]]";

এখানে JSON ডেটার মাধ্যমে ডেটা স্ট্রাকচার তৈরি করা হয়েছে যা পরে DataTable এ কনভার্ট করা যেতে পারে।

সারাংশ

GWT Google Charts এর মাধ্যমে DataTable ব্যবহার করে ডেটা স্ট্রাকচার তৈরি করা হয়, যেখানে কলাম এবং রো যোগ করে ডেটা প্রবাহিত করা হয়। এই স্ট্রাকচারটিকে কাস্টমাইজ করা এবং ফরম্যাট করা যায়, যা পরে ইন্টারেকটিভ চার্ট তৈরি করার জন্য ব্যবহৃত হয়। Google Charts API এর মাধ্যমে তৈরি করা ডেটা সঠিকভাবে উপস্থাপন করার জন্য এই ডেটা স্ট্রাকচার অত্যন্ত গুরুত্বপূর্ণ।