Simple D3 Java Assignment

CLOSED
Bids
0
Avg Bid (USD)
N/A
Project Budget (USD)
$30 - $250

Project Description:
Use the following file as the starting point for your
Ex1: https://github.com/alignedleft/d3-book/blob/master/chapter_06/21_making_a_bar_chart_aligned.html

Make following modifications:

Use data set with three data variables:
var dataset = [ [5, 23, 75], [10, 14, 34], [13, 67, 23], [19, 10, 65], [21, 42, 29], [25, 25, 25], [22, 90, 30], [18, 57, 17], [15, 25, 35], [13, 26, 39], [11, 17, 85], [12, 36, 24], [15, 60, 45], [20, 41, 11], [18, 77, 33], [17, 85, 55], [16, 23, 44], [18, 35, 23], [23, 55, 15], [25, 45, 100] ];

First data variable is used for height of bar.

Second data variable is used to scale width of bar (need to scale how the width is computed in the example code by the 2nd variable divided by 100). In short: the width is proportional to value of the 2nd variable, which you can assume is a value between 1 and 100.

Third variable is used to control fill-opacity of bar, where the fill-opacity can not be less than 0.25 and the 3rd variable scales 0.75 by being divided by 100).

The color is rgb (0, 0, 200).

The text label has to be shown in red and needs to be placed at the top of the bar, be left-aligned and fully visible (to achieve full visibility, add an area to the chart at the top that has a height of 20 pixels).

The final chart needs to look like this:
https://sakai.rutgers.edu/access/content/group/395c6db5-808f-43cb-80ff-561966c3e834/Tools/VisProg%20-%20d3.js/ex1_needs_to_look_like.png

Skills required:
D3.js
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.