D3 Javascript Bar Graph

D3 Javascript Bar Graph

Produce a Bar Graph Widget widget using d3 ([url removed, login to view]) as shown in the attached picture.

The graph is a standard bar graph with two minor twists:

1. Each bar has some styling at the top (notice that it is shaped rather than flat).

2. An optional horizontal line an appear on top of the bars

The widget should accommodate anything between 2 and 11 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

In contrast to a standard pie chart - this segment pie chart has a circle in the middle for displaying additional data. Produce a javascript widget along the same lines as these ones ([url removed, login to view]).

Skills: Javascript

See more: bar graph javascript, javascript bar chart, chart javascript, javascript bar graph horizontal, horizontal bars, graph javascript, top segment, top graph, the graph, pie javascript, lines of a circle, line line segment, javascript pie, is a circle a line, graph using c, graph top, graph to data, graph this data, graph of data, graph in c, graph graph, graph c, graph and data, for graph, element bars

About the Employer:
( 6 reviews ) Mowbray, South Africa

Project ID: #1594915

Awarded to:


Hi, I am expert Javascript developer and have worked with d3 before, I can have your widget completed within 24 hours

R450 ZAR in 1 day
(6 Reviews)

2 freelancers are bidding on average R725 for this job


Pls check PMB.

R1000 ZAR in 1 day
(0 Reviews)