title: d3 with angular2 with angular-cli 1.0.0-beta.17
body: <p>I'm having issues using D3 with my angular2 project. I keep getting errors such as 'time is not defined' or 'time is not a property of typeof D3'. </p>
  
  <p>I installed d3 via npm and installed the typings for it: <code>npm install d3 --save</code>. 
  In my component I have <code>import * as d3 from 'd3';</code> and it's able to find the library fine. </p>
  
  <p>I have tried adding 
     <code>"addons": [{ "d3" : "vendor/d3/build/d3.js"}], packages": [{ "d3" : "vendor/d3/build/d3.js"}],</code>
  in the angular-cli.json. Neither work.</p>
  
  <p>package.json includes the following dev dependencies: <br><br> 
      <code>"devDependencies": {
      "@types/d3-array": "^1.0.5",
      "@types/d3-axis": "^1.0.5",
      "@types/d3-brush": "^1.0.5",
      "@types/d3-chord": "^1.0.4",
      "@types/d3-collection": "^1.0.4",
      "@types/d3-color": "^1.0.4",
      "@types/d3-dispatch": "^1.0.4",
      "@types/d3-drag": "^1.0.5",
      "@types/d3-dsv": "^1.0.29",
      "@types/d3-ease": "^1.0.4",
      "@types/d3-force": "^1.0.5",
      "@types/d3-format": "^1.0.5",
      "@types/d3-geo": "^1.2.3",
      "@types/d3-hierarchy": "^1.0.4",
      "@types/d3-hsv": "0.0.3",
      "@types/d3-interpolate": "^1.1.5",
      "@types/d3-path": "^1.0.4",
      "@types/d3-polygon": "^1.0.4",
      "@types/d3-quadtree": "^1.0.4",
      "@types/d3-queue": "^3.0.4",
      "@types/d3-random": "^1.0.5",
      "@types/d3-request": "^1.0.1",
      "@types/d3-scale": "^1.0.4",
      "@types/d3-scale-chromatic": "^1.0.1",
      "@types/d3-selection": "^1.0.5",
      "@types/d3-selection-multi": "^1.0.3",
      "@types/d3-shape": "^1.0.5",
      "@types/d3-time": "^1.0.4",
      "@types/d3-time-format": "^2.0.4",
      "@types/d3-timer": "^1.0.5",
      "@types/d3-transition": "^1.0.5",
      "@types/d3-voronoi": "^1.0.4",
      "@types/d3-zoom": "^1.0.5",
      "@types/jasmine": "^2.2.30",
      "@types/node": "^6.0.42",</code></p>
  
  <p>dependencies: <br><br>
      <code>"@types/d3": "^4.2.38", "d3": "^4.3.0",</code></p>
  
  <p>I'm using this example: <a href="http://codepen.io/stefanjudis/pen/gkHwJ" rel="nofollow noreferrer">http://codepen.io/stefanjudis/pen/gkHwJ</a> in my app. What am I doing wrong? Thanks</p>