آموزش D3.js اصول تجسم داده

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

پوشش اصول Covering the Basics

• بررسی اجمالی Overview

• D3 چیست؟ What Is D3?

• چه چیزی داخل این هست؟ What's in It?

• طراحی با SVG Drawing with SVG

• طراحی با D3 و SVG Drawing with D3 and SVG

• خلاصه Summary

شکل دادن به داده ها Shaping the Data

• بررسی اجمالی Overview

• بررسی اجمالی داده ها Data Overview

• بررسی ساختار پروژه Reviewing the Project's Structure

• بارگیری داده ها با D3 Loading Data with D3

• تبدیل انواع داده ها Converting Data Types

• تبدیل داده برای ویژوال شما Transforming Data for Your Visual

• خلاصه Summary

رسم نمودار میله ای با داده Drawing a Bar Chart with Data

• بررسی اجمالی Overview

• آناتومی و تنظیم نمودار میله ای Bar Chart Anatomy and Setup

• مقیاس گذاری داده ها روی صفحه Scaling Data to the Screen

• به اطلاعات بپیوندید The Data Join

• ترسیم میله ها با داده Drawing Bars with Data

• افزودن زمینه با Axes و یک سرصفحه Adding Context with Axes and a Header

• خلاصه Summary

ساخت نمودار پراکندگی و نمودار خطی Making a Scatter Plot and a Line Chart

• بررسی اجمالی Overview

• از داده های خام گرفته تا نقاط پراکنده From Raw Data to Scatter Points

• پالایش طرح Scatter Refining the Scatter Plot

• نمودارهای خط کمی متفاوت هستند Line Charts Are a Little Different

• مسیرهای تولید و ترسیم Generating and Drawing Paths

• خلاصه Summary

به روز رسانی داده ها Updating Data

• بررسی اجمالی Overview

• از Data Join به الگوی به روزرسانی عمومی From the Data Join to the General Update Pattern

• الگوی به روزرسانی عمومی در کد The General Update Pattern in Code

• کنترل بروزرسانی با عملکرد کلیدی Controlling the Update with the Key Function

• در حال تغییر Transitioning Change

• خلاصه Summary

به روزرسانی داده های نمودار میله ای شما Updating Your Bar Chart Data

• بررسی اجمالی Overview

• ساخت یک نمودار میله ای از فیلم ها Making a Bar Chart of Films

• به روز رسانی و جابجایی میله ها Updating and Moving the Bars

• خلاصه Summary

افزودن تعامل Adding Interactivity

• بررسی اجمالی Overview

• ساخت راهنمای خود Making Your Own Tooltip

• اتصال راهنمای ابزار خود به داده Binding Your Tooltip to Data

• نصب قلم مو Mounting a Brush

• استفاده از قلم مو به عنوان Data Lens Using the Brush as a Data Lense

• خلاصه Summary

کار با طرح بندی های سلسله مراتبی Working with Hierarchical Layouts

• بررسی اجمالی Overview

• طرح D3 چیست؟ What Is a D3 Layout?

• از جدول تا سلسله مراتب From Table to Hierarchy

• ساخت یک بسته بندی دایره ای Making a Circle Packing

• ساخت نقشه نقشه Making a Treemap

• ساختن درخت Making a Tree

• خلاصه Summary

الگوی ماژول قابل استفاده مجدد The Reusable Module Pattern

• بررسی اجمالی Overview

• تعریف الگو Defining the Pattern

• ساختار ماژول A Module's Structure

• افزودن پایه و تنظیمات هوشمندانه Adding a Clever Base and Configurations

• رسم نمودار Drawing the Chart

• ساخت چندین Making Multiples

• خلاصه Summary