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

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

اصول اولیه The Basics

• مقدمه Introduction

• ریشه های D3 D3 Origins

• اشیا S SVG SVG Objects

• DEMO: شکل های ترسیم DEMO: Drawing Shapes

• اصول D3 D3 Principles

• DEMO: طراحی با داده DEMO: Drawing with Data

• خلاصه Summary

نمودار اساسی Basic Charting

• مقدمه Introduction

• DEMO: ساخت نمودار میله ای DEMO: Building a Bar Chart

• DEMO: رنگ آمیزی نمودار میله ای شما DEMO: Coloring Your Bar Chart

• DEMO: افزودن برچسب ها DEMO: Adding Labels

• DEMO: ساخت یک نمودار خطی DEMO: Building a Line Chart

• DEMO: ساخت یک طرح پراکنده DEMO: Building a Scatter Plot

• خلاصه Summary

کار با داده قسمت 1 - منابع داده خارجی Working with Data Part 1 - External Data Sources

• مقدمه Introduction

• منابع داده خارجی External Data Sources

• DEMO: کار با داده های CSV DEMO: Working with CSV Data

• DEMO: کار با داده های JSON DEMO: Working with JSON Data

• خلاصه Summary

کار با Data Part 2 - دریافت داده از API های وب Working with Data Part 2 - Getting Data from Web APIs

• مقدمه Introduction

• Web API Overview Web API Overview

• DEMO: فراخوانی Web API برای داده DEMO: Calling a Web API for Data

• DEMO: رمزگشایی داده ها DEMO: Decoding Data

• API های داده عمومی Public Data APIs

• خلاصه Summary

تقویت ویز قسمت 1 - مقیاس و محور Enhancing Your Viz Part 1 - Scales and Axis

• مقدمه Introduction

• بررسی مقیاس بندی Scaling Overview

• DEMO: مقیاس گذاری داده ها DEMO: Scaling Data

• بررسی اجمالی محور Axis Overview

• DEMO: افزودن محور به نمودارها DEMO: Adding Axis to Charts

• خلاصه Summary

تقویت Viz Part 2 - تعامل Enhancing Your Viz Part 2 - Interactivity

• مقدمه Introduction

• DEMO: افزودن فیلتر DEMO: Adding a Filter

• DEMO: متحرک سازی DEMO: Animating Transitions

• DEMO: افزودن نکات راهنما DEMO: Adding Tooltips

• خلاصه Summary

نقشه برداری Mapping

• مقدمه Introduction

• GeoJSON GeoJSON

• DEMO: ترسیم نقشه ها DEMO: Drawing Maps

• DEMO: افزودن رنگ DEMO: Adding Color

• DEMO: افزودن امتیاز DEMO: Adding Points

• خلاصه Summary

جمع کردن همه با هم Pulling It All Together

• مقدمه Introduction

• طراحی داشبورد Dashboard Design

• DEMO: ساخت داشبورد DEMO: Building a Dashboard

• خلاصه Summary