D3.js with Angular Examples

This project shows how to integrate D3.js with Angular.

It was generated with Angular CLI version 6.0.8.

We'll implement a few D3.js examples described in bl.ocks.org in Angular.

Examples Summary

• Line Chart 4.0
• Multi-Series Line Chart
• Bar Chart
• Stacked Bar Chart
• Brush & Zoom
• Pie Chart
• Donut Chart

Prerequisites

To follow these examples you need to install Node.js and npm if they are not already installed on your computer.

Verify that you are running at least node v6.x.x and npm 3.x.x by running node -v and npm -v in a terminal / console window. Older versions may produce errors.

Steps

• Clone this repo into a new project folder.

$ git clone https://github.com/datencia/d3js-angular-examples.git
$ cd d3js-angular-examples

• Install the npm packages described in the package.json:

$ npm install

• Run ng serve for a dev server. Navigate to http://localhost:4200/.