DTS204TC Data Visualisation
Final Coursework
Submission deadline: 23:59 Beijing Time, May 23rd, 2024
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.
https://observablehq.com/@terezaif/world-population-density-by-country
https://observablehq.com/@aguformoso/world-population
. 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.
. Submission: You should submit a PDF file that converted from the completed “Task2.docx”.
Generic Marking Criteria
|
Grade
|
Point Scale
|
|
Criteria to be satisfied
|
|
A
|
81+
|
First
|
> Outstanding work that is at the upper limit of performance.
> Work would be worthy of dissemination under appropriate conditions.
> Mastery of advanced methods and techniques at a level beyond that explicitly taught.
> Ability to synthesise and employ in an original way ideas
from across the subject.
> In group work, there is evidence of an outstanding individual contribution.
> Excellent presentation.
> Outstanding command of critical analysis and judgment.
|
|
B
|
70 - 80
|
First
|
> Excellent range and depth of attainment of intended learning outcomes.
> Mastery of a wide range of methods and techniques.
> Evidence of study and originality clearly beyond the bounds of what has been taught.
> In group work, there is evidence of an excellent individual contribution.
> Excellent presentation.
> Able to display a command of critical thinking, analysis and judgment.
|
|
C
|
60 - 69
|
Upper Second
|
> Attained all the intended learning outcomes for a module or assessment.
> Able to use well a range of methods and techniques to come to conclusions.
> Evidence of study, comprehension, and synthesis beyond the bounds of what has been explicitly taught.
> Very good presentation of material.
> Able to employ critical analysis and judgement.
> Where group work is involved there is evidence of a productive individual contribution
|
|
D
|
50- 59
|
Lower Second
|
> Some limitations in attainment of learning objectives but has managed to grasp most of them.
> Able to use most of the methods and techniques taught.
> Evidence of study and comprehension of what has been taught
> Adequate presentation of material.
> Some grasp of issues and concepts underlying the techniques and material taught.
> Where group work is involved, there is evidence of a positive individual contribution.
|
|
E
|
40 - 49
|
Third
|
> Limited attainment of intended learning outcomes.
> Able to use a proportion of the basic methods and techniques taught.
> Evidence of study and comprehension of what has been taught but grasp insecure.
> Poorly presented.
> Some grasp of the issues and concepts underlying the techniques and material taught, but weak and incomplete.
|
|
F
|
0 - 39
|
Fail
|
> Attainment of only a minority of the learning outcomes.
> Able to demonstrate a clear but limited use of some of the basic methods and techniques taught.
> Weak and incomplete grasp of what has been taught.
> Deficient understanding of the issues and concepts
underlying the techniques and material taught.
> Attainment of nearly all the intended learning outcomes deficient.
> Lack of ability to use at all or the right methods and techniques taught.
> Inadequately and incoherently presented.
> Wholly deficient grasp of what has been taught.
> Lack of understanding of the issues and concepts underlying the techniques and material taught.
> Incoherence in presentation of information that hinders understanding.
|
|
G
|
0
|
Fail
|
> No significant assessable material, absent, or assessment missing a "must pass" component.
|