d3-er

![npm version]
(http://badge.fury.io/js/d3-er)

Installing

If you use NPM, npm install d3-er.

and require it in file :

``js
var d3 = require('d3-er/build/d3-er');
d3.select('body').style('background-color', 'red');
`

Download File

- https://github.com/EshwarRachala/d3-er/blob/dev/build/d3-er.zip

Test in browser

- To test clone https://github.com/EshwarRachala/d3-er.git
- run npm install to install dependencies
- and npm run dev to run webpack dev server

##Check examples

- https://d3examples.surge.sh

API Reference

$3

- https://github.com/d3/d3/blob/master/API.md

D3 modules exported

- d3-array
- d3-axis
- d3-line
- d3-scale
- d3-selection
- d3-shape
- d3-time-format
- d3-timer
- d3-transition

$3

- to create SVG element with default width(100%) and height(100) use d3.svg()

`js
var svg = d3.svg('body')
`

- If any property needs to be changed/ added

`js
svg.style('background-color', 'lime')
.attr('height', 200)
`



$3

- to create bullet chart use d3.bullet()

$3

- To create barchart follow below steps

`js
var barchart =
d3.barchart()
.x(function (d) {
return d.age
})
.y(function (d) {
return d.name
})
.margin(margin)
.data(data)

d3.svg('#svgEle').call(barchart)

`

- To update chart with new dataset

`js
barchart.data(newdata)

`

$3

- To create Line Chart follow below steps

`js
var chart = d3.linechart()
.x(function (d) {
return formatDate(d.date);
})
.y(function (d) {
return +d.price;
})
.margin(margin)
.data(statetrend);

d3.svg('#linechart')
.style('height', '250')
.call(chart)

`

- To update chart with new dataset

`js
chart.data(newdata)

``