d3-timeline | Project management charts using your data | Data Visualization library

Using npm install in my Angular 6 project, I've installed this package: https://www.npmjs.com/package/d3-timelines

Problem is I don't understand how to import it into my Angular component.

We do have other d3 imports already, so I'm just trying to play with this particular package.

Here's what we have :

I'm trying to build a d3 v4 plugin following https://bost.ocks.org/mike/d3-plugin/ - the ultimate goal is to be able npm install the plugin and use it in an Angular 2/4 component.

My repo is here:

https://github.com/denisemauldin/d3-timeline

Examples:

https://denisemauldin.github.io/d3-timeline/examples/example.html

I'm running into issues trying to include other d3 requirements. The above doesn't include examples of how to use other d3 components. I need to use d3.timeFormat, d3.timeHour, d3.scaleOrdinal, d3.schemeCategory, d3.mouse, d3.select, d3.axisTop, d3.axisBottom, and d3.scaleLinear.

These come from d3-axis, d3-scale, d3-selection, d3-time, and d3-time-format. I've attempted a couple of different ways:

1) Including them in the index.js as imports