Data Visualization with D3 and AngularJS

تجسم‌های پویا و تعاملی را از داده‌های دنیای واقعی با D3 در AngularJS بسازید

درباره این کتاب

• کاوش در قابلیت‌های گرافیک برداری قدرتمند مرورگرهای مدرن برای ساخت تصاویر متقابل پلتفرم سفارشی با استفاده از تکنیک های داده محور D3.js
• یاد بگیرید چگونه یک تجسم را به اجزای قابل استفاده مجدد و قابل آزمایش با استفاده از مفاهیم قدرتمند طراحی برنامه های کاربردی وب مدرن با AngularJS مدولار کنید
• این یک راهنمای یادگیری گام به گام است که بر روی توسعه برنامه‌های تجسم داده‌های پاسخگو و بهترین روش‌های AngularJS با D3.js متمرکز شده است

این کتاب برای چه کسی است

اگر یک توسعه دهنده وب با تجربه در AngularJS هستید و می خواهید تصاویر تعاملی را با استفاده از D3.js پیاده سازی کنید، این کتاب برای شما مناسب است. دانش SVG یا D3.js به شما این امکان را می دهد که از این کتاب بیشترین بهره را ببرید.

آنچه خواهید آموخت

• طراحی، پیاده سازی و ادغام یک کتاب تعاملی داشبورد برای تجسم گزارش‌های سرور در زمان واقعی با استفاده از گرافیک D3
• یادگیری گرافیک‌های برداری متقابل پلت فرم برای پیاده‌سازی تجسم داشبورد
• انجام تبدیل‌های مبتنی بر داده بر روی گره‌های HTML و SVG انتخاب شده
• نقشه، گروه‌بندی و فیلتر کردن مجموعه داده‌ها و ایجاد مقیاس‌ها و محورها
• اطلاعات تجسم داده‌ها را در اجزای قابل استفاده مجدد مدولار کنید تا به طور یکپارچه آنها را در یک برنامه AngularJS ادغام کنید
• بارگیری، تجزیه و تحلیل و داده های خارجی را از قبل پردازش کنید و تجسم را به روز کنید
• انواع نمودارهای مختلف مانند پراکندگی، خط، نوار یا ناحیه را طراحی کنید و شکل های داخلی را گسترش دهید
• انیمیشن ها و انتقال های سفارشی را برای تجسم ایجاد کنید< /li>
• اجرای تعاملات و کنترل‌ها برای تجسم با حفظ اتصال دو طرفه بین اجزای D3 و AngularJS
< /ul>

در جزئیات

با استفاده از D3.js، جعبه ابزار قدرتمند جاوا اسکریپت برای ایجاد گرافیک های برداری بین پلتفرمی، اکنون می توانید عملکرد را با حداکثر سازگاری ترکیب کنید تا تصویرسازی مبتنی بر وب ایجاد کنید و داده ها را ارائه دهید. به روشی تعاملی و راحت ما با ترکیب گرافیک های D3 با چارچوب برنامه های کاربردی وب مورد علاقه خود، AngularJS، به قابلیت استفاده مجدد و آزمایش پذیری درجه یک دست خواهیم یافت.

این کتاب اصول اولیه گرافیک برداری، ادغام D3 و AngularJS را آموزش می دهد و سپس به کنترل می پردازد. ، دستکاری و فیلتر کردن داده ها. شما در مورد تست پذیری کامپوننت ها و نحوه اجرای تعاملات سفارشی، فیلترها و کنترلرها خواهید آموخت. کشف نحوه تجزیه و نقشه برداری داده ها در D3.js. و ترسیم اشکال و منحنی های داخلی D3.js را درک کنید. پس از خواندن چند فصل گذشته، می‌توانید با ویژگی‌های بیشتر D3.js مانند تعاملات، انیمیشن‌ها و انتقال‌ها، به تجسم‌های خود جان بخشید. شما سفر خود را با پیاده‌سازی یک تجزیه‌کننده برای گزارش‌های مختلف برنامه سرور و نمایش آن‌ها در داشبورد تعاملی به سبک Google Analytics به پایان خواهید رساند.

Build dynamic and interactive visualizations from real-world data with D3 on AngularJS

About This Book

• Explore the powerful vector graphics capabilities of modern browsers to build customized cross-platform visualizations using D3.js's data-driven techniques
• Learn how to modularize a visualization into reusable and testable components using the powerful concepts of modern web application design with AngularJS
• This is a step-by-step learning guide closely focused on developing responsive data visualization apps and AngularJS best practices with D3.js

Who This Book Is For

If you are a web developer with experience in AngularJS and want to implement interactive visualizations using D3.js, this book is for you. Knowledge of SVG or D3.js will give you an edge to get the most out of this book.

What You Will Learn

• Design, implement, and integrate an interactive dashboard to visualize server logs in real time using D3 graphics
• Learn cross-platform vector graphics to implement a dashboard visualization
• Perform data-driven transformations on selected HTML and SVG nodes
• Map, group, and filter datasets and create scales and axes
• Modularize data visualization information into reusable components to seamlessly integrate them into an AngularJS application
• Load, parse, and preprocess external data and autoupdate the visualization
• Design various chart types such as scatter, line, bar, or area and extend built-in shapes
• Create custom animations and transitions for the visualization
• Implement interactions and controls for the visualization preserving two-way binding between D3 and AngularJS components

In Detail

Using D3.js, the powerful JavaScript toolkit for creating cross-platform vector graphics, you can now combine performance with maximum compatibility to build a web-based visualization and present data in an interactive and convenient way. We'll reach top-notch reusability and testability by combining D3 graphics with our favorite web application framework, AngularJS.

This book teaches the basics of vector graphics, D3, and AngularJS integration, and then dives into controlling, manipulating, and filtering data. You will learn about the testability of components and how to implement custom interactions, filters, and controllers; discover how to parse and map data in D3.js; and get a grasp on drawing D3.js built-in shapes and curves. After reading the last few chapters, you'll be able to bring life to your visualizations with more features of D3.js such as interactions, animations, and transitions. You will finish your journey by implementing a parser for different server application logs and display them on a Google Analytics style interactive dashboard.