Simple D3 Java Assignment

Closed

Use the following file as the starting point for your

Ex1: [url removed, login to view]

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 [url removed, login to view] and the 3rd variable scales [url removed, login to view] 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:

[url removed, login to view]

Skills: Dthreejs

See more: assignment, js d3, simple and short java, d3js, d3 js, d3 java, d3 chart, assignment 55, java simple example, java group, java bar, java color rgb, java add data, simple access example, chart simple, java github, java modifications, add data java, left aligned, d3js book, add data file java, top java code, opacity

Project ID: #4238294