نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
این دوره مقدمه ای جامع در مورد D3.js ارائه می دهد که مهمترین مفاهیم را برای درک این کتابخانه پوشش می دهد. D3.js یک کتابخانه جلویی برتر برای ساخت تجسم داده است. در این دوره ، ساخت اولین تجسم داده خود با D3 ، شما توانایی ساختن نمودارها و نمودارهای اساسی را با استفاده از D3.js خواهید داشت. ابتدا ، اصول این کتابخانه را جستجو خواهید کرد ، از مواردی استفاده می کنید ، جایی که می توانید نمونه هایی را در وب پیدا کنید ، هدف از ساختار مدولار و ضمیمه کردن محتوای صفحه با D3. در مرحله بعدی ، نحوه واکشی داده ها ، اتصال داده ها به عناصر DOM و تنظیم مقیاس ها و محورها برای استفاده در پروژه را پیدا خواهید کرد. در آخر ، شما می توانید با فیلتر کردن مجموعه داده ، میله ها را ضمیمه و متحرک کنید. پس از پایان این دوره ، مهارت ها و دانش D3.js مورد نیاز برای ساخت تجسم های ساده را خواهید داشت.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
شروع شدن
Getting Started
-
کتابخانه D3
The D3 Library
-
با استفاده از مثالهای D3
Using D3 Examples
-
راه اندازی پروژه
Project Setup
-
D3 را به صفحه اضافه کنید
Add D3 to the Page
آماده سازی کانتینر و افزودن داده به صفحه
Preparing the Container and Adding Data to the Page
-
آماده سازی SVG
Preparing the SVG
-
درک کنوانسیون های حاشیه در D3
Understanding Margin Conventions in D3
-
واکشی داده ها
Fetching Data
بلوک های ساختمان D3
Building Blocks of D3
-
مقیاس
Scales
-
دامنه و دامنه
Domain and Range
-
تبرها
Axes
قرار دادن میله ها و برچسب ها
Placing Bars and Labels
-
وارد کردن داده ها
Entering the Data
-
رسم مستطیل ها با داده ها
Drawing Rectangles with Data
-
افزودن برچسب
Adding Labels
افزودن تعامل
Adding Interaction
-
متحرک سازی میله ها
Animating the Bars
-
فیلتر کردن داده ها با یک عنصر UI
Filtering Data with a UI Element
-
به روز رسانی داده ها با انتخاب. بپیوندید
Updating the Data with selection.join
نمایش نظرات