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...