آموزش طراحی داشبوردهای تعاملی با Plotly و Dash - آخرین آپدیت

سرفصل ها و درس ها

شروع به کار Getting Started

• معرفی پروژه دوره Introducing the course project

• نصب و اجرای Jupyter Jupyter installation and launch

• تعیین انتظارات Setting expectations

• ساختار و سرفصل‌های دوره Course structure and outline

1. معرفی Plotly و Dash 1. Intro to Plotly and Dash

• تمرین: اپلیکیشن ساده Dash Assignment: Simple Dash application

• پاسخ: اپلیکیشن ساده Dash Solution: Simple Dash application

• نکات کلیدی Key takeaways

• ساده‌ترین اپلیکیشن Dash جهان The world's simplest Dash app

• تمرین: یک اپلیکیشن Dash واقع‌گرایانه‌تر Assignment: A more realistic Dash app

• کالبدشناسی یک اپلیکیشن Dash The anatomy of a Dash application

• بررسی عمیق اجزای Dash Dash component deep dive

• گزینه‌های اجرای اپلیکیشن Options for running your application

• پاسخ: اپلیکیشن Dash واقع‌گرایانه‌تر Solution: A more realistic Dash app

• توابع Callback Callback functions

• بصری‌سازی‌های Plotly و اجزای گرافیکی Dash Plotly visuals and Dash graph components

• عناصر تعاملی Interactive elements

• دمو: توابع Callback Demo: Callback functions

• نصب Plotly و Dash Installing Plotly and Dash

• چرا بصری‌سازی‌های تعاملی؟ Why interactive visuals?

• اتصال عناصر تعاملی به نمودارها Tying interactive elements to visuals

2. اشکال و نمودارهای Plotly 2. Plotly Figures and Charts

• دمو: نقشه‌های Choropleth Demo: Choropleth maps

• تمرین: نمودارهای خطی Assignment: Line charts

• دمو: نقشه‌های تراکمی (Density maps) Demo: Density maps

• تمرین: نمودارهای میله‌ای Assignment: Bar charts

• پاسخ: نمودارهای میله‌ای Solution: Bar charts

• تمرین: نمودارهای دونات و حباب Assignment: Donut and bubble charts

• پاسخ: نقشه‌ها Solution: Maps

• دمو: به‌روزرسانی محورهای X و Y Demo: Updating X and Y axes

• تمرین: نقشه‌ها Assignment: Maps

• نکات کلیدی Key takeaways

• پاسخ: نمودارهای خطی Solution: Line charts

• نمودارهای دایره‌ای و دونات Pie and donut charts

• نقشه‌های Choropleth Choropleth maps

• دمو: نمودارهای پراکندگی و خطی Demo: Scatterplots and line charts

• تمرین: قالب‌بندی نمودار Assignment: Chart formatting

• نکته حرفه‌ای: نمودارهای حباب Pro tip: Bubble charts

• رسم چندین سری داده Plotting multiple series

• پاسخ: نمودارهای دونات و حباب Solution: Donut and bubble charts

• نمودارهای پایه Plotly Basic Plotly charts

• دمو: اشیاء گرافیکی Plotly Demo: Plotly graph objects

• دمو: Plotly Express Demo: Plotly Express

• نقشه‌های Mapbox Mapbox maps

• مقدمه‌ای بر نمودارهای Plotly Intro to Plotly charts

• پاسخ: قالب‌بندی نمودار Solution: Chart formatting

• دمو: به‌روزرسانی چیدمان و ردها (Traces) Demo: Updating layout and traces

• هیستوگرام‌ها Histograms

• متدهای به‌روزرسانی Update methods

• افزودن یادداشت‌ها Adding annotations

• دمو: نمودارهای میله‌ای Demo: Bar charts

3. عناصر تعاملی 3. Interactive Elements

• دمو: انتخاب‌گرهای تاریخ (Date pickers) Demo: Date pickers

• پاسخ: چک‌باکس‌ها Solution: Checklists

• تمرین: اسلایدرها Assignment: Sliders

