light mode
night mode
Skill
Back

চার্টজেএস (Chart.js)

574
Play Store

চার্টজেএস হলো একটি ওপেন-সোর্স JavaScript লাইব্রেরি, যা ব্যবহার করে সহজেই ওয়েব অ্যাপ্লিকেশন বা ওয়েবসাইটে ডাটা ভিজ্যুয়ালাইজেশন এর জন্য বিভিন্ন ধরনের ইন্টারেক্টিভ চার্ট তৈরি করা যায়। Chart.js দিয়ে অত্যন্ত সুন্দর এবং রেসপন্সিভ চার্ট তৈরি করা যায় যা সকল আধুনিক ব্রাউজারে কাজ করে।

Chart.js: একটি বিস্তারিত গাইড

Chart.js কি?

Chart.js হলো একটি ওপেন-সোর্স JavaScript লাইব্রেরি, যা ডেভেলপারদের রেসপন্সিভ এবং ইন্টারেক্টিভ চার্ট তৈরি করতে সাহায্য করে। এটি HTML এর এলিমেন্ট ব্যবহার করে ডায়নামিক চার্ট তৈরি করে এবং সহজে ব্যবহারযোগ্য API সরবরাহ করে। Chart.js দিয়ে বিভিন্ন ধরনের গ্রাফিক্যাল রিপ্রেজেন্টেশন তৈরি করা যায়, যেমন বার চার্ট, লাইন চার্ট, ডোনাট চার্ট, পাই চার্ট ইত্যাদি।

Chart.js দ্রুত চার্ট তৈরি করার জন্য একটি জনপ্রিয় এবং শক্তিশালী লাইব্রেরি, যা হালকা এবং সহজে ব্যবহারযোগ্য।

Chart.js এর ইতিহাস

Chart.js প্রথমে ২০১৩ সালে Nick Downie দ্বারা তৈরি করা হয়েছিল। এটি দ্রুত জনপ্রিয়তা অর্জন করে কারণ এটি সহজে চার্ট তৈরি করার জন্য একটি সহজ এবং ফ্লেক্সিবল API প্রদান করে। Chart.js এখন GitHub এর মাধ্যমে পরিচালিত হয় এবং ডেভেলপারদের একটি বড় কমিউনিটি আছে, যারা নিয়মিত এই লাইব্রেরিতে অবদান রাখে।

Chart.js এর ফিচারসমূহ

রেসপন্সিভ চার্ট:

  • Chart.js দিয়ে তৈরি চার্ট স্বয়ংক্রিয়ভাবে স্ক্রিনের আকার অনুযায়ী পরিবর্তিত হয়। এটি মোবাইল, ট্যাবলেট, এবং ডেস্কটপ ডিভাইসের জন্য উপযোগী।

বিভিন্ন ধরনের চার্ট:

  • Chart.js বিভিন্ন ধরনের চার্ট সাপোর্ট করে, যেমন লাইন চার্ট, বার চার্ট, পাই চার্ট, ডোনাট চার্ট, পোলার এরিয়া চার্ট, রাডার চার্ট, স্ক্যাটার চার্ট ইত্যাদি।

এনিমেশন এবং ইন্টারেকশন:

  • Chart.js ডিফল্টভাবে অ্যানিমেশন সাপোর্ট করে, ফলে চার্টে ডাটা পরিবর্তনের সময় মসৃণ ট্রানজিশন দেখা যায়। এছাড়াও এটি মাউস হোভার এবং ক্লিক ইভেন্ট সাপোর্ট করে।

সহজ কনফিগারেশন:

  • Chart.js এর কনফিগারেশন খুবই সোজা এবং কাস্টমাইজ করা যায়। এতে কালার, লেবেল, টুলটিপস এবং স্কেল সেটিংস পরিবর্তন করা সম্ভব।

প্লাগইন সাপোর্ট:

  • Chart.js এর নিজস্ব প্লাগইন সাপোর্ট রয়েছে, যার মাধ্যমে ডেভেলপাররা নতুন ফিচার যোগ করতে পারে বা বিদ্যমান ফিচার কাস্টমাইজ করতে পারে।

এছাড়াও:

  • Tooltips, Legends, এবং Scales কাস্টমাইজ করার সুবিধা।
  • Customizable Chart Types – লেয়ারড ডাটা ভিজ্যুয়ালাইজেশন।
  • Data-driven – ডাটা API এর মাধ্যমে চার্ট আপডেট করা যায়।

Chart.js এর কাজের ধাপসমূহ

1. Chart.js ইনস্টল করা

Chart.js ইনস্টল করার বিভিন্ন উপায় রয়েছে। আপনি সরাসরি CDN লিংক ব্যবহার করতে পারেন অথবা npm/pnpm/yarn এর মাধ্যমে ইনস্টল করতে পারেন।

CDN এর মাধ্যমে ইনস্টল:





































    

    
    
        
    

    

    

    
        
    
            
    


    

    
    

    

    

        

            
            
                
            
        


        

            

                

                    
                        Satt AI
                        
                            
                        
                    
                

                

                    
                    
                

            

            

                

                    
                    
                    

                        
                            
                            
                                
                            
                            
                                
                            
                            
                                
                            
                        
                    

                

                

                    

                        

                            
Are you sure to start over?