دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۹
  • خرداد

جلسه ۰۱ : معرفی فریم ورک D3.js

  • دسته‌بندی‌ها :
جلسه ۰۱ : معرفی فریم ورک D3.js
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، همان طور که در جلسه قبل گفته شد، D3.js یک کتابخانهٔ JavaScript برای تولید مصور سازهای دادهٔ پویا و تعاملی در مرورگرهای وب هست. در این جلسه از آموزش های دوره D3.js می خواهیم کمی بیشتر در مورد ویژگی های D3.js صحبت کنیم و به معرفی فریم ورک D3.js بپردازیم.

      معرفی فریم ورک D3.js

      نمایش داده ها ارائه داده ها در قالب تصویری یا گرافیکی است.

      هدف اصلی تجسم داده ها، انتقال اطلاعات به صورت کار آمد و واضح از طریق گرافیک های آماری، نقشه ها و گرافیک اطلاعات است.

      نمایش داده ها به سرعت و به طور موثر به ما کمک می کند تا اطلاعات بینش خود را انتقال دهیم.

      هر گونه داده ای که توسط یک نمایش داده نشان داده می شود، کاربران را قادر می سازد داده ها را مقایسه کنند، گزارش های تحلیلی را تولید کنند، الگوهای مختلف را درک کنند و به این ترتیب در نهایت آنها را به تصمیم گیری می رساند.

      نمایش داده ها می تواند تعاملی باشد، به طوری که کاربران داده های خاص را می توانن در نمودار تجزیه و تحلیل کنند.

      همچنین، نمایش داده ها می تواند در وب سایت های منظم و حتی برنامه های تلفن همراه با استفاده از چارچوب های مختلف جاوا اسکریپت توسعه داده شود.

      D3.js چیست؟

      D3.js یک کتابخانه جاوا اسکریپت است که برای ایجاد نمایش های تعاملی در مرورگر استفاده می شود.

      کتابخانه D3.js به ما اجازه می دهد تا عناصر یک صفحه وب را در متن مجموعه داده ها دستکاری کنیم.

      این عناصر می توانند عناصر HTML، SVG یا Canvas باشند و می توانند به وسیله محتویات مجموعه داده، معرفی، حذف یا ویرایش شوند.

      این فریم ورک یک کتابخانه برای ویرایش اشیاء DOM است. D3.js می تواند کمک هزینه ای در اکتشاف داده ها داشته باشد، و به شما امکان کنترل نمایندگی داده ها را می دهد و امکان تعامل را نیز اضافه می کند.

      چرا ما D3.js نیاز داریم؟

      D3.js یکی از مهمترین فریم ورک ها در مقایسه با سایر کتابخانه ها است.

      این به این دلیل است که در وب کار می کند و نمایش داده ها برای آن برتری به حساب می آید.

      یکی دیگر از دلایل آنکه به خوبی کار کرده است به علت انعطاف پذیری آن است.

      از آنجایی که با یکپارچه با فناوری های وب موجود کار می کند و می تواند هر بخشی از مدل شیء اسناد را دستکاری کند.

      این فریم ورک انعطاف پذیر است مانند تکنولوژی وب های سمت کلاینت (HTML، CSS و SVG).

      همچنین این انجمن دارای پشتیبانی وسیعی است و برای یادگیری آسان تر است.

      ویژگی های D3.js

      D3.js یکی از بهترین فریم ورک های نمایش داده است.

      همچنین می توان از آن برای تولید تصاویر ساده و پیچیده همراه با تعامل کاربر و اثر گذار استفاده کرد.

      برخی از ویژگی های برجسته آن در زیر آمده است:

      • بسیار انعطاف پذیر است.
      • برای استفاده آسان و سریع می باشد.
      • پشتیبانی از مجموعه داده های بزرگ
      • برنامه نویسی قابل فراخوانی
      • دوباره قابل استفاده بودن کد
      • دارای طیف گسترده ای از توابع تولید منحنی است.
      • اطلاعات وابسته را به یک عنصر یا گروهی از عناصر در صفحه اچ تی ام ال ربط می دهد.

      مزایای D3.js

      D3.js یک پروژه اپن سورس است و بدون هیچ افزاری کار می کند.

      به بسیار کمتری نیازنسبت به فریم ورک های دیگر دارد و مزایای زیر را ارائه می دهد:

      • نمایش داده های بزرگ
      • این فریم ورک ماژولار است شما می توانید یک قطعه کوچکی از D3.js را که می خواهید استفاده کنید را دانلود کنید، بدون نیاز به هربار بارگذاری کل کتابخانه.
      • ساخت آسان اجزای نمودار
      • دستکاری و تغییر DOM

      کلام آخر

      این جلسه به معرفی فریم ورک D3.js اختصاص داده شد و با برخی از ویژگی های D3.js و مزایای آن و همچنین دلیل استفاده از این فریم ورک محبوب آشنا شدید. در فصل بعد، یاد خواهیم گرفت که چگونه D3.js را در سیستم خود نصب کنیم.

      QR:  جلسه ۰۱ : معرفی فریم ورک D3.js
      به اشتراک بگذارید