D3 on AngularJS

Create Dynamic Visualizations with AngularJS

Learn how to create dynamic visualizations with D3 and combine it with the power of AngularJS to rapidly create dynamic visualizations with the two most powerful JavaScript frameworks available today.

308 readers

D3 on AngularJS

100% Happiness guarantee Learn more

Buy Now

Minimum: $19.99

Suggested: $29.99+

Ways to buy

- Includes three convenient formats
  - PDF (for Mac or PC)
  - EPUB (for iPad, iPhone, Android, and other ebook readers)
  - MOBI (for Kindle)
Buy Now
Minimum: $19.99

Suggested: $29.99+

100% Happiness guarantee

About the Book

D3 is a dynamic library that's powers many data visualizations on the web today. It's simplicity and elegance of creating visualizations create a fantastic environment for creating visual representations of data. Combine that with AngularJS, an incredibly powerful framework for rapidly creating web applications and there's no stopping you.

This book combines teaching D3 from an introductory level, walking through the major concepts of D3 through combining it with AngularJS the best web stack available today.

The book covers an introdution to D3, covering major components of D3 and how to integrate it the right way with AngularJS.

This book is NOT intended on teaching Angular, but how to properly integrate Angular and D3 together. If you're looking to learn Angular, https://www.ng-book.com/ will teach you everything you need to know about Angular (and more).

About the Authors

Ari Lerner @auser

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 @vicapow

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.

Follow him on Github: @vicapow or Twitter: @vicapow

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.

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
- Common Gotcha:
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
Polylinear 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