آموزش شروع کار با D3

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

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

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

راه اندازی و ایجاد اولین تجسم D3 Setup and Creating Your First D3 Visualization

• مقدمه Introduction

• نسخه ی نمایشی: راه اندازی Demo: Setup

• نحوه تنظیم کتابخانه های D3 How the D3 Libraries are Organized

• نسخه ی نمایشی: نصب ، قسمت دوم Demo: Setup, Part II

• بسته بندی سلام جهان Unpacking Hello World

• نسخه ی نمایشی: درک SVG Demo: Understanding SVG

• اولین تجسم واقعی داده های ما Our First REAL Data Visualization

• نسخه ی نمایشی: داده ها به عنوان حلقه ها Demo: Data as Circles

• دگرگونی Transformation

• نسخه ی نمایشی: داده ها به عنوان حلقه ها ، قسمت دوم Demo: Data as Circles, Part II

• نسخه ی نمایشی: تبدیل به نمودار میله ای Demo: Convert to a Bar Chart

• نسخه ی نمایشی: حلقه های متناسب با منطقه را ترسیم کنید Demo: Draw Area-proportional Circles

• نسخه ی نمایشی: مختصات و تغییرات SVG Demo: SVG Coordinates and Transforms

• مبدأ را تغییر دهید Transform Origin

• نسخه ی نمایشی: مختصات و تغییرات SVG Demo: SVG Coordinates and Transforms

• شروع کار با D3 و Data Getting Started with D3 and Data

• نسخه ی نمایشی: شروع کار با D3 و Data Demo: Getting Started with D3 and Data

• خلاصه Summary

ایجاد نمودار خطی Creating a Line Chart

• مقدمه Introduction

• مقیاس Scale

• Choropleth The Choropleth

• چرا این مهم است Why This Matters

• نمودار خط The Line Chart

• نسخه ی نمایشی: ایجاد نمودار خطی Demo: Creating the Line Chart

• نسخه ی نمایشی: درک SVG نمودار خط ما Demo: Understanding the SVG of Our Line Chart

• نسخه ی نمایشی: نمودار چند خطی Demo: Multi-line Chart

• مقیاس D3-رنگی D3-Scale-Chromatic

• نسخه ی نمایشی: اجرای طرح رنگ دسته بندی Demo: Implementing the Category Color Scheme

• مقیاس های جایگزین Alternate Scales

• نسخه ی نمایشی: مقیاس لگاریتمی Demo: The Logarithmic Scale

• نسخه ی نمایشی: مقیاس های نمایی Demo: Exponential Scales

• خلاصه Summary

نمودار پیچیده تر خط - درون یابی و اصلاحات نمودار A More Sophisticated Line Chart - Interpolation and Chart Refinements

• درون یابی Interpolation

• نمونه گیری Sampling

• درون یابی مرحله ای Step Interpolation

• نسخه ی نمایشی: درون یابی مرحله ای Demo: Step Interpolation

• هموار سازی روان سازی Smoothing Interpolation

• نسخه ی نمایشی: هموار سازی هموار Demo: Smoothing Interpolation

• نسخه ی نمایشی: افسانه ها Demo: Legends

• نسخه ی نمایشی: مهره های داده Demo: Data Beads

• نسخه ی نمایشی: خطوط شبکه Demo: Gridlines

• نسخه ی نمایشی: چرخش خوب و برچسب Demo: Nice and Label Rotation

• خلاصه Summary

اتصال به یک منبع داده Binding to a Data Source

• مقدمه Introduction

• D3 Fetch API The D3 Fetch API

• نسخه ی نمایشی: روش های داده متن محور Demo: Text-oriented Data Methods

• مدل مدیریت داده D3 The D3 Data Management Model

• نسخه ی نمایشی: رفتن به رویکرد داده های پیوسته Demo: Moving to a Joined Data Approach

• خلاصه Summary

تجسم سازی شما بصورت تعاملی Making Your Visualizations Interactive

• مقدمه Introduction

• نسخه ی نمایشی: تایمر D3 Demo: D3-timer

• D3 Data Merge D3 Data Merge

• نسخه ی نمایشی: ادغام داده ها Demo: Data Merge

• D3 بزرگنمایی کنید D3 Zoom

• نسخه ی نمایشی: D3 بزرگنمایی Demo: D3 Zoom

• مرتب سازی و فیلتر کردن Sorting and Filtering

• نسخه ی نمایشی: مرتب سازی و فیلتر کردن Demo: Sorting and Filtering

• خلاصه Summary

تجسم بخشیدن به زندگی Bringing Visualizations to Life

• نسخه ی نمایشی: حلقه های متحرک Demo: Animating Circles

• انتقال Transitions

• نسخه ی نمایشی: موقعیت گذار Demo: Transitioning Position

• سهولت Ease

• نسخه ی نمایشی: سهولت Demo: Ease

• خلاصه Summary

ترتیب داده ها با چیدمان ها Arranging Data with Layouts

• چیدمان ها چیست؟ What Are Layouts?

• طرح نمودار پای A Pie Chart Layout

• نسخه ی نمایشی: طرح نمودار پای Demo: A Pie Chart Layout

• چیدمانهای کارگردانی شده را مجبور کنید Force Directed Layouts

• نسخه ی نمایشی: طرح های اجباری کارگردانی شده Demo: Force Directed Layouts

• تفکرات فراق Parting Thoughts

• خلاصه Summary

کار با داده های جغرافیایی Working with Geographic Data

• مقدمه Introduction

• پیش بینی های نقشه برداری Cartographic Projections

• پیش بینی های املا Orthographic Projections

• پیش بینی های مرکاتور Mercator Projections

• قالب های داده جغرافیایی Geographic Data Formats

• نسخه ی نمایشی: Choropleth Demo: The Choropleth

• نسخه ی نمایشی: گلوب Demo: Globe

• خلاصه Summary

موارد جدید در D3 چیست؟ What’s New in D3?

• نسخه 3 تا 4 Version 3 to 4

• نسخه 4 تا 5 Version 4 to 5