Play Framework AngularJS Project to create D3.js Dashboards

Create D3.js charts for the following dashboard in the CLIENT section. Existing project has a [login to view URL] chart with drill-down capabilities which may be extended.

TASK: When the user logs in as a client, on his home page it should show him 3 D3.js charts as follows:

There should be a campaign selector drop down which will refresh the charts.

SUPPLIER CHART: Should be a D3.JS pie chart with the following legends:

1. NOT SUBMITTED - Should show a count of all suppliers selected for this campaign who have not submitted their CMRT responses.

2. COMPLETED - Should show a count of all suppliers selected for this campaign who have submitted VALID CMRT responses.

3. OUT OF SCOPE - Should show a count of all suppliers who were NOT selected for this campaign

4. INVALID - (Count of all suppliers selected for this campaign who have submitted the CMRT response with answers to question 1 & 2 for the specific mineral as YES and corresponding answers for question 3 as UNKNOWN) UNION (Count of all suppliers selected for this campaign who have submitted the CMRT response with answers to question C as YES)

5. INCOMPLETE - Should show a count of all suppliers selected for this campaign who have submitted the CMRT response without answering some of the mandatory questions.

STRONG / WEAK STATUS CHART: Should be a D3.JS pie chart with the following legends:

1. NOT SUBMITTED - Should show a count of all suppliers selected for this campaign who have not submitted their CMRT responses.

2. STRONG - Count of all suppliers selected for this campaign who have submitted the CMRT response with answers to question 1 & 2 for the specific mineral as YES and corresponding answers for question 3 & 4 for that specific mineral as YES

3. WEAK - Count of all suppliers whose CMRT status is NOT STRONG

4. No 3TG - Count of all suppliers who have answered 1 & 2 as NO

5. OUT OF SCOPE - Same as SUPPLIER CHART above.

PARTS STATUS CHART - Same as SUPPLIER CHART with the change the PARTS selected for the campaign should be considered INSTEAD of SUPPLIERS.

For all the above 3 charts, on clicking of a particular pie slice it should open a popup which will show a DATA TABLE listing all a SUPPLIERS falling in that category with the supplier details in each of the rows. This drill-down data table is implemented in the existing chart in the existing project.

AngularJS D3.js HTML5 JavaScript jQuery / Prototype

Projektin tunnus: #16018433

Tietoa projektista