D3 on AngularJS cover page
D3 on AngularJS

D3 on AngularJS

Create Dynamic Visualizations with AngularJS


Learn how to create dynamic and interactive data visualizations with D3 and AngularJS.
D3 on AngularJS Edit
This book is 98% complete

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

Read More

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, template and transclude to modify the behavior of our visualizations

Read More

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