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

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره مصورسازی داده با D3.js: از داده خام تا داشبورد تعاملی حرفه‌ای

موضوع کلی: برنامه‌نویسی وب و مصورسازی داده

موضوع میانی: توسعهٔ نمودارها و داشبوردهای تعاملی با D3.js

📋 سرفصل‌های دوره

• 1. تفکر تصویری و جریان تبدیل داده به نمودار
• 2. معماری یک پروژه D3.js و چرخهٔ داده تا رندر
• 3. اصول ادراک بصری و کدگذاری داده
• 4. انتخاب نمودار بر اساس نوع داده و سؤال تحلیلی
• 5. راه‌اندازی محیط توسعه با Vite، npm و ماژول‌های ES
• 6. ساختار پروژه، مدیریت وابستگی‌ها و نسخهٔ D3.js
• 7. مبانی SVG، عناصر گرافیکی و سیستم مختصات
• 8. تبدیل داده به مختصات و مدیریت viewBox
• 9. انتخاب و پیمایش عناصر با D3 Selections
• 10. اتصال داده به عناصر با Data Join
• 11. الگوی Enter، Update و Exit
• 12. تولید و به‌روزرسانی پویای DOM با D3.js
• 13. مفهوم مقیاس و نگاشت داده به ویژگی‌های بصری
• 14. مقیاس‌های خطی، لگاریتمی و زمانی
• 15. مقیاس‌های ترتیبی، پله‌ای و مقوله‌ای
• 16. طراحی و انتخاب پالت‌های رنگی
• 17. محورها، Tickها و سفارشی‌سازی برچسب‌ها
• 18. قالب‌بندی عددها، تاریخ‌ها و واحدها
• 19. بارگذاری CSV، TSV، JSON و داده‌های تو‌درتو
• 20. اتصال به REST API و مدیریت عملیات ناهم‌گام
• 21. پارس، پاک‌سازی و تبدیل نوع داده‌ها
• 22. کار با داده‌های گمشده، پرت و نامتوازن
• 23. محاسبات آرایه‌ای و آماری با D3-array
• 24. گروه‌بندی، تودرتوسازی و خلاصه‌سازی داده
• 25. ساخت نمودار میله‌ای عمودی از صفر
• 26. نمودارهای میله‌ای گروهی و پشته‌ای
• 27. نمودارهای میله‌ای افقی و واگرا
• 28. ساخت نمودار خطی و مدیریت چند سری زمانی
• 29. استفاده از D3-shape برای مسیرها و منحنی‌ها
• 30. نمودار سطحی، Area Chart و ناحیه‌های اطمینان
• 31. نمودار پراکندگی و تحلیل رابطهٔ دو متغیر
• 32. نمودار حبابی و کدگذاری اندازه
• 33. هیستوگرام و نمایش توزیع داده
• 34. نمودار چگالی و تخمین KDE
• 35. جعبه‌ای و ویولین برای مقایسهٔ توزیع‌ها
• 36. نمودار پای و دونات با D3-shape
• 37. کار پیشرفته با Arcها و زوایا
• 38. نمودارهای شعاعی و قطبی
• 39. درخت داده و نمایش سلسله‌مراتب با D3-hierarchy
• 40. نقشهٔ درختی و نمودارهای خوشه‌ای
• 41. Treemap برای داده‌های سلسله‌مراتبی حجیم
• 42. نمودار Partition و Sunburst
• 43. مدل‌سازی داده‌های شبکه‌ای و گرافی
• 44. نیروهای D3-force و Layout شبکه
• 45. طراحی نیروهای سفارشی و کنترل شبیه‌سازی
• 46. تعامل، پایداری و بهینه‌سازی شبکه‌های بزرگ
• 47. مبانی نقشه‌های وب و سیستم‌های مختصات جغرافیایی
• 48. انتخاب Projection مناسب برای نقشه
• 49. کار با GeoJSON و TopoJSON
• 50. نقشهٔ کوراپلث و رنگ‌آمیزی مناطق
• 51. نقشهٔ نمادهای متناسب و Bubble Map
• 52. زوم، جابه‌جایی و ناوبری در نقشه‌های تعاملی
• 53. انتقال‌ها، Easing و زمان‌بندی در D3
• 54. انیمیشن تغییر داده و به‌روزرسانی تدریجی عناصر
• 55. استفاده از Timerها و ساخت انیمیشن‌های سفارشی
• 56. مدیریت رویدادها و رفتارهای تعاملی
• 57. ساخت Tooltipهای اطلاعاتی و پنجره‌های شناور
• 58. زوم و Pan در نمودارهای غیر از نقشه
• 59. Brush، انتخاب محدوده و لینک‌کردن نماها
• 60. Drag، ویرایش تعاملی و ورودی کاربر
• 61. ساخت Legendهای خوانا و قابل‌استفاده
• 62. افزودن Annotation، Callout و توضیح تحلیلی
• 63. طراحی واکنش‌گرا و سازگاری با اندازه‌های مختلف نمایشگر
• 64. ساخت نمودارهای قابل‌استفادهٔ مجدد با API مشخص
• 65. ترکیب چند نمودار و مدیریت Layout داشبورد
• 66. مدیریت State، Flow داده و هماهنگی بین Viewها
• 67. دسترس‌پذیری نمودارها و پشتیبانی از صفحه‌خوان‌ها
• 68. رنگ‌های مناسب کوررنگی و کنتراست قابل‌قبول
• 69. تایپوگرافی، برچسب‌گذاری و جلوگیری از شلوغی بصری
• 70. بهینه‌سازی عملکرد برای داده‌های بزرگ
• 71. مقایسهٔ SVG و Canvas در مصورسازی D3.js
• 72. رندرینگ پیشرفته با Canvas و D3
• 73. معرفی WebGL برای مصورسازی‌های بسیار حجیم
• 74. اشکال‌زدایی، Inspect کردن SVG و تحلیل خطاها
• 75. تست نمودارها، داده‌ها و تعامل‌ها
• 76. یکپارچه‌سازی D3.js با React
• 77. نوع‌دهی و توسعهٔ امن‌تر با TypeScript
• 78. طراحی داشبورد تحلیلی از وایرفریم تا پیاده‌سازی
• 79. خروجی گرفتن از نمودارها برای چاپ و اشتراک‌گذاری
• 80. انتشار پروژه، Build نهایی و استقرار روی وب