دوره آموزشی یادگیری تجسم داده ها با D3.js
2 ساعت 5 دقیقهمتوسط2017-05-25
مدرسین

Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
جزئیات دوره
ایجاد تصاویر و اینفوگرافیک های مبتنی بر داده که بر روی چندین دستگاه به صورت پاسخگو اجرا می شوند، یک چالش سخت است. کتابخانه D3.js با سادهتر کردن تجزیه دادههای شما و افزودن تعامل معنادار، تجسم را متحول کرده است. شما می توانید با استفاده از D3، کمی HTML، CSS و جاوا اسکریپت و برخی گرافیک های SVG به داده های خود جان بخشید. در این دوره، Ray Villalobos، نویسنده ارشد کارکنان، چگونگی کارکرد کتابخانه D3 را بررسی میکند، و چگونه میتوانید از آن برای تجزیه دادهها از منابع مختلف و ایجاد اینفوگرافیکها و تصاویر بصری هیجانانگیز تعاملی استفاده کنید. او قبل از شروع کار با گرافیک SVG، یک انتخاب برتر برای گرافیک در تجسم های D3، اصول اولیه را بررسی می کند - کنترل HTML با انتخاب های jQuery-esque و اصلاح ویژگی ها از طریق CSS. او همچنین کار با روشهای D3 مانند مقیاسبندی، رویدادها، انتقالها و انیمیشنها و همچنین نحوه کار با دادهها، از جمله اتصال به منابع داده خارجی را پوشش میدهد.
اهداف یادگیری
D3.js چیست؟
کنترل HTML در انتخاب ها
اتصال داده به DOM
طراحی گرافیک SVG با D3
استفاده از مقیاس های ترتیبی
افزودن رویدادها و انتقال ها
کار با داده ها
اهداف یادگیری
D3.js چیست؟
کنترل HTML در انتخاب ها
اتصال داده به DOM
طراحی گرافیک SVG با D3
استفاده از مقیاس های ترتیبی
افزودن رویدادها و انتقال ها
کار با داده ها
مهارت ها
D3.jsData VisualizationFront-End Web DevelopmentLearningWeb DevelopmentData ScienceBusiness Analysis and StrategyBusiness Software and ToolsOpen Source
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
- 03 - استفاده از تمرینات این دوره
1. شروع به کار
- 04 - D3 چیست
- 05 - استفاده از انتخابهای D3
- 06 - کنترل HTML در انتخاب ها
- 07 - اصلاح ویژگیها از طریق CSS
- 08 - اتصال دادهها به DOM
- 09 - ایجاد زیرمجموعه
2. درک گرافیک SVG
- 10 - طراحی با SVG
- 11 - درک SVG اولیه
- 12 - ترسیم گرافیک SVG با D3
- 13 - ایجاد نمودار میله ای SVG ساده
3. استفاده از روشهای D3
- 14 - افزودن مقیاس خطی
- 15 - استفاده از مقیاسهای ترتیبی
- 16 - ایجاد مقیاسهای رنگی معنی دار
- 17 - اضافه کردن رویدادها
- 18 - استفاده از انتقال و انیمیشن
- 19 - اضافه کردن راهنمای ابزار
4. استفاده از داده
- 20 - استفاده از دادههای خارجی
- 21 - استفاده از رنگهای معنی دار
- 22 - افزودن یک راهنمای ساده
- 23 - ایجاد حاشیه
- 24 - افزودن یک راهنمای مبتنی بر زمان
نتیجه
- 25 - مراحل بعدی