zhangyu94 / d3-barchart

Reusable histogram layout with d3

d3-barchart

D3 4.0 implementation of timeseries plugin that supports easy customization of barchart (histogram).

The plugin is implemented as a closure that support method chaining.

Installing

Dependency: D3-timeseries requires D3 4.x version as dependency

Installing: All the content of d3-timeseries plugin is in the folder libs/d3_barchart, including d3.barchart.js and d3.barchart.css

Usage example

let data = [{
	x1: 0,
    	x2: 36,
	y: 245
}, {
	x1: 36,
    	x2: 48,
	y: 150
}, {
    	x1: 48,
    	x2: 64,
	y: 126
}, {
    	x1: 64,
   	x2: 90,
	y: 123
}]

let barchart = d3.barchart()
	.width(250)
	.height(100)
    
let svg = d3.select('body').append('svg')
	.data([data])
	.call(barchart)