<div>
<div class="content wysiwyg-content">
In an Angular 2 app, I need to create a graph using D3.js.<br />
<br />
In order to get the D3 JS files, I did a &quot;npm install d3&quot;. however, it created lots of folders inside node_modules. I am not able to make out which ones to use.<br />
<br />
In the past (in an Ext JS application), I have just included d3.js in the script tag and that made 'd3' available for me to use.<br />
<br />
Is that not the case when using node modules? What is the best way to use d3 with angular 2?
</div>
</div>


In an Angular 2 app, I need to create a graph using D3.js.

In order to get the D3 JS files, I did a "npm install d3". however, it created lots of folders inside node_modules. I am not able to make out which ones to use.

In the past (in an Ext JS application), I have just included d3.js in the script tag and that made 'd3' available for me to use.

Is that not the case when using node modules? What is the best way to use d3 with angular 2?

Using d3.js in Angular 2 App

D3.js

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.