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
-
Feedback
Share this book
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
About the Authors
Ari Lerner is a Founder of FullStack, a full-stack engineering and development shop that works with all parts of the stack. He enjoys all parts of the development ecosystem, from infrastructure deployment through to front-end application development and optimization. He co-manages defnewsletter.com and ng-newsletter.com. He lives in the sunny part of San Francisco.
Follow him on Github: @auser or Twitter: @auser
Victor Powell is a freelance data visualization developer. Prior to freelance, Victor built data visualization tools with YinzCam, Inc. used by NFL, NHL, and NBA sports teams. In his free time, Victor enjoys finding ways to explaining unintuitive or complex mathematical concepts visually. Victor also guest instructs at Hack Reactor.