NgxD3Graphs

Interactive and highly customizable D3 charts for designers & developers. This is a project for creating D3 graphs using Angular CLI version 8.0.3 and D3.js Library.

• Sample application is hosted at - NgxD3Graphs

Install

npm i ngx-d3-graphs

Why ngx-d3-graphs

Unlike other D3 angular chart wrapper libraries, NgxD3Graphs is designed to be very interactive, responsive and dynamic data visualization library with the following features- ####Supported Graphs-

####Features

##Future Enhancements-

Documentation

Ngxd3Graphs can be used by importing

• import {NgxD3GraphsModule} from "ngx-d3-graphs" in the 'app.module.ts'

"NgxD3GraphsModule" module should be imported. *Add the following selector in your app component html.

<ndg-ngx-d3-graphs [graphId]=id2 [jsonInput]="jsonInput"></ndg-ngx-d3-graphs> where-

• graphId- unique string
• jsonInput- provides json input to ngxd3graphs component e.g.,

id: string= 'graph1';

json input should be given in the following format-

jsonInput = Sample json is available at- multiGraphs.json

where "type" defines the type of the graph you want to draw for instance bar,dot or line graphs.

Contributing

Coming Soon

License

NgxD3Graphs is available under the MIT license.