• دکمه‌های رادیویی Radio buttons

• مقدمه‌ای بر عناصر تعاملی Intro to interactive elements

• پاسخ: چندین عنصر تعاملی Solution: Multiple interactive elements

• کالبک‌های با خروجی‌های متعدد Multiple output callbacks

• چک‌باکس‌ها Checklists

• کالبک‌های با ورودی‌های متعدد Multiple input callbacks

• دمو: منوهای کشویی Demo: Dropdowns

• تمرین: چک‌باکس‌ها Assignment: Checklists

• پاسخ: اسلایدرها Solution: Sliders

• تمرین: چندین عنصر تعاملی Assignment: Multiple interactive elements

• انتخاب‌گرهای تاریخ Date pickers

• مرور کلی عناصر تعاملی Interactive element overview

• منوهای کشویی Dropdown menus

• اسلایدرها Sliders

• اسلایدرهای محدوده‌ای (Range sliders) Range sliders

• نکات کلیدی Key takeaways

4. پروژه میان‌دوره 4. Mid-Course Project

• پاسخ پروژه میان‌دوره Mid-course project solution

• معرفی پروژه میان‌دوره Mid-course project introduction

5. چیدمان داشبوردها 5. Dashboard Layouts

• پاسخ: استایل‌دهی اپلیکیشن Solution: App styling

• تمرین: HTML و Markdown Assignment: HTML and markdown

• بازبینی چیدمان‌های اپلیکیشن Dash Revisiting Dash app layouts

• اجزای Dash Bootstrap Dash Bootstrap components

• نکات کلیدی Key takeaways

• پاسخ: HTML و Markdown Solution: HTML and markdown

• دمو: اعمال تم Bootstrap Demo: Applying a Bootstrap theme

• تب‌های متعدد Multiple tabs

• استایل‌دهی به اشکال Plotly Styling Plotly figures

• تمرین: ساخت یک چیدمان Assignment: Building a layout

• دمو: چیدمان‌های مبتنی بر گرید Demo: Grid-based layouts

• مقدمه‌ای بر چیدمان داشبوردها Intro to dashboard layouts

• تمرین: استایل‌دهی اپلیکیشن Assignment: App styling

• چیدمان‌های مبتنی بر گرید Grid-based layouts

• استایل‌های HTML HTML styles

• پاسخ: ساخت یک چیدمان Solution: Building a layout

• دمو: تب‌های متعدد Demo: Multiple tabs

• تم‌های Dash Bootstrap Dash Bootstrap themes

• استایل‌دهی به عناصر تعاملی Styling interactive elements

• HTML و Markdown HTML and markdown

• عناصر بصری و گزینه‌های چیدمان Visual elements and layout options

6. مباحث پیشرفته 6. Advanced Topics

• تمرین: کالبک‌های پیشرفته Assignment: Advanced callbacks

• تمرین: جداول داده Assignment: Data tables

• فیلتر متقاطع تعاملی Interactive cross-filtering

• نکات کلیدی Key takeaways

• دمو: جداول داده Demo: Data tables

• دمو: به‌روزرسانی‌های آنی (Real-time) Demo: Real-time updates

• مقدمه‌ای بر مباحث پیشرفته Intro to advanced topics

• پاسخ: کالبک‌های پیشرفته Solution: Advanced callbacks

• نکته حرفه‌ای: حالت دیباگ (Debug mode) Pro tip: Debug mode

• اجرای دستی کالبک‌ها Manually firing callbacks

• دمو: استقرار اپلیکیشن Demo: App deployment

• کالبک‌های شرطی Conditional callbacks

• پاسخ: جداول داده Solution: Data tables

• کالبک‌های زنجیره‌ای Chained callbacks

• جداول داده Dash Dash data tables

• گزینه‌های استقرار اپلیکیشن App deployment options

• اجرای دوره‌ای کالبک‌ها Periodically firing callbacks

7. پروژه نهایی دوره 7. Final Course Project

• معرفی پروژه نهایی Final project introduction

• پاسخ پروژه نهایی Final project solution