In this assignment, you are required to create an interactive visualisation using D3. The visualisation presents network data and provides tooltips when the user hovers the mouse pointer above the visual elements. It is an individual assignment and worth 5% of your total mark for FIT5147.
Relevant learning outcomes for FIT5147:
6. Implement interactive data visualisations using R and other tools
Detail of the task:
Read in the data using D3.
Draw the locations as circles, and make the radius of circles proportional to the total trading amount at that location.
Draw the trading as lines between the locations, and make the thickness of lines proportional to the amount.
Provide these following interactions:
Hovering on a circle, highlight the circle and all lines connected to it (by making other circles and lines transparent).
Hovering on a circle, show a tooltip with its information about the total amount of trading at that location and the number of connected locations.
Circles should be rendered on top of lines.
Your code should be generic and work with other data files of the same structure and format.
3. Assessment Resources
Dataset: data.json
The data is a fictional trading network containing:
screen position in pixels of different locations (you do not need to worry about map projections),
trade amounts between different locations.
This network data is un-directed, you do not need to draw arrows.
4. Assessment Criteria
The following outlines the criteria which you will be assessed against.
Ability to create simple static visualisations using D3 [2%]
Demonstrated ability to create basic SVG elements using D3: Circles and lines [1%]
Demonstrated ability to link data to visual properties: Proportional radius and thickness [1%]
Ability to create interactive visualisations using D3 [2%]
Demonstrated ability to create an interactive visualisation in D3: Highlight [1%]
Demonstrated ability to create an interactive visualisation in D3: Tooltip [1%]
Quality of webpage and visualisation design [1%]
5. How to Submit
The code for the final interactive visualisation should be submitted through Moodle. Ensure that all necessary files (including data file) for the visualisation are included.
Submit a zip file containing all files required to run your work. Name the zip file in this format: [STUDENT ID]_[FIRST NAME]_[LAST NAME].zip.
6. Late penalty
The penalty of 1 out of 5 marks per day is applied for a late submission.
The post Relevant learning outcomes for FIT5147 appeared first on My Assignment Online.
