title: Looking to implement a timeline package in Angular 6
body: <p>Using <code>npm install</code> in my Angular 6 project, I've installed this package: <a href="https://www.npmjs.com/package/d3-timelines" rel="nofollow noreferrer">https://www.npmjs.com/package/d3-timelines</a> </p>
  
  <p>Problem is I don't understand how to import it into my Angular component.</p>
  
  <p>We do have other <code>d3</code> imports already, so I'm just trying to play with this particular package.</p>
  
  <p>Here's what we have :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Component, ViewEncapsulation, OnInit, AfterViewInit } from '@angular/core';
  
  import * as d3 from 'd3-selection';
  import * as d3Scale from 'd3-scale';
  import * as d3Shape from 'd3-shape';
  import * as d3Array from 'd3-array';
  import * as d3Axis from 'd3-axis';
  import * as d3TimeFormat from 'd3-time-format';
  import * as d3Timeline from 'd3-timelines';
  import { ViewChild } from '@angular/core';
  
  
  @Component({
      selector: 'app-timeline',
      encapsulation: ViewEncapsulation.None,
      templateUrl: './timeline.component.html',
      styleUrls: ['./timeline.component.scss']
  })
  export class TimelineComponent implements AfterViewInit {
  
      title = 'Time Line';
      
      ngAfterViewInit() {    
         this.timelineCircle();
      }
      
        timelineCircle() {
          let width = 500; 
          var testData = [
              {times: [{"starting_time": 1355752800000, "ending_time": 1355759900000}, {"starting_time": 1355767900000, "ending_time": 1355774400000}]},
              {times: [{"starting_time": 1355759910000, "ending_time": 1355761900000}, ]},
              {times: [{"starting_time": 1355761910000, "ending_time": 1355763910000}]}
            ];
            var chart = d3Timeline.timeline();
        }
  
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>The browser error I get is :</p>
  
  <pre><code> ERROR TypeError: d3_timelines__WEBPACK_IMPORTED_MODULE_6__.timeline is not a function
  </code></pre>
  
  <p>I'm just not sure the proper way to import this package and use it within my component.</p>
  
  <p>Advice is appreciated...</p>