D3 Javascript Horizontal Bar Graph
Produce a Bar Graph Widget widget using d3 ([login to view URL]) as shown in the attached picture.
The graph is a standard bar graph with an optional target line that can contain any arbitrary value or can be specified to display the average of all bars.
The widget should accommodate between 2 and 5 bars although more would be welcome. Expect as input to the graph data in the following format
[{
"series" : "2000",
"value" : 1469.31
}, {
"series" : "2001",
"value" : 1204.75
}, {
.
.
.
}]
As mentioned above, a horizontal line may optionally appear at a specified height (this may be used to denote an average or some other indicator). This should be configurable in the widget constructor.
The scale should adjust automatically and each element (bars and horizontal line) should contain an index allowing it to easily be styled using css. Other options for customisation should include:
1. The width of the bars
2. The space between the bars