D3.js ড্যাশবোর্ড বনাম SVer/TISU: স্বনির্ধারিত জয়
আমি ১৫ বছর ধরে ড্যাশবোর্ড বানিয়েছি। প্রত্যেক মক্কেল একই প্রশ্ন জিজ্ঞেস করেছেন: “আমরা তৈরি করা একটি তৈরি হাতিয়ার ব্যবহার করি বা নিজেদের তৈরি করি?
উত্তরটা সহজ নয় । আমি কোম্পানির ৫,০০০ ডলার এক্সেস লাইসেন্সে খরচ করেছি শুধুমাত্র একটি কাস্টম চার্টের প্রয়োজন। আমি গত ছয় মাস ধরে একটি ডি.
এই পোস্টটি আপনাকে সত্যিকারের বাণিজ্যের সুযোগ দেয়। কোন ফ্লু না। শুধু সংখ্যা আর কঠিন অভিজ্ঞতা।
D3.js ড্যাশবোর্ড কি?
ডি.৩.জেএস তথ্য তথ্যের জন্য একটি জাভাস্ক্রিপ্ট লাইব্রেরী। এটা DOM এর কাছে তথ্য বিনিময় করে. তুমি প্রত্যেক পিক্সেলের উপর পূর্ণ নিয়ন্ত্রণ পাবে।
আমি D3.js ব্যবহার করি যখন আমাকে জটিল সম্পর্ক দেখতে হয়। যেমন উদাহরণ হিসেবে বলা যায়, জোর করে চালিত গ্রাফ, লেগুন ডায়াগ্রাম অথবা স্বনির্ধারিত ম্যাপ। এটা স্নেইটারের মতো অসম্ভব... ...অথবা হ্যাক ছাড়া।
কি পরিসংখ্যান:- ডি. ৩. জি. গিহাব তারকা: ১০৯+ (২০২৫) - D3-র একটি গড় পৃষ্ঠা লোড করা হয়েছে: 50: 50KB - শেখা বক্ররেখা: ৬-১২ মাস পরিশ্রমের অভ্যাস
D3.j ড্যাশবোর্ড কোন পণ্য নয়. এটা একটা কোড প্রজেক্ট। আপনি HTML, CSS, JavaScript ও এস. ভি. জি. তুমি নিজেই এর আয়োজন করো।
কি আর নিরামিষ?
আইার(এখন গুগল ক্লাউড) একটি ব্যবসা বুদ্ধিমত্তার প্লাটফর্ম। এটি একটি মডেল ভিত্তিক ভাষা, যাতে মেট্রিকগুলোকে ব্যাখ্যা করা যায়। এটা নিজে নিজে নিজে নিজে নিজে নিজে পরিচালিত করে.
ট্যাবলৌভিজুয়াল অ্যাটিক টুল। এটা চার্টিং অ্যাপ হিসেবে শুরু করা হয়েছে। এখন এটা ডাটা বের করে আনে, অপেশাদার আর ড্যাশবোর্ড।
অনুসন্ধানের জন্য ব্যবহৃত কি-সার্ভার- আরম্ভের মূল্য: ৩,০০০/মাস (সাধারণ পরিকল্পনা) - ৫০+ SQL উপাত্ত উৎস সমর্থন করে - দেখো, মৌলিক অংশের জন্য ২-৪ সপ্তাহ
নেটওয়ার্ক ব্যবস্থা সংক্রান্ত বিবরণ:- প্রতিটি ব্যবহারকারীর জন্য লাইসেন্সের মূল্য ৭৫-১ ডলার-৫০/ মাস (ক্রিরেটর) সার্ভার/Cold হোস্ট: $15 -35/600 - ড্যাশবোর্ড নির্মাণ করার জন্য ব্যয় সময় (২ দিন):
উভয় টুল- ব্যাকগ্রাউন্ড দ্বারা জাভাস্ক্রিপ্ট/SVG তৈরি করা হয়েছে। কিন্তু আপনি এই কোড সম্পাদন করতে পারবেন না. আপনি তাদের বৈশিষ্ট্য নির্ধারণ করার ক্ষেত্রে সীমিত।
যখন স্বনির্ধারিত জয়: থ্রি স্কটিওস
১ আপনার অদ্বিতীয় কল্পনার প্রয়োজন
আমি একটি সহায়তাকারী কোম্পানির সাথে কাজ করেছি। তাদের একটা নেটওয়ার্ক ছিল ৫০০ ট্রাকের নেটওয়ার্ক, যা ইউরোপ জুড়ে পণ্য নিয়ে যাচ্ছে। তারা আসল সময়ের রুট অ্যানিমেশন চেয়েছিল যা জিপিএস ping, ট্রাফিক আর আবহাওয়া দেখিয়েছে।
চিহ্নের ওপর ভিত্তি করে একটি মানচিত্রের উপর ভিত্তি করে কোন ব্যক্তির মনোযোগ আকর্ষণ করতে পারে না। আর দেখতেও পারবে না। D.3.js আমাদের পূর্ণ নিয়ন্ত্রণ দিয়েছে. আমরা ৮ সপ্তাহের মধ্যে এটা বানিয়েছি। ৪৫,০০০ ডলার। কোন পণ্য আপডেটের জন্য অপেক্ষা বা অপেক্ষা করার সাথে তুলনা করা যায় (প্রায়)।
থাম্ব-নেইলের নিয়ম:আপনার কল্পনা কোনো চার্ট গ্যালারির মধ্যে উপলব্ধ না থাকলে, স্বনির্ধারিত জয়।
২ আপনার S-SADO লোড টাইমস প্রয়োজন
মধ্য ইউরোপিয়ী তথ্যের জন্য ২-৫ সেকেন্ডের মধ্যে খোলা ড্যাশবোর্ড লোড করা হয় (১০-৫০ কিলোবাইট)। লুকারও একই রকম। ডি.৩.জেএস ৬০ মিটার মধ্যে ১০,০০০ তথ্যের পয়েন্ট আপডেট করতে পারে।
আমি একটি হেডজ ফান্ডের জন্য বাণিজ্য বোর্ড তৈরি করেছি. প্রতি ১০০% আপডেট করার প্রয়োজন ছিল। কোন BI টুল এটা সামলাতে পারবে না। আমরা ওয়েবস্কেট ব্যবহার করতাম। এটি ২০০ চার্ট তৈরি করেছে প্রতি সেকেন্ডে।
তুলনার তুলনা (আমার প্রকল্প থেকে বাস্তব তথ্য):
| মেট্রিক | D3.j (custom) | ট্যাবলৌ | আইার |
|---|---|---|---|
| প্রারম্ভিক ভার (১০কে সারি) | জি- বি- এমName | ২.১ | ৩.৪ |
| বাস্তব সময় আপডেট (১০০ms) | হ্যাঁ | না | না |
| টেনে এনে ফেলুন&প্রতিক্রিয়ামূলক বার্তা | স্বনির্ধারিত কোড | অন্তর্ভুক্ত | অন্তর্ভুক্ত |
| অ্যানিমেশন নিয়ন্ত্রণ | সম্পূর্ণ | সীমা | শূণ্য |
| GPU অনুমোদন ব্যবস্থা | ব্যবহারকারী দ্বারা | আংশিক | সফ্টওয়্যার |
৩) আপনি হোয়াইট ব্র্যান্ডিং চান
ফাঁকা ড্যাশবোর্ড সবসময়ই একটি ফাঁকা টুল থাকে। আপনি এটা লুকিয়ে রাখতে পারেন, কিন্তু ব্র্যান্ডটা সরিয়ে ফেলতে পারবেন না। কিন্তু নিচের দিকের কাঠামোগুলো এখনও পরিপাটী ।
D3.js আপনাকে একটি ফাঁকা ক্যানভাস দেয়. তুমি এটাকে আইফ্রেমে ঢুকিয়ে দিতে পারো বা অন্য কোথাও DOM উপাদান দিয়ে দিতে পারো। কোন লাইসেন্স পপ. লোগো নেই।
একজন ক্লায়েন্ট স্বাস্থ্যসেবার জন্য চালু ছিল। তাদের রোগীর দরজার ভেতরে ড্যাশবোর্ড রাখা দরকার ছিল। ইফ্রফট প্রদর্শন করবে ফাঁকা ব্র্যান্ডিং। স্বনির্ধারিত D3.js সমাধান অ্যাপটির অংশ বলে মনে হয়েছিল।
তৈরি হওয়ার সময়
আমি এন্টি-ভিড নই। আমি অনেক প্রকল্পের জন্য দু'জন তাকিয়ে আছি।
ব্যবহারকারী নির্বাচন করুন:- আপনার নিজেকে পরিচালনা করা প্রয়োজন - তোমার কাছে অনেক ব্যবসায়িক দল আছে - আপনার মেট্রিকদের একটা সত্যের একটি উৎস প্রয়োজন (JML মডেল দেখুন)
আরম্ভের সময়:- তুমি দ্রুত চাও (ঘন্টা, সপ্তাহ নয়) - আপনার টিমের কোন ফ্রন্ট-এন্ড ডেভেলপার নেই - তোমাকে টেনে নিয়ে যেতে হবে।
আমি দেখেছি ৫০ জন বিশ্লেষকের সাথে একটি কোম্পানি ৬ মাসের মধ্যে ৩০০ ড্যাশবোর্ড নির্মাণ করেছে। ঐ একই দল D3. 30 তে ২ বছর নেবে.
কা.
আসুন আমরা টাকা নিয়ে কথা বলি। ক্লায়েন্টের বাগদান থেকে আসল নাম্বার।
D3.jS ড্যাশবোর্ড (ভুল জটিলতা:)- উন্নয়ন: ৪-১২ সপ্তাহ - ডেভেলপারের হার: ১০০ ডলার/ ২০০ ঘন্টা - মোট মূল্য: ১৬,০০০ -৯,০০০ ডলার - বার্ষিক রক্ষণাবেক্ষণ: ১৫-২৫% খরচ গড়ে তুলতে পারে - অভ্যন্তরীণ সরঞ্জাম: ৫০ ডলার - ৫০০ মার্কিন ডলার (প্রায় + API)
ট্যাবলৌ (প্রজেক্ট বছর, ১০ ব্যবহারকারী):- লাইসেন্স: ২,০০০ (কোরেটর) + $১,০০০ (এক্সপ্লোপার/ চেকার) = ২,০০০ - সার্ভার: $555, varu Histice মেঘ - প্রস্তুতি&প্রশিক্ষণ: $51 - প্রথম বছর: ৪,০০০ ডলার - বার্ষিক পুন:২,০০০ + ১৫০,০০০ = ৩,০০০ ডলার
লুকার (পার বছর, ১০ ব্যবহারকারী):- প্লাটফর্ম ফি: ৩,০০০ ডলার (৩০০০ কে চালু করা হয়েছে) - প্রদর্শক লাইসেন্স: ৩৫,০০০ ডলার (প্রায় ১,০০০ ডলার) - প্রস্তুতি নাও: $10 হাজার - প্রথম বছর: 55 হাজার - বার্ষিক পুন: ৪,০০০ ডলার
D3.j কম দীর্ঘ মেয়াদী হতে পারে যদি আপনি দেখতে পারেন এবং একটি উন্নয়ন দল আছে। যখন আপনার অনেক প্রযুক্তিগত ব্যবহারকারী নেই, তখন প্রমাণ/কলার জয় হয়।
জানার জন্য প্রযুক্তিগত সীমা
D3.js
- কোনো নির্মিত তথ্যের স্তর নেই। আপনি SQL লিখুন অথবা API নিজে সংগ্রহ করুন।
- কোনো টেনে আনা হয়নি। আপনি সবকিছু কোড কোড.
- যাত্রা কঠিন। আপনি নিজে নিজেই এরিয়া লেবেল যোগ করতে পারেন ।
ট্যাবলৌ
- সর্বোচ্চ মাপ (ভিতরের ক্ষেত্রে প্রায় ১০ মিলিয়ন)
- স্বনির্বাচিত চার্টগুলো গণনা করে যা আপনি কিনতে পারেন তা সীমিত।
- জটিল নকশার সাথে খাপ খাইয়ে নেওয়া।
আইার
- দেখুন এমএল খুব খারাপ হতে পারে সাধারণ মেট্রিকদের জন্য।
- চার্ট বিল্ডিং-এর (ব্যবহারকারী টেক্সটL বা ব্যবহারের জন্য দেখতে অথবা ব্যবহার করতে ব্যবহার করুন)।
- রিয়েল টাইম ড্যাশবোর্ড কঠিন (প্রতি ৩০ সেকেন্ডের মধ্যে SQLCHQECHECS)।
কিভাবে আমরা ডিজি১০ এ সিদ্ধান্ত নেই
আমি একটা টিমকে নেতৃত্ব দিচ্ছিDG10 এজেন্সিএটা স্টার্টস আর কোম্পানির জন্য ড্যাশবোর্ড তৈরী করে। আমরা সাধারণ একটি ফিল্টার ব্যবহার করি:
- ক্লায়েন্টের কি কোন চার্ট দরকার ছিল যা কোন BI টুলে নেই?ফেলেছে D3.j
- ক্লায়েন্টের কি এমন একজন ডেভেলপার আছে যে এটা মেনে চলতে পারে?ফেলেছে D3.j
- মক্কেলের কাছে কি ২০++ প্রযুক্তিবিদ ব্যবহারকারী আছে যাদের আত্ম-সেবার প্রয়োজন?wdfs ই-মেইল অথবা অনুসন্ধান করুন
- সময় কি ২ সপ্তাহ ধরে বাজারের নিচে?অবস্থার ইঙ্গিত
অনেক ক্লায়েন্ট দুটোই ব্যবহার করে। তারা মানসম্মত প্রতিবেদনের জন্য বিনা অনুমতি ব্যবহার করে। জটিল ব্যক্তির জন্য তারা D3.j.js কাস্টম চার্ট বরাদ্দ করে.
ইকোসিস্টেম: আধুনিক বিকল্প
যদি ৩.
- পর্যবেক্ষণ ব্যবস্থা- D3.js দ্বারা নির্মিত অত্যন্ত সক্রিয় নোটবই। মনোমুগ্ধকর।
- ভেগা-লিটে- ইন্টারঅ্যাকটিভ গ্রাফিক্সের জন্য ডেকটিভ ব্যাকরণ। কম্পাইল করা হয়েছে D3.js.
- প্লট ক্ষেত্র- D3-এর থেকে উচ্চ মাত্রার লেভেল, 3.
আমি কিছু ড্যাশবোর্ড দিয়ে ভেগা-লিট ব্যবহার করেছি. এটা আমাদের ৮০% ডি৩ জন সহ্য করেছে কোডের ২০%।
নিজেকে জিজ্ঞেস করুন...
- কতজন ব্যবহারকারী নিজেদের মতামত প্রকাশ করবে?যদি>১০.
- আপনার কল্পনা কি বার চার্ট + ফিল্টার দিয়ে তৈরি করা যাবে?যদি হ্যাঁ হয়, D3 বাদ দাও.
- সাব- সেকেন্ড আপডেট লাগবে?যদি হ্যাঁ হয় D3 তোমার একমাত্র উপায়.
- আপনার ডাটা ভলিউম কি ১০০ মিলিয়নের বেশি?Hyper দ্বারা এই হ্যান্ডেল, কিন্তু D3 স্ট্রীম স্ট্রিম করতে পারে। জলদি করো.
- আপনার কাছে কি ফ্রন্ট-এন্ড ডেভেলপার আছে?যদি না হয়, একটা সরঞ্জাম কিনুন।
ভবিষ্যৎ: NoCod vod viss স্বনির্ধারিত কোড
কোন কোড বিআই বাজার বছরে ২০% বৃদ্ধি পাচ্ছে না। তোমার মত কিছু জিনিস আর লুকার ভালো হয়ে যাবে। তারা স্বনির্বাচিত চার্ট অপশন যোগ করবে।
কিন্তু আমি বিশ্বাস করি, সবসময় একটা জায়গা থাকবে। যে সমস্ত ব্যবসা ডাটা অভিজ্ঞতার অভিজ্ঞতার সাথে প্রতিযোগিতা করে (উন্নয়ন প্লাটফর্ম, রোগী পোর্টাল, বাস্তব সময়ের সুযোগ) সাধারণ টুলস ব্যবহার করতে পারে না।
আমি গত বছর একটা ক্রীড়া কোম্পানির জন্য D3.j ড্যাশবোর্ড বানিয়েছিলাম. তাদের ফুটবল মাঠে খেলোয়াড় আন্দোলন দেখানোর প্রয়োজন ছিল। কোন BI টুল আজ পারবে না। হয়তো পাঁচ বছরের মধ্যে। কিন্তু এখন তাদের এটা প্রয়োজন.
FAQ
২০২৫ সালে এখনো কি ৩.
হ্যাঁ। D3.js সব থেকে শক্তিশালী জাভাস্ক্রীপ্ট কল্পনা লাইব্রেরিতে আছে। প্রতিক্রিয়া প্রদর্শন/Vu এর উত্থান এর বদলে নয়। আপনি একটি প্রতিক্রিয়া কম্পোনেন্ট D3 বিভাজন করতে পারেন. অনেক আধুনিক লাইব্রেরি (অভিবাসী, ভেগা-এলিট) দ৩-এ নির্মিত।
জাভাস্ক্রিপ্ট না জেনে আমি কি D3.js ব্যবহার করতে পারি?
না। D.3.js-র শক্তিশালী জাভা, এস. এস. ভি. এস. দক্ষতা প্রয়োজন । শেখার বক্ররেখাটা অনেক খাড়া । প্রোডাকশনবোর্ড তৈরি করার আগে ৬+ মাস ধরে আশা করা যায়।
গোপনীয়ভাবে স্বনির্ধারিত JavaScript সমর্থন করা হবে কি?
খোলা হয়েছে "Dash বোর্ড এক্সটেনশন" যার মাধ্যমে আপনি একটি আইফ্রেমে HTML/JSকে নিয়মিত HTML/JS অনুমোদন করতে পারেন। কিন্তু আপনি স্থানীয় মুদ্রা বিনিময় হারিয়ে ফেলেছেন। স্বাদ কমে যাবে। এটা একটা সমাধান, সমাধান নয়।
D3.j ড্যাশবোর্ড বানাতে কত সময় লাগবে?
সহজ চার্ট (১টা চার্ট, স্থির): ১ সপ্তাহ। মাঝারি ৩-৫ চার্ট: ৪-৮ সপ্তাহ। জটিল (সত্যিকারের সময়, স্বনির্বাচিত অ্যানিমেশন: ৮-২০ সপ্তাহ।
এত সস্তা কেন?
একই সাথে ৫ জন ব্যবহারকারী প্রয়োজনের মধ্যে, ২ বছরের মধ্যে D3. স্বাভাবিক অবস্থায় ২০+ ব্যবহারকারীদের জন্য স্বাভাবিক মান থাকা আবশ্যক, ব্লু-টুথ//%r/ এই বিরতি প্রায় ৫টি ডেস্কটপ ব্যবহার করা হয়েছে।
আপনার পরবর্তী ধাপ
গত সেপ্টেম্বরের যাচাইকৃত।ড্যাশবোর্ড গোপনীয় এবং প্ল্যাটফর্মের বৈশিষ্ট্য দ্রুত পরিবর্তিত হয় — সিদ্ধান্ত নেওয়ার আগে বর্তমান টাইগারদের নিশ্চিত করুন । সম্পর্কিত ডিজি১০ লিখেছেন:AI নির্দেশক গবেষণা টুল, উন্নত স্কিমা markupএবংসামাজিক ডিরেক্টরি.
আমি এই গাইডটা বানিয়েছি যাতে তুমি দামী ভুল থেকে রক্ষা পাও। আমি BI টুলে কোম্পানির ১০০ ডলার নষ্ট করেছি। আমি ৬ মাস কাস্টম কোডে আগুন লাগিয়ে দিতে দেখেছি।
সবচেয়ে ভাল পদ্ধতি হল, আপনার প্রয়োজন মেটানো ।
চিহ্নিত সময়েDG10 এজেন্সিআমরা একটি মুক্ত ৩০ মিনিট ড্যাশবোর্ড মূল্যায়ন প্রস্তাব করছি। আমরা আপনার কেস বিশ্লেষণ, তথ্য ভলিউম, দল দক্ষতা এবং বাজেট। তাহলে আমরা সঠিক হাতিয়ারের সুপারিশ করবো- এমনকি যদি আমাদের সেবা না হয়।
আজ আমাদের সাথে যোগাযোগ করুনআপনার ড্যাশবোর্ড কৌশল শুরু করতে.
দ্রুত ওয়েবসাইট লাগবে?
চিহ্নিত সময়েDG10 এজেন্সিআমরা উচ্চ-প্রশংসা. পি.জে ওয়েবসাইট তৈরি করি যা ক্রী ওয়েব অত্যন্ত গুরুত্বপূর্ণ সব পাতায় পাস করে।লাইট হাউজ অডিট এবং কর্মক্ষমতা রিপোর্ট করুন→