مصور سازی داده ها بوسیله D3.js

بیاموزید که چگونه از d3.js برای ایجاد گرافیک و اسناد محور داده استفاده کنید. راهنمای مبتدیان برای شروع کار با D3

عنوان اصلی : Data Visualize Data with D3.js The Easy Way

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

مقدمه:
خواندن مستندات D3
نحوه دسترسی به پرونده های کاری خود
ملزومات جاوا اسکریپت:
مرور آرایه ها و اشیاء
با استفاده از روش های آرایه نقشه و فیلتر
با استفاده از توابع ویژه آرایه D3
ایجاد یک نمودار نوار ساده:
ایجاد عنصر SVG به صورت برنامه ای
ایجاد میله از داده ها
داده های مقیاس گذاری
یک ظاهر طراحی شده با CSS
اضافه کردن متن به نمودار
افزودن انعطاف پذیری با عملکرد نمودار
با استفاده از گروه های SVG
ایجاد یک نمودار نوار پیچیده:
کار با آرایه های اشیاء
ایجاد یک مقیاس نظم
تنظیم رنگ با مقیاس رنگ
اضافه کردن محورهای x و y
چرخش محورها
اضافه کردن خطوط
چرخش متن محور x
اضافه کردن برچسب های محور
به روزرسانی عملکرد طرح با بهترین شیوه ها
ساخت نمودار تعاملی:
اضافه کردن یک دکمه مرتب سازی به صفحه وب
مرتب سازی داده ها
به روزرسانی نمودار با تغییر در داده ها
به روزرسانی محورها با تغییر در داده ها
تغییرات انیمیشن در داده ها
پاسخ به سایر رویدادهای ماوس
ایجاد نمودار خط:
کار با خرما
ترسیم داده های زمان
قالب بندی یک محور مقیاس زمانی
ترسیم یک مسیر
سایه زنی از نمودار
کاوش در گزینه های مسیر و یک ظاهر طراحی شده
ایجاد یک طرح پراکندگی:
نمای کلی ScatterPlot
بررسی داده ها
ترسیم داده ها
به طور خلاقانه نقاط داده را مقیاس بندی می کند
گروهی از نقاط داده
اضافه کردن محور y و خطوط شبکه
اضافه کردن محور و شبکه های X
یک ظاهر طراحی شده در دسته بندی داده ها
اضافه کردن تعامل - جزئیات داده
اضافه کردن تعامل - کلید و برچسب های نمودار
بارگیری داده های CSV خارجی
نتیجه گیری:
0801 بسته بندی