Data Visualization with D3 and AngularJS

More Information
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
About

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.

Features
  • 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
Page Count 278
Course Length 8 hours 20 minutes
ISBN 9781784398484
Date Of Publication 26 Apr 2015

Authors

Christoph Körner

Christoph currently works as a Big Data, Advanced Analytics, and Artificial Intelligence Consultant at Microsoft in Dublin where he helps his clients architecting, building and optimizing Big Data and Data Science platforms in the cloud. Previously, he was the Big Data Technical Lead at T-Mobile Austria where he designed, implemented and operated large scale data, analytics and prediction pipelines on Hadoop. He also authored the 3 books: Deep Learning in the Browser (for Bleeding Edge Press), Learning Responsive Data Visualization and Data Visualization with D3 and AngularJS (both for Packt).