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

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

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

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

راه اندازی اولین تجسم D3 Setting up Your First D3 Visualization

• معرفی Introduction

• نسخه ی نمایشی: راه اندازی با D3 Demo: Getting Set up with D3

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

• باز کردن بسته Hello World Unpacking Hello World

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

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

• دگرگونی Transformation

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

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

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

• SVG مختصات و تبدیل SVG Coordinates and Transforms

• تبدیل مبدا Transform Origins

• نسخه ی نمایشی: SVG مختصات و تبدیل Demo: SVG Coordinates and Transforms

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

• خلاصه Summary

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

• مقیاس Scale

• Choropleth The Choropleth

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

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

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

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

• نسخه ی نمایشی: D3-scale-chromatic Demo: D3-scale-chromatic

• ترازوهای جایگزین Alternate Scales

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

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

• خلاصه Summary

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

• درون یابی Interpolation

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

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

• هموارسازی درون یابی ها Smoothing Interpolations

• نسخه ی نمایشی: هموارسازی درون یابی ها Demo: Smoothing Interpolations

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

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

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

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

• خلاصه Summary

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

• معرفی Introduction

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

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

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

• خلاصه Summary

تعاملی کردن تجسم های خود Making Your Visualizations Interactive

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

• نسخه ی نمایشی: ادغام داده ها() Demo: Data merge()

• زوم D3 D3 Zoom

• نسخه ی نمایشی: زوم D3 Demo: D3 Zoom

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

• خلاصه Summary

زنده کردن تجسم ها Bringing Visualizations to Life

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

• انتقال ها Transitions

• نسخه ی نمایشی: موقعیت در حال انتقال Demo: Transitioning Position

• تسهیل Easing

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

• خلاصه Summary

ترتیب داده ها با Layouts Arranging Data with Layouts

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

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

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

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

• خلاصه Summary

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

• پیش بینی های نقشه کشی Cartographic Projections

• فرمت های داده های جغرافیایی Geographic Data Formats

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

• خلاصه دوره Course Summary