Veze, linkovi
Kompjuter biblioteka
Data Visualization with D3 and AngularJS

Web design Web design

Data Visualization with D3 and AngularJS

Autor: Christoph Körner
Broj strana: 278
ISBN broj: 9781784398484
Godina izdanja: 2015.

Twitter   Facebook   Linkedin   Pinterest   Email
Predlog za prevod


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.


Christoph Körner

Christoph Körner is the CTO of GESIM, a Swiss startup company, where he is responsible for its simulation software and web interface that is built using AngularJS and D3. He studied electrical engineering and information technology at Vienna University of Technology, including a 1-year exchange program at the Swiss Federal Institute of Technology, Lausanne.

Christoph is a passionate, self-taught software developer, coworker, and web enthusiast with more than 7 years of experience in designing, developing, and implementing customer-oriented web-based IT solutions. He has always been enthusiastic and curious about new technologies and started to use AngularJS and D3 since the very first version. Christoph is not only fascinated by technology, but he also aims to push cutting-edge technologies to production services.

Table of Contents

Chapter 1: The Magic of SVG, D3.js, and AngularJS
Chapter 2: Getting Started with D3.js
Chapter 3: Manipulating Data
Chapter 4: Building a Chart Directive
Chapter 5: Loading and Parsing Data
Chapter 6: Drawing Curves and Shapes
Chapter 7: Controlling Transitions and Animations
Chapter 8: Bringing the Chart to Life with Interactions
Chapter 9: Building a Real-time Visualization to Monitor Server Logs


Budite prvi koji će ostaviti komentar.

Ostavite komentar Ostavite komentar



D3.js By Example

D3.js By Example

Scala Design Patterns

Scala Design Patterns

Veze, linkovi
Linkedin Twitter Facebook
© Sva prava pridržana, Kompjuter biblioteka, Beograd, Obalskih radnika 4a, Telefon: +381 11 252 0 272