title: 'scale' and 'svg' does not exist in "node_modules/@types/d3/index"
body: <p>I am trying to create a bar graph using Angular 2 and D3 JS, below are NPM packages I added:</p>
  
  <pre><code>"d3": "4.4.0",
  "d3-tip": "0.7.1",
  "@types/d3": "^4.3.0",
  </code></pre>
  
  <p>Below typescript file gave error while compiling:</p>
  
  <pre><code>import { Component, ElementRef, ViewEncapsulation } from '@angular/core';
  import * as d3 from 'd3';
  
  @Component({
    selector: 'simple-bar-chart',
    template: require('./about.component.html'),
    styles: [require('./about.component.css').toString()]
  })
  
  export class AboutComponent {
  constructor(public elementRef: ElementRef) {
  }
  
  ngOnInit() {
      var y = d3.scale.linear()
          .domain([0, 1])
          .range([height, 0]);
  
      var xAxis = d3.svg.axis()
          .scale(x0)
          .orient("bottom");
  </code></pre>
  
  <p>Errors are:</p>
  
  <pre><code>ERROR in ./angular2App/app/components/about/about.component.ts
  (34,21): error TS2339: Property 'scale' does not exist on type 'typeof "App_path/node_modules/@types/d3/index"'.
  
  ERROR in ./angular2App/app/components/about/about.component.ts
  (44,24): error TS2339: Property 'svg' does not exist on type 'typeof "App_path/node_modules/@types/d3/index"'.
  </code></pre>