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

جزئیات دوره

تجسم های خود را فراتر از نمودارهای خسته کننده ببرید. D3.js شما را قادر می‌سازد تا نقشه‌های فضایی، نمودارهای درختی، نمودارهای پشته‌ای و موارد دیگر را با یک مرورگر وب و چند خط کد ایجاد کنید. چیزی برای همه در علم داده وجود دارد: آماردانان، دانشمندان، ریاضیدانان و تحلیلگران. D3.js Essential Training for Data Scientists کلیدهای این رویکرد همه کاره را باز می کند. با مشاور داده اما ساندرز همراه باشید زیرا او نحوه ساخت تصاویر زیبا و تعاملی داده با D3 را نشان می دهد.

با مروری بر HTML، CSS و جاوا اسکریپت شروع کنید—برخی از مهارت های کدنویسی اولیه که برای استفاده از کتابخانه D3 نیاز دارید. سپس یاد بگیرید که چگونه یک نمودار میله ای ساده بسازید و شکل ها و متن های اولیه را ایجاد کنید. Emma همچنین تابع مسیر و قدرت ژنراتورها را برای ترسیم اشکال پیچیده تر معرفی می کند. سپس دریابید که چگونه فایل‌های JSON، XML و CSV را برای ایجاد گرافیک‌های پیچیده‌تر مانند نمودارهای درختی و Voronoi وارد کنید و داده‌های خود را برای گرافیک‌های پیشرفته با استفاده از توابع نقشه، پشته و آشیانه دستکاری کنید. این دوره با نکاتی برای افزودن تعامل و انتخاب گرافیک مناسب برای داده های شما به پایان می رسد.

اهداف یادگیری
بررسی اصول اولیه HTML، CSS و جاوا اسکریپت
ساخت نمودار میله ای ساده با D3
آشنایی با گرافیک SVG
رسم اشکال اولیه
اضافه کردن متن
استفاده از ژنراتورها و عنصر مسیر
ایجاد مقیاس و محور
وارد کردن داده ها به D3
ایجاد درختان و درختان ورونوی
آماده سازی داده های خود برای گرافیک های پیشرفته
افزودن تعامل و انتقال
انتخاب گرافیک مناسب
پیدا کردن پلاگین های D3.js

سرفصل ها

0. مقدمه

01 - خوش آمدید
02 - توضیح D3
03 - آنچه باید بدانید
04 - استفاده از فایل‌های تمرین

1. تجدید کننده

05 - مقدمه
06 - یادآوری اصول اولیه HTML
07 - درک HTML5
08 - معرفی SVG
09 - فراخوانی CSS
10 - ترکیب جاوا اسکریپت و D3
11 - شناخت DOM و کنسول

2. ساختن نمودار میله ای ساده با D3

12 - مقدمه
13 - اضافه کردن SVG
14 - اضافه کردن مستطیل
15 - تنظیم ویژگی برای اشکال
16 - دیدن کد چگونه مرورگر آن را می‌بیند

3. شکل‌های اساسی، با حسن نیت از SVG

17 - معرفی اشکال SVG
18 - رسم دایره
19 - کشیدن بیضی
20 - خط کشی
21 - رد چند ضلعی و چند خطی
22 - افزودن متن

4. شکل‌های پیشرفته، با D3 و مسیر

23 - معرفی مسیر
24 - توضیح ژنراتورها
25 - رسم نمودار مساحت
26 - یافتن مولدهای دیگر
27 - معرفی گروه ها

5. ترازو و تبر

28 - معرفي ترازو
29 - ایجاد مقیاس خطی
30 - ایجاد یک محور خطی
31 - تعیین موقعیت و قالب‌بندی محور ما
32 - ایجاد مقیاس زمانی
33 - ایجاد محور سری زمانی
34 - ایجاد مقیاس و محور ترتیبی
35 - استفاده از مقیاس‌های رنگی
36 - معرفي ترازوهاي ديگر

6. وارد کردن داده‌ها به D3

37 - معرفی داده‌های خارجی
38 - تجزیه یک فایل CSV
39 - رسم نمودار خطی از داده‌های CSV
40 - استفاده از TSV و DSV
41 - تجزیه JSON
42 - تجزیه و نگاشت XML
43 - تجزیه یک فایل TXT
44 - تجزیه HTML
45 - معرفی سایر روشهای داده

7. گرافیک اضافی با طرح بندی D3

46 - معرفی چیدمان
47 - ساخت درخت از JSON
48 - ساختن تسلیت ورونوی
49 - معرفی دیگر چیدمان ها

8. آماده سازی داده‌های خود برای گرافیک‌های پیشرفته

50 - دستکاری داده ها
51 - داده‌های پشته را با استفاده از نقشه آماده کنید
52 - رسم نمودار مساحت پشته
53 - پیشبرد انتخاب ها
54 - داده‌های تخت را چند بعدی کنید
55 - فیلتر کردن داده ها

9. تعامل

56 - معرفی تعامل
57 - پاسخگو کردن گرافیک شما
58 - افزودن تعامل با CSS
59 - افزودن تعامل با جاوا اسکریپت
60 - معرفی اعزام
61 - انتقال
62 - کشیدن و زوم کردن

10. انتخاب گرافیک مناسب

63 - انتخاب گرافیک مناسب برای داده‌های خود
64 - سری زمانی
65 - متن
66 - سلسله مراتب
67 - جغرافیا
68 - توزیع
69 - دیگر

نتیجه

70 - منابع بیشتر
71 - یافتن افزونه ها
72 - استفاده از مرجع API
73 - استفاده از D3 با کتابخانه‌های دیگر
74 - خلاصه