D3 on AngularJS
This book is 98% complete
Last updated on 2014-06-06
About the Book
D3 is a powerful library for creating data visualizations for the web. With it, you can create compelling visual presentations of your data while writing relatively little code.
In combination with AngularJS, the two can be used to create highly sophiticated, dynamic and interactive data visualizations.
The book covers an introdution to D3, addressing its major concepts and features, as well as how to integrate D3 with AngularJS to make resuable, configurable, and dynamic visualizations. An emphasis is placed on screenshots and live code examples linked to from within the text.
But don't just take our word for it. Have a look at some of the examples the authors have created utilizing the combination of D3 and AngularJS.
Visual explanation of conditional probability
Visual walk through of Euclid's proof of the Pythagorean theorem
About the Authors
Table of Contents
-
Introduction
- About the authors
- About this book
- Organization of this book
- Additional resources
- Conventions used in this book
- Development environment
- Spelling & grammar contributions
-
Introducing D3. A simple example
- What is it?
- ‘Hello World’ D3 style
-
Selections and data binding
- Selections
- Selector methods
- Data binding
-
.enter()method - exit()
- General update pattern
-
SVG basics
- Scalable Vector Graphics
- Getting started
- SVG coordinates
- SVG and D3
-
Array helpers
- Accessing and manipulating simple arrays
- Associative array helpers
- Maps
- Sets
- Nests
- Applying our knowledge
- Scales
- Axes
- Animation and interaction
- Data Parsing and Formatting
- What next?
-
Intro to Angular
- About Angular
- Hello Angular!
-
Directives for reusable visualizations
- Understanding directives
- Creating a directive
- A donut chart directive
- Isolate scope
-
Dynamic visualizations
- Two-way data binding
-
Making visualizations dynamic with
$watch
-
Getting data into and out of directives
- The D3 way
- The Angular way
- Updating the scope from within a directive
-
Best practices for creating reusable visualizations
- Accessor functions
- Responsive directives
- Services
- Built-in directives
-
Using
replace,templateandtranscludeto modify the behavior of our visualizations
The Leanpub 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms...
