در React نمودار بسازید
Build Charts in React
آیا به دنبال تسلط بر تجسم داده ها در React هستید؟ در این دوره جامع Udemy، نحوه ساخت انواع نمودارها با استفاده از Recharts و کتابخانه های بروشور محبوب را یاد خواهید گرفت و برنامه های React خود را تعاملی تر و از نظر بصری جذاب تر می کند. چه در ترسیم نمودار تازه کار باشید و چه می خواهید مهارت های خود را عمیق تر کنید، این دوره تمام نمودارهای ضروری مورد نیاز برای تجسم داده های پیچیده را به روشی ساده و قابل هضم پوشش می دهد.
آنچه خواهید آموخت:
این دوره یک رویکرد عملی با مثال‌های واقعی و یک مخزن کد ارائه می‌دهد تا شما آن را دنبال کنید. نحوه ایجاد شش نوع نمودار ضروری را بررسی خواهید کرد که هر کدام هدف منحصر به فردی را در نمایش داده ها انجام می دهند:
نمودارهای خطی – نحوه نمایش روندهای داده در طول زمان را بیاموزید.
نمودارهای نواری - داده ها را در بین دسته ها با نوارهای افقی یا عمودی تجسم و مقایسه کنید.
نمودار دایره ای - نشان می دهد که چگونه دسته های مختلف با استفاده از بخش های رنگارنگ به کل کمک می کنند.
نمودارهای منطقه - نشان دهنده داده های انباشته در طول زمان است، که بزرگی تغییر را برجسته می کند.
نمودارهای منطقه انباشته – برای مشاهده جامعی از مقدار کل، مجموعه داده های متعددی را که روی هم چیده شده اند، مقایسه کنید.
Heatmaps - الگوها و تغییرات در مجموعه داده های بزرگ را تجزیه و تحلیل و تجسم کنید، که برای نمایش توزیع و شدت رویداد عالی است.
قالب دوره:
هر بخش از دوره با توضیحات واضح و مثال‌های کدی که از یک الگوی یادگیری ثابت پیروی می‌کنند ساختار یافته است:
مقدمه‌ای بر نوع نمودار: ما با یک نمای کلی در سطح بالا از هر نمودار شروع می‌کنیم و توضیح می‌دهیم که چه زمانی و چرا از آن استفاده کنیم.
ویژگی های کلیدی: ویژگی های تعیین کننده هر نوع نمودار و آنچه آنها را برای موارد استفاده خاص مناسب می کند را بررسی کنید.
موارد استفاده متداول: بیاموزید که چگونه این نمودارها برای سناریوهای دنیای واقعی مانند ردیابی فروش، تجزیه و تحلیل وب سایت، گزارش مالی و موارد دیگر اعمال می شوند.
ساختار و راه‌اندازی داده: فرمت داده‌های مورد نیاز برای ایجاد هر نمودار با استفاده از نمودارهای مجدد، با نمونه‌های داده ساده و آسان را درک کنید.
مرور کد: دستورالعمل‌های گام به گام را دنبال کنید تا هر نوع نمودار را از ابتدا بسازید، با نمونه‌های کد، نکات استایل‌سازی و گزینه‌های سفارشی‌سازی کامل کنید.
چرا این دوره؟
در پایان این دوره، نمودارهای بسیار متنوعی خواهید ساخت که به شما این امکان را می دهد:
- نمودارهای بصری خیره کننده ای ایجاد کنید که پاسخگو، تعاملی و به راحتی سفارشی شوند.
- از نمودارها برای ارتباط بهتر مجموعه داده ها و روندهای پیچیده با کاربران خود استفاده کنید.
- با کمترین تلاش، تجسم‌های صیقلی و حرفه‌ای را به برنامه‌های React خود اضافه کنید.
چه در حال ساخت داشبورد، گزارش، یا برنامه‌های مبتنی بر داده تعاملی باشید، این دوره مهارت‌هایی را به شما می‌دهد که برای تسلط بر تجسم داده‌ها با React، Recharts و LeafletJs نیاز دارید.
امروز به من بپیوندید و پروژه های React خود را با ساختن نمودارهای زیبا و کاربردی که داده ها را زنده می کنند، ارتقا دهید!
آماده شوید Get Ready
-
در مخزن کد نسخه ی نمایشی قدم بزنید Walk through demo code repository
کتابخانه ها Libraries
-
Leaflet و React-Leaflet Libraries Leaflet and React-Leaflet Libraries
-
نمودارهای مجدد Recharts
نمودار خطی Line Chart
-
مقدمه Introduction
-
نمای کلی Overview
-
موارد استفاده Use Cases
-
ساختار داده Data Structure
-
ارائه نمودار خطی Rendering a Line Chart
نمودارهای مساحت و مساحت انباشته Area and Stacked Area Charts
-
مقدمه Introduction
-
نمای کلی نمودار منطقه Area Chart Overview
-
نمای کلی نمودار منطقه انباشته Stacked Area Chart Overview
-
موارد استفاده Use Cases
-
ساختار داده Data Structure
-
ارائه نمودار مساحتی Rendering an Area Chart
-
ارائه نمودار مساحت انباشته شده Rendering a Stacked Area Chart
نمودار میله ای Bar Chart
-
مقدمه Introduction
-
نمای کلی Overview
-
موارد استفاده Use Cases
-
ساختار داده Data Structure
-
ارائه نمودار میله ای Rendering a Bar Chart
نمودار دایره ای Pie Chart
-
مقدمه Introduction
-
نمای کلی Overview
-
موارد استفاده Use Cases
-
ساختار داده Data Structure
-
ارائه نمودار دایره ای Rendering a Pie Chart
نقشه حرارتی Heatmap
-
مقدمه Introduction
-
نمای کلی Overview
-
ساختار داده Data Structure
-
رندر کردن نقشه Rendering a Map
-
رندر کردن یک لایه حرارتی Rendering a heat layer
https://donyad.com/d/5e5947
Gru Singh
مهندس ارشد Frontend
نمایش نظرات