Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: THEend8_
Final Coursework
Percentage in final mark: 100%
Learning outcomes assessed: A,B, C,D,E,F, G
Late policy: 5% of the total marks available for the assessment shall be deducted from the assessment mark for each working day after the submission date, up to a maximum of five working days
Risks:
. Please read the coursework instructions and requirements carefully. Not following these instructions and requirements may result in loss of marks.
. Plagiarism results in award of ZERO mark.
. The formal procedure for submitting coursework at XJTLU is strictly followed. Submission link on
Learning Mall will be provided in due course. The submission timestamp on Learning Mall will be used to check late submission.
Overview
In this coursework, you are expected to complete two tasks. For task 1, you need to complete a data visualisation and submit a dataset, an HTML file, a video that can show your visualisation and other potential materials. For Task 2, you need to submit a form (PDF).
Task 1 (60 marks)
You are given a public dataset of The BWF Badminton Rankings – Men’s Single. Based on this dataset, please design and create a data visualisation to illustrate the distribution of the top 20 by country and region. Here are task specifications:
. Target: You are asked to use D3.js to create one visualisation that presents the following information:
o In the main visualization results, you need to present the number of players from different
countries or regions in the top 20 and the sum of points for players from each country or region within the top 20."
o The highest ranking of each country or region within the top 20 should be presented by the interaction.
o The names and corresponding scores of players from each country or region within the top 20 should be presented by the interaction.
. Basic Requirements:
o Get necessary data from the dataset correctly.
o Choose the type of the visualisation
o Design marks and channels.
o Complete a basic visualisation with suitable designs (scale, axes, text, colour designs etc).
o Interactions are necessary. When the user moves the mouse in your visualisation, the
corresponding mark should be highlighted and show the highest ranking, names and corresponding scores of athletes. For example, if you move the mouse to the mark of China, it will show a tooltip that contains the highest ranking, names and corresponding scores of athletes in China within the top 20.
o Animations are necessary to show how the visualisation is generated.
. Submissions (a zip file (ID_Name_DTS204TC_CW.zip) which contains following documents):
o The original dataset.
o HTML file with your codes.
o Videos (mp4) or Screenshot that can show all elements in your visualisation.
o *If you write your JS codes and CSS outside the HTML file, you need to provide your JS and CSS files.
o *If you set up the D3 environment by local route, you need to submit the “d3.min.js”
. Additional Notes:
o You can only use D3.js, JavaScript. and HTML. You will get marks deducted if you use additional libraries to complete this task.
o Your submitted dataset should be the original one, which means you cannot change the data in the dataset.
o Suitable comments are necessary for your codes. It also affects your marks.
o The screenshot is acceptable only if your visualisation does not contain any animation and interaction.
o The way you choose for writing your JS and CSS codes will not affect your final marks.
o Please make sure you upload the CW to the LMO correctly.
o Your report can only consist following contents:
. If your codes do not work, explain what you have done.
. If you use other libraries, list your libraries in the report.
. If you use 3D marks in your visualisation, describe your 3D design and explain why you choose 3D marks.
Task 2 (40 marks)
Here are two data visualisations of the World Population by Tereza Iofciu and Agustin.
. Target: Please analyse and compare these two visualisations. Then please complete the attached form. “Task2.docx”, which contains following contents:
o Dataset types, Data Types, Attributes and Corresponding Types, Actions.
o List Marks and Channels of each visualisation. Describe the design of Channels.
o Describe Potential interaction view of each visualisation.
o Limitations of each visualisation (marks, channels, interactions …).
o Compare these two visualisations, choose the one you think is better and explain reasons.