تسلط به مصورسازی داده در D3.js

آنچه یاد خواهید گرفت:

• درک بلوک‌های اساسی D3.js
• کسب دانش گسترده و یادگیری ساخت 14 نوع مصورسازی‌های مختلف
• نقد مصورسازی‌های موجود و ابداع طراحی‌های بهتر برای نمایش داده‌
• تفسیر کد متن‌باز از کامیونیتی D3.js برای استفاده در پروژه‌های خود
• تسلط به ابزارهای پیشرفته D3.js، از جمله ساخت نقشه‌های choropleth، براش‌ها، tooltips و طرح‌بندی‌ها
• توسعه‌ وب اپلیکیشن‌های کامل، با چندین مصورسازی همزمان روی صفحه
• بیان ایده‌های انتزاعی و اصیل با اسکچ‌های جذاب

پیش‌نیازهای دوره

• دانشجویان باید درک خوبی از HTML ،CSS و جاوااسکریپت داشته باشند.
• دانشجویان باید بدانند چگونه با استفاده از جی‌کوئری با مدل آبجکت سند (DOM) تعامل کنند.

توضیحات دوره

به تسلط به مصورسازی داده در D3.js خوش آمدید!

این دوره شما را از سطح مبتدی در D3.js به جایی می‌رساند که بتوانید تقریباً هر مصورسازی‌ را که تصور می‌کنید بسازید. در این دوره، برنامه‌نویسی با جدیدترین نسخه D3.js، یعنی نسخه 6.x را یاد خواهید گرفت.

مباحث دوره

در فاز اول دوره، دانش شما را درباره D3.js گسترش می‌دهم و شما را با برخی از بنیادی‌ترین مباحث در مصورسازی داده آشنا می‌کنیم. شما:

• خواهید فهمید SVGs چه هستند و چگونه با D3.js کار می‌کنند.
• یاد می‌گیرید D3.js چگونه شکل‌ها را به بخش‌هایی از داده مرتبط می‌کند.
• نوشتن مقیاس‌ها، محور‌ها و برچسب‌ها برای ساخت چند مصورسازی پایه
• استفاده از الگوی بروزرسانی D3.js برای جابه‌جایی موقعیت SVGs با تغییرات داده‌
• مدیریت تعاملات کاربر با افزودن رویدادها به صفحه
• افزودن لجندها، tooltips و اسلایدرها به مصورسازی‌های خود

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

در فاز دوم دوره، شما را در یک دوره فشرده با 12 مصورسازی جدید همراهی می‌کنیم. با مرور کدهای از پیش نوشته‌ شده توسط اعضای کامیونیتی D3.js، دانش گسترده‌ای در D3.js به دست خواهید آورد. ما شما را با طرح‌بندی‌های D3.js آشنا می‌کنیم و نشان می‌دهیم چگونه هر یک از این مصورسازی‌ها را در D3.js بسازید:

• نمودارهای خطی
• نمودارهای مساحت
• نمودارهای مساحت انباشته
• نمودارهای دایره‌ای
• نمودارهای دونات
• Wordclouds
• نقشه‌های choropleth
• نمودارهای گره-لینک
• نمودارهای درختی
• نقشه‌های درختی
• Circle Packs
• نمودارهای Sunburst

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

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

پروژه‌های کلاسی

این دوره شامل 4 پروژه کلاسی است که باید آنها را انجام دهید و به شما فرصت می‌دهد مهارت‌های D3.js خود را با داده‌ واقعی تمرین کنید:

• یک نمودار میله‌ای ساده برای نمایش رشد درآمد یک زنجیره کوچک قهوه
• یک نمودار حبابیِ بروزرسانی‌ شده، با کلون‌سازی یک مصورسازی مشهور از Gapminder
• یک نمودار خطی تعاملی که قیمت تاریخی ارزهای دیجیتال را در طول زمان نشان می‌دهد.
• یک داشبورد داده برای یک شرکت بزرگ هلدینگ

هر یک از پروژه‌ها با پیشرفت دوره به‌ تدریج پیچیده‌تر می‌شوند.

آیا این دوره برای من مناسب است؟

D3.js یک کتابخانه فوق‌العاده قدرتمند با یک کامیونیتی فعال از توسعه‌دهندگان است که هر روز در حال رشد است. دانشجویان باید دوره را بگذرانند اگر می‌خواهند یک معرفی دقیق و جدی به D3.js داشته باشند که طیف گسترده‌ای از مباحث مختلف را پوشش می‌دهد.

این یک دوره مقدماتی برای توسعه وب نیست. انتظار می‌رود دانشجویان پیش از شرکت در دوره، تجربه کدنویسی با جاوااسکریپت، HTML ،CSS و جی‌کوئری را داشته باشند.

این دوره برای چه کسانی مناسب است؟

• کسی که به کار با داده‌ علاقه‌مند است.
• کسی که کنجکاو طراحی مصورسازی داده است.
• کسی که می‌خواهد با D3js وبسایت‌های تعاملی و پیچیده بسازد.