آموزش اولین تجسم داده خود را با D3 بسازید

Build Your First Data Visualization with D3

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره مقدمه ای جامع در مورد 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

نمایش نظرات

آموزش اولین تجسم داده خود را با D3 بسازید
جزییات دوره
1h 34m
17
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
22
4.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tiffany France Tiffany France

تیفانی فرانسه یک طراح و توسعه دهنده جلویی است که عمدتا بر روی تجسم داده ها متمرکز است. او در ویرجینیا اقامت دارد و در آنجا به عنوان آزادکار در پروژه های وب برای شرکت هایی مانند Google ، Indeed و Capital One کار می کند. تیفانی همچنین به عنوان یک استاد کمکی در یک کالج محلی که به آموزش هنر دیجیتال می پردازد ، مهتابی است. سه هدف او عبارتند از: زیبا ساختن ، قابل استفاده شدن ، اما مهمتر از همه ، هوشمند کردنش.