آموزش تجسم داده های تعاملی با D3.js

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

قبل از بازی Pre-Game

• معرفی Introduction

• موضوعات دوره Course Topics

• با استفاده از داده ها Using Data

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

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

Binding API Binding API

• append()، select() و selectAll() append(), select(), and selectAll()

• enter() و exit() enter() and exit()

• رویدادهای transition() و DOM transition() and DOM events

• کد نسخه ی نمایشی: حلقه های SVG Code Demo: SVG Circles

Non-Binding API Non-Binding API

• مقیاس های کمی Quantitative Scales

• مقیاس های طبقه بندی شده Categorical Scales

• ژنراتور محور Axis Generator

• ژنراتور خط Line Generator

• ژنراتور برس Brush Generator

• ژنراتور برس، ادامه Brush Generator, cont.

• چیدمان هیستوگرام Histogram Layout

• سوالات مخاطبان و AJAX Audience Questions and AJAX

نمودارهای قابل استفاده مجدد Reusable Charts

• ایجاد جداول Creating Tables

• اضافه کردن ستون ها Adding Columns

• سوالات مخاطبان Audience Questions

الگوهای کاربردی Application Patterns

• جابجایی کد از Tritributary Moving Code from Tributary

• ایجاد جدول Creating the Table

• ساخت نمودار قابل استفاده مجدد Making a Chart Reusable

• انتقال به GitHub Moving to GitHub

• ایجاد طرح پراکندگی Creating the Scatter Plot

• ایجاد برس Creating the Brush

• تنظیم Layout Adjusting the Layout

اتصال نمودارها Connecting the Charts

• اعزام رویداد Event Dispatching

• اتصال نمودارها Connecting the Charts

• ایجاد یک تابع رندر Creating a Rendering Function

• اضافه کردن یک ظاهر طراحی و انتقال Adding Styling and Transitions

• اتصال جدول Connecting the Table

• اضافه کردن هیستوگرام Adding the Histogram

• اتمام هیستوگرام Finishing the Histogram

• اضافه کردن طرح های رنگی Adding Color Schemes

• بررسی برنامه Reviewing the Application

تخته شیرجه Diving Board

• طرح بندی های اجباری Force Layouts

• جغرافیا Geography

• پلاگین ها و تصاویر Plugins and Illustrations

• Inkscape و MVC Frameworks Inkscape and MVC Frameworks