diff --git a/public/app/index.html b/public/app/index.html
index 592ae523..91f3b883 100644
--- a/public/app/index.html
+++ b/public/app/index.html
@@ -11,6 +11,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link type="text/css" rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css">
   <link type="text/css" rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css">
+  <link type="text/css" rel="stylesheet" href="bower_components/nvd3/nv.d3.min.css">
   <link type="text/css" rel="stylesheet" href="css/app.css"/>
   <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
 </head>
@@ -29,6 +30,9 @@
   -->
   <script src="bower_components/angular/angular.js"></script>
   <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
+  <script src="bower_components/d3/d3.min.js"></script>
+  <script src="bower_components/nvd3/nv.d3.min.js"></script>
+  <script src="bower_components/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.min.js"></script>
 
   <!-- APP -->
   <script src="js/app.js"></script>
diff --git a/public/app/js/app.js b/public/app/js/app.js
index fba25d03..9898f657 100644
--- a/public/app/js/app.js
+++ b/public/app/js/app.js
@@ -1 +1,2 @@
-var app = angular.module('app', ['ui.router']);
+var app = angular.module( 'app', [ 'ui.router',
+				   'legendDirectives' ] );
diff --git a/public/bower.json b/public/bower.json
index 8ccb73c0..6d420684 100644
--- a/public/bower.json
+++ b/public/bower.json
@@ -6,9 +6,10 @@
   "license": "MIT",
   "dependencies": {
     "angular": "latest",
-    "angular-ui-router": "~0.2.10",
-    "angular-loader": "1.2.x",
-    "angular-mocks": "~1.2.x",
-    "html5-boilerplate": "~4.3.0"
+      "angular-ui-router": "latest",
+      "angular-loader": "latest",
+      "angular-mocks": "latest",
+      "html5-boilerplate": "latest",
+      "angularjs-nvd3-directives": "latest"
   }
 }