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.
Rubric
Tasks 100 Components Description Maximum
Credit Mark
Task 1 60
Basic Elements
Implementation
[34 marks]
Data loading & deriving 8
Scales with current domain and range
for both axes 4
Axes with suitable position and length 8
Methods that show all attributes in one
visualisation 7
Text that clearly presents the axes 5
Chart title and axes title 2
Visualisation Design
[7 marks]
Marks design 2
Channels design 2
Colour choice 3
Interaction and Animation
[12 marks]
Interaction 8
Animation 4
Code Quality
[7 marks]
Only use required libraries to achieve
requirements 2
Add clear comments with basic
explanations before every part of codes 3
Well-documented 2
Task 2 40
Data & Task Abstraction
[10 marks]
Dataset types 2
Data types 3
Attributes and their types 3
Actions 2
Visualisation Analysis
[20 marks]
Marks and channels 9
Interactions 6
Limitations 5
Comparison
[10 marks]
Clearly present the result of the
comparison 2
Explain reasons 8
Late Submission? £ Yes
£ No
Days
late
Final Marks
版权所有:留学生编程辅导网 2020 All Rights Reserved 联系方式:QQ:99515681 微信:codinghelp 电子信箱:99515681@qq.com
免责声明:本站部分内容从网络整理而来,只供参考!如有版权问题可联系本站删除。