একটি সহজ গাইড: ব্যবহার করার জন্য একটি চার্ট লাইব্রেরি কীভাবে চয়ন করবেন?

ওয়েবে আপনার যদি ডায়াগ্রাম প্রয়োগ করতে হয় তবে আপনি বাহ্যিক লাইব্রেরিটি ব্যবহার করা পছন্দ করেন এটাই স্বাভাবিক। বেশিরভাগ ক্ষেত্রে ওপেন সোর্স ডায়াগ্রাম লাইব্রেরি নির্বাচন করা সাধারণ is

সাধারণত, আপনি কোন পাঠাগারটি ব্যবহার করবেন তা নির্ধারণ করতে আপনি বিভিন্ন দিক (বেঞ্চমার্কিং, তুলনা টেবিল ইত্যাদি) নিয়ে প্রচুর গবেষণা করেন। তবে, এই একই প্রক্রিয়া পুনরাবৃত্তি হয়। এই পদ্ধতির কোনওটিই সঠিকভাবে ভাগ করা যায় না।

এই পোস্টে, আমি ধাপে ধাপে একটি চার্ট লাইব্রেরি নির্বাচন করার প্রাথমিক পদ্ধতির বর্ণনা করতে চাই, তবে কোনও প্রস্তাবিত পদ্ধতির ছাড়াই। যেহেতু পৃথক লোকের প্রয়োজন এবং ব্যবহারের ক্ষেত্রে ভিন্নতা রয়েছে, নির্ভর করে

আপনার বিবেচনার জন্য কেবল এই পোস্টটিকে সূচনা পয়েন্ট হিসাবে গ্রহণ করুন take :)

উপযুক্ত গ্রাফিক ধরণের নির্বাচন

মূলত ওয়েবে ডায়াগ্রামটি প্রয়োগ করতে দুটি ধরণের গ্রাফিক্স ব্যবহার করা হয়।

  • বিটম্যাপ (ক্যানভাস)
  • ভেক্টর (এসভিজি, ভিএমএল)

বিটম্যাপ এবং ভেক্টর গ্রাফিকের মধ্যে নির্বাচনের মানদণ্ডটি কী?

ঠিক আছে, এই বিষয়টিতে একটি দুর্দান্ত এমএসডিএন নিবন্ধ রয়েছে: "এসভিজি বনাম ক্যানভাস: কীভাবে চয়ন করবেন?"। উচ্চ প্রস্তাবিত।

গ্রাফিক্স ধরণের পছন্দের প্রাথমিক নির্ধারণ

বিটম্যাপ (ক্যানভাস)

রিয়েল-টাইম ডায়াগ্রামের উদাহরণ

সুবিধা

  • রিয়েল টাইমে প্রচুর পরিমাণে ডেটা প্রদর্শনের জন্য উপযুক্ত (উদাঃ প্রশাসকদের জন্য সরঞ্জামগুলি ডিজাইনে উচ্চ চাহিদা রাখে না এবং লাইব্রেরিতে প্রদত্ত স্ট্যান্ডার্ড ইউআই / ইউএক্সের সাথে জরিমানা রয়েছে)।

অসুবিধেও

  • ইউআই / ইউএক্স এর অধীনে সামঞ্জস্য করা বেশ কঠিন।
  • বিটম্যাপের প্রকৃতির কারণে, বিভিন্ন ডিসপ্লে আকারে রেন্ডার করার সময় এবং জুম করার সময় বিধিনিষেধ রয়েছে।

ভেক্টর (এসভিজি)

বিভিন্ন ইউআই / ইউএক্স কাস্টমাইজেশনের উদাহরণ

সুবিধা

  • ইউআই / ইউএক্স সামঞ্জস্যগুলি অত্যন্ত নমনীয় (সবকিছু নোড হিসাবে ব্যাখ্যা করা হয়)। সাধারণত শেষ ব্যবহারকারীদের লক্ষ্য করে পরিষেবাগুলির জন্য এটি যথেষ্ট।
  • জুম করার পরেও বিভিন্ন রেজোলিউশনের আওতায় একই রেজোলিউশনের গুণমান বজায় রাখতে পারে।

অসুবিধেও

  • বড় রেকর্ড প্রদর্শনের জন্য পর্যাপ্ত নাও হতে পারে।

ডায়াগ্রাম গ্রন্থাগারের তুলনা

আপনি যখন লেখচিত্রের লাইব্রেরিতে অনুসন্ধান করেন আপনি বিভিন্ন চার্ট লাইব্রেরি পেয়ে থাকেন। (তালিকার একটিতে এখানে পাওয়া যাবে: https://bestof.js.org/tags/chart)

ঠিক আছে, প্রতিটি লাইব্রেরির সুবিধাগুলি এবং অসুবিধা রয়েছে এবং 1: 1 রেট দেওয়া বেশ কঠিন কারণ তাদের সকলেরই স্বতন্ত্র বৈশিষ্ট্য রয়েছে।

মনে রাখবেন: আমি যথাসম্ভব স্বাভাবিক করার চেষ্টা করেছি, তবে বলতে পারি না যে এটি সত্যই সঠিক (দয়া করে বুঝতে পারেন)।

তালিকা

এটি তুলনা করার জন্য চার্ট লাইব্রেরির নির্বাচিত তালিকা। আমি ভেবেছিলাম আজকাল সেগুলি সবচেয়ে জনপ্রিয় ছিল।

  • বিলবোর্ড.জেএস (এপিআই / ডেমোস)
  • চার্টজেএস (এপিআই / ডেমোস)
  • হাইচার্টস (এপিআই / ডেমোস)
  • C3.js (API / Demos)
  • এনভিডি 3 (এপিআই / ডেমোস)
  • চারটিস্ট (এপিআই / ডেমোস)
  • ইচার্টস (এপিআই / ডেমোস)
  • plotly.js (API / Demos)
  • ব্রিটিশ চার্ট (এপিআই / ডেমোস)
  • টাউচার্টস (এপিআই / ডেমোস)

তুলনা চার্ট

একটি পাঠ্য সারণি প্রদর্শন করতে লিংকে ক্লিক করুন: তুলনা সারণী
(1) আমি আমার চার্টগুলি এনভিডি 3 থেকে বিলবোর্ডে স্যুইচ করছি the (3) সূচকগুলি 1 লা নভেম্বর পরিমাপ করা হয়
তথ্যসূত্র: - এনপিএমচার্টস: এনপিএম ডাউনলোডগুলির তুলনা - 2017 সালের সেরা জাভাস্ক্রিপ্ট চিত্র চিত্রাগারের তুলনা করুন

ইন্টারফেস তুলনা

প্রতিটি লাইব্রেরির প্রজন্মের কোডটি দেখুন। এটি ব্যবহারকারীর ইন্টারফেসটিকে চিত্রিত করতে পারে এবং এটি কীভাবে ব্যবহার করতে হয় তার সম্পর্কে মোটামুটি ধারণা দিতে পারে।

কিছু খুব সহজ, অন্যরা এপিআই ডকুমেন্টেশনের সহায়তা ছাড়াই বুঝতে অসুবিধা হয়।

নির্বাচন প্রবাহের চার্ট

আপনি যদি চার্ট ব্যবহার করতে নতুন হন (বা কোনও পূর্ব অভিজ্ঞতা নেই), এই ফ্লোচার্টটি গ্রন্থাগার নির্বাচনের জন্য একটি সূচনা পয়েন্ট সরবরাহ করতে পারে।

চার্ট নির্বাচনের জন্য ফ্লোচার্ট

billboard.js?

https://github.com/naver/billboard.js/

বিলবোর্ড.জেএস একটি চার্ট লাইব্রেরি এবং প্রথম প্রকাশটি জুন 2017 এ হয়েছিল।

এটি হিসাবে সংজ্ঞায়িত করা যেতে পারে:

পুনরায় ব্যবহারযোগ্য, ব্যবহারকারী-বান্ধব জাভাস্ক্রিপ্ট ডায়াগ্রাম লাইব্রেরি D3 ভি 4 + এর উপর ভিত্তি করে

এবং কাস্টমাইজেশন উচ্চ নমনীয়তা দিন।

বৈশিষ্ট্য

  • একটি শেখার বক্ররেখার ছাড়াই কার্যকর করা সহজ
  • সত্যিই সহজ ইন্টারফেস
  • মোবাইল পরিবেশের জন্য সমর্থন (স্পর্শ-বান্ধব)
  • উচ্চ কাস্টমাইজেশনের নমনীয়তা: 150 টিরও বেশি বিকল্প সরবরাহ করে এবং সিএসএস স্টাইলের বৈশিষ্ট্যগুলি দিয়ে সহজেই নকশা করা যায়।
  • সংগঠিত এপিআই নথি এবং 80 টিরও বেশি উদাহরণ
  • হালকা আকার (169 কেবি, ন্যূনতম)

বর্তমান অবস্থা

প্রায় 5 মাস আগে এটির প্রথম প্রকাশের পর থেকে, বিলবোর্ড.জেগুলিতে দেওয়া দুর্দান্ত মনোযোগের জন্য ধীরে ধীরে এটি প্রসারিত হয়েছে।

এনপিএম ডাউনলোড

  • জুন: 370 ডাউনলোড
  • জুলাই: 479 ডাউনলোড (আগের মাসের তুলনায় 29.4% বৃদ্ধি)
  • আগস্ট: 862 টি ডাউনলোড (আগের মাসের তুলনায় 79.9%, বৃদ্ধি)
  • সেপ্টেম্বর: 1,124 ডাউনলোড (30.3%, আগের মাসের তুলনায় বৃদ্ধি)
  • অক্টোবর: 1,706 ডাউনলোড (পূর্ববর্তী মাসে 51.7%,)
npm-stat.com: 2017-06-08 থেকে 2017-10-31 পর্যন্ত পরিমাপ করা হয়েছে

গিটহাব তারকারা

গ্রন্থাগারের জনপ্রিয়তা এবং বৃদ্ধি নির্ধারণের জন্য গিটহাবস তারকারা অন্যতম শক্তিশালী এবং সাধারণ সূচক।

আপনি নীচের গ্রাফিকটিতে দেখতে পাচ্ছেন, তারাগুলি ধীরে ধীরে বৃদ্ধি পাচ্ছে। এই সূচকটি ভবিষ্যতের উত্স এবং ব্যবহারকারীদের আগ্রহের জ্ঞান। :)

গিটহাব প্রধান ভূমিকা পালন করে

এরপরে কী?

আমরা আরও ভাল ওপেন সোর্স লাইব্রেরি বিকাশের জন্য ক্রমাগত প্রচেষ্টা চালিয়ে যাচ্ছি আশা করি এই প্রচেষ্টাগুলি কার্যকর এবং কিছু উপায়ে সহায়তা করবে।

আমরা সম্প্রদায়টির অংশগ্রহণ এবং অবদানের জন্য খুব বেশি অপেক্ষা করছি।

মুক্ত উত্সে অংশ নিতে দ্বিধা করবেন না, কারণ এটি সর্বদা নির্ভর করে!