d3node-barchart
v0.1.1
Published
D3-Node example - BarChart
Downloads
1,944
Readme
BarChart
BarChart generator in node.js.
Install
npm install d3node-barchart
Usage
const d3nBar = require('d3node-barchart');
const bar = d3nBar(data, selector, container, style)
Check out the example for usage.
Output the visualization result to a image
npm start
Output Preview (png):
API
d3nBar(data[, selector, container, style])
options
data
- Type:
Array
Data from file or web processed by d3 library.
selector
- Type:
String
- Default:
'#chart'
DOM selector in container.
container
- Type:
String
- Default:
<div id="container"><h2>Bar Chart</h2><div id="chart"></div></div>
DOM contain the visualization result.
style
- Type:
String
- Default:
.bar{fill: steelblue;}
.bar:hover{fill: brown;}
.axis{font: 10px sans-serif;}
.axis path,.axis line{fill: none;stroke: #000;shape-rendering: crispEdges;}
.x.axis path{display: none;}
width
- Type:
Number
- Default:
960
height
- Type:
Number
- Default:
500
margin
- Type:
Object
- Default without labels:
{ top: 20, right: 20, bottom: 30, left: 40 }
- Default with labels:
{ top: 20, right: 20, bottom: 40, left: 50 }
barColor
- Type:
String
- Default:
steelblue
barHoverColor
- Type:
String
- Default:
brown
labels
- Type:
Object
- Default:
{ xAxis: '', yAxis: '' }
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D