Book Image

Data Visualization with D3 and AngularJS

By : Erik Hanchett, Christoph Körner
Book Image

Data Visualization with D3 and AngularJS

By: Erik Hanchett, Christoph Körner

Overview of this book

Table of Contents (16 chapters)
Data Visualization with D3 and AngularJS
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Setting up an AngularJS application


To get started with this chapter, I assume that you feel comfortable with the main concepts of AngularJS: the application structure, controllers, directives, services, dependency injection, and scopes. I will use these concepts without introducing them in great detail, so if you do not know about one of these topics, first try an intermediate AngularJS tutorial or read the recommended literature in Chapter 1, The Magic of SVG, D3.js, and AngularJS.

Organizing the directory

To begin with, we will create a simple AngularJS boilerplate for the examples and the visualization application. We will use this boilerplate during the development of the sample application throughout the book. Let's create a project root directory that contains the following files and folders:

  • bower_components/: This directory contains all third-party components

  • src/: This directory contains all source files

  • src/app.js: This file contains source of the application

  • src/app.css: CSS layout...