এইচটিএমএল ক্যানভাস
- পূর্ববর্তী পৃষ্ঠা জেএস গ্রাফিক
- পরবর্তী পৃষ্ঠা জেএস প্লটলি.জেএস
HTML Canvas খুবই উপযুক্তস্প্যাটার প্লট（স্প্যাটার প্লট）
HTML Canvas খুবই উপযুক্তলাইন গ্রাফ（লাইন গ্রাফ）
HTML Canvas খুবই উপযুক্তমিশ্রণস্প্যাটার প্লট এবং লাইন গ্রাফ
স্প্যাটার প্লট
সূত্র কোড
const xArray = [50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150];
কনস্ট যআর্রেই = [7,8,8,9,9,9,10,11,14,14,15];
// স্প্যার্ট গ্রাফ
সিট্রেক্স.ফিলস্টাইনস = "রেড";
ফর(লেট আই = 0; আই < এক্সআর্রেই.লেংথ-1; আই++) {
লেট এক্স = এক্সআর্রেই আই*400/150;
লেট ও = যআর্রেই আই*400/15;
সিট্রেক্স.বেগইনপথ();
সিট্রেক্স.এলিপ্স(এক্স, ও, 2, 3, 0, 0, ম্যাথ.পিআই*2);
সিট্রেক্স.ফিল();
}
লাইন গ্রাফ
সূত্র কোড
let xMax = canvas.height;
let slope = 1.2;
let intercept = 70;
// স্প্যার্ট গ্রাফ
সিট্রেক্স.মোভটো(0, ইন্টারসেপট);
সিট্রেক্স.লাইনটো(এক্সম্যাক্স, এফ(এক্সম্যাক্স));
সিট্রেক্স.স্ট্রকস্টাইনস = "ব্ল্যাক";
সিট্রেক্স.স্ট্রক();
// স্কেট ফাংশন
ফাংশন এফ(এক্স) {
রিটার্ন এক্স স্লোপ প্লাস ইন্টারসেপট;
}
মিশ্রণ
সূত্র কোড
let xMax = canvas.height;
let yMax = canvas.width;
let slope = 1.2;
let intercept = 70;
const xArray = [50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150];
কনস্ট যআর্রেই = [7,8,8,9,9,9,10,11,14,14,15];
// স্প্যার্ট গ্রাফ
সিট্রেক্স.ফিলস্টাইনস = "রেড";
ফর(লেট আই = 0; আই < এক্সআর্রেই.লেংথ-1; আই++) {
লেট এক্স = এক্সআর্রেই আই*400/150;
লেট ও = যআর্রেই আই*400/15;
সিট্রেক্স.বেগইনপথ();
সিট্রেক্স.এলিপ্স(এক্স, ও, 2, 3, 0, 0, ম্যাথ.পিআই*2);
সিট্রেক্স.ফিল();
}
// প্লট লাইন
সিট্রেক্স.মোভটো(0, ইন্টারসেপট);
সিট্রেক্স.লাইনটো(এক্সম্যাক্স, এফ(এক্সম্যাক্স));
সিট্রেক্স.স্ট্রকস্টাইনস = "ব্ল্যাক";
সিট্রেক্স.স্ট্রক();
// স্কেট ফাংশন
ফাংশন এফ(এক্স) {
রিটার্ন এক্স স্লোপ প্লাস ইন্টারসেপট;
}
- পূর্ববর্তী পৃষ্ঠা জেএস গ্রাফিক
- পরবর্তী পৃষ্ঠা জেএস প্লটলি.জেএস
