D3 on AngularJS

Create Dynamic Visualizations with AngularJS

Learn how to create dynamic and interactive data visualizations with D3 and AngularJS.

505 readers

100% Happiness guarantee Learn more

Minimum: $19.99

Suggested: $29.99+

Ways to buy

  • Free sample download
  • 505 readers
  • 98% complete
  • Book language: English
  • Updated

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

Visual explanation of Simpson's paradox

How the drought is shrinking California’s reservoirs

About the Authors

The Leanpub Unconditional, No Risk, 100% Happiness Guarantee


Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks. We process the refunds manually, so they may take a few days to show up. See full terms.

If you buy a Leanpub book you get all the updates to the book for free! All books are available in PDF, EPUB (for iPad) and MOBI (for Kindle). There is no DRM. There is no risk, just guaranteed happiness or your money back.

Table of Contents

  • Introduction
    • About the authors
    • About this book
    • Organization of this book
    • Additional resources
    • Conventions used in this book
    • Development environment
  • 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, template, and transclude to modify the behavior of our visualizations

Last updated

This Book is for Sale Through Leanpub

Authors and publishers use Leanpub to publish amazing in-progress and completed books like this one.



Leanpub has a wide selection of in-progress and completed books available to browse, purchase, and enjoy.

Browse the Bookstore


Leanpub is free for authors and publishers to use. We pay authors or publishers 90% royalties minus 50 cents per sale.

Write a Book