D3.js آموزش برای دانشمندان داده

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

مقدمه Introduction

• خوش آمدی Welcome

• توضیح D3 Explaining D3

• چه چیزی میخواهید بدانید What you need to know

• با استفاده از پرونده های تمرینی Using the exercise files

1. طراوت 1. Refresher

• با یادآوری اصول HTML Recalling HTML basics

• درک HTML5 Understanding HTML5

• معرفی SVG Introducing SVG

• با یادآوری CSS Recalling CSS

• ترکیب Javascript و D3 Combining Javascript and D3

• درک DOM و کنسول Understanding the DOM and the console

2. ساخت نمودار نوار ساده با D3 2. Making a Simple Bar Chart with D3

• مقدمه Introduction

• مقدمه Introduction

• اضافه کردن SVG Adding an SVG

• اضافه کردن مستطیل Adding rectangles

• تنظیم ویژگی برای اشکال Setting attributes for shapes

• دیدن کد نحوه مشاهده مرورگر Seeing the code how the browser sees it

3. شکل های اساسی ، حسن نیت ارائه دهنده SVG 3. Basic Shapes, Courtesy of SVG

• معرفی اشکال SVG Introducing SVG shapes

• حلقه‌ها را ترسیم کنید Drawing circles

• رسم بیضی Drawing ellipses

• خطوط ترسیم Drawing lines

• رد چند ضلعی و پلی اتیلن Rejecting polygons and polylines

• افزودن متن Adding text

4. شکل های پیشرفته ، با D3 و Path 4. Advanced Shapes, with D3 and Path

• معرفی مسیر Introducing path

• توضیح ژنراتورها Explaining generators

• ترسیم نمودار منطقه Drawing an area chart

• یافتن ژنراتورهای دیگر Finding other generators

• معرفی گروه ها Introducing groups

5- مقیاس ها و محورها 5. Scales and Axes

• معرفی مقیاس Introducing scales

• ایجاد مقیاس خطی Creating a linear scale

• ایجاد یک محور خطی Creating a linear axis

• موقعیت و قالب بندی محور ما Positioning and formatting our axis

• ایجاد مقیاس زمانی Creating a time scale

• ایجاد یک محور سری زمانی Creating a time series axis

• ایجاد مقیاس و محور معمولی Creating an ordinal scale and axis

• با استفاده از مقیاس های رنگی Using colour scales

• معرفی مقیاسهای دیگر Introducing other scales

6. وارد کردن داده ها به D3 6. Importing Data into D3

• معرفی داده های خارجی Introducing external data

• تجزیه پرونده CSV Parsing a CSV file

• ترسیم نمودار خطی از داده های CSV Drawing a line chart from CSV data

• با استفاده از TSV و DSV Using TSV and DSV

• تجزیه JSON Parsing JSON

• تجزیه و نگاشت XML Parsing and mapping XML

• تجزیه یک فایل TEXT Parsing a TXT file

• تجزیه HTML Parsing HTML

• معرفی سایر روشهای داده Introducing other data methods

7. گرافیک های اضافی با چیدمان D3 7. Additional Graphics with D3 Layout

• معرفی طرح Introducing layout

• ساخت درخت از JSON Making a tree from JSON

• ساخت یک کارخانه Voronoi Making a Voronoi tessellation

• معرفی طرح های دیگر Introducing other layouts

8. آماده سازی داده های شما برای گرافیک پیشرفته 8. Preparing Your Data for Advanced Graphics

• دستکاری داده Data manipulation

• داده های پشته را با استفاده از نقشه آماده کنید Prepare stack data using map

• ترسیم نمودار سطح پشته Drawing a stack area chart

• پیشبرد انتخاب ها Advancing selections

• داده های مسطح چند بعدی را ایجاد کنید Make flat data multidimensional

• فیلتر کردن داده ها Filtering data

9. تعامل 9. Interactivity

• معرفی تعامل Introducing interaction

• گرافیک خود را پاسخگو Making your graphic responsive

• افزودن تعامل با CSS Adding interactivity with CSS

• افزودن تعامل با JavaScript Adding interactivity with JavaScript

• معرفی اعزام Introducing dispatch

• انتقال Transitions

• کشیدن و بزرگنمایی Dragging and zooming

10. چیدن گرافیک مناسب 10. Picking the Right Graphic

• گرفتن داده های گرافیکی مناسب برای داده های خود Picking the right graphic for your data

• سری زمانی Time series

• متن Text

• سلسله مراتب Hierarchy

• جغرافیا Geography

• توزیع Distribution

• دیگر Other

نتیجه Conclusion

• منابع بیشتر Further resources

• یافتن پلاگین ها Finding plugins

• با استفاده از مرجع API Using the API reference

• استفاده از D3 با سایر کتابخانه ها Using D3 with other libraries

• خلاصه Summary