Assignment Task:
Task:
Overview
Your task is to develop one visually appealing and communicative interactive data visualisation interface using HTML, CSS and JavaScript based on your selected dataset.
You should explore the contents of the data set and display the data graphically using the core principles of interaction design, data graphics and cartography you have learned during the course. Your resulting interface should fill the screen space with one or more data visualisations, with some form of interaction beyond the default interactions provided by the libraries you use. The interface must communicate a clear message about your data to a defined audience.
Note, the focus of this assignment is to create an interface to present the dataset in your chosen scope and/or geographic area. You are not expected to perform any in-depth data modelling, although data selection will be an important part of the design process to ensure that only relevant data is available to the user.
What distinguishes this assignment from Assignment 1 is the focus on interface and interactivity, and the need to think more carefully about basic design principles (because you no longer have Tableau to do some of the thinking for you).
Technical requirements
You should create a webpage called index.html, which is the file that the marker will open when they mark your work. The zip file may also contain any number of assets, such as CSS or JavaScript files or images.
You can use any libraries that you wish, or none. In class we cover Chart.js and Mapbox, and students who are not familiar with programming may prefer to explore these libraries in more depth. You can also embed Tableau graphics in your webpage by publishing them to Tableau Public (Links to an external site.) and using the Tableau JavaScript API (Links to an external site.). More advanced students may like to explore other data visualisation libraries, such as Vega-Lite (Links to an external site.), C3.js (Links to an external site.) or D3 (Links to an external site.) – or even following your imagination and creating "raw" graphics using a low-level library such as p5.js (Links to an external site.) or HYPERLINK "https://konvajs.org/" \t "_blank" Konva (Links to an external site.).
You are not expected to develop a web site. A single HTML page is sufficient.
Assessment
This exercise is to be completed individually. The assessment is worth 20% of your final subject mark.
- Referring to the Web programming and Mapbox exercises from Labs 4 to 7, combine, adapt and build upon these to design and create your own interactive interface, containing at least one form of novel interaction. Remember to assess your data graphic critically with reference to the principles of interaction design, as well as cartography and data graphics learned in the course, and iteratively redesign your interface to improve it.
- You must submit the following through Canvas:
- A zipped file containing an index.html file and any other resources required for the functioning of your webpage, including commented and working JavaScript code with clear acknowledgment of any code used or adapted from other sources.
- A PDF design summary report, not inside your zipped file, containing the following:
- A one-page summary of your design;
- An appendix that clearly describes all of the sources used in your design.
- In your one-page summary you are free to provide extra information about your design to highlight any background work, or to assist the user in understanding and/or using your interface.
- Deadline
- The submission deadline is on Sunday 19 September 2021 at 11:59 pm sharp. No late submissions will be accepted. This means submissions after the stated deadline will not be marked and will receive a mark of zero.
-
- Assessment Criteria
- The key assessment criteria are (out of 100%):
- Submission and design summary (10%):
- The submission conforms with all the submission criteria above,
- the interface works when run on the marker’s machine, and
- the design summary effectively summarises the interface and explains design choices, and is itself well-designed.
- Basic design (40%):
- The interface conforms to fundamental design, data graphics, cartography and interface design principles covered in lectures/practicals, and
- is well-presented with evidence of care and attention to detail.
- Technical challenge (25%): Thinking beyond the tutorial, i.e.,
- the interface relies on new or different programming techniques not encountered in class;
- has particularly compact, well-structured, or well-presented code;
- uses data that required new techniques to use or additional effort to the resource; and/or
- demonstrates clear evidence of advanced and independent work.
- Design innovation (25%):
- The interface involves design elements that are innovative (i.e., beyond standard elements available in a spreadsheet, innovative design not already visualized by the data provider);
- reveals interesting or meaningful patterns;
- is notably aesthetically pleasing or striking;
- demonstrates independent background research into the research literature;
- and/or existing demonstrates clear evidence of original thinking and advanced understanding of graphic design principles.
-
- Generalized marking criteria:
- <50%: Inadequate work that in one or more respects fails to meet basic technical standards or apply basic design principles.
- 50-60%: Satisfactory work that is a correctly submitted basic interface to the data for presentation purposes using basic visual variables.
- 60-70%: Good work that involves marginal additional technical challenge such as increased interactivity (e.g. displaying multiple data layers on a map), marginal design innovation and moderate levels of design quality.
- 70-80%: Excellent work that involves clear additional technical challenge such as greater interactivity (e.g., tools allowing the user to explore the data set) or design innovation, and high levels of design quality.
- >80%: Outstanding work that demonstrates substantial additional technical challenge, substantial design innovation, flawless design, and involves work that clearly goes beyond that normally expected in class.
-
The above IT Assignment has been solved by our IT Assignment Experts at My Uni Paper. Our Assignment Writing Experts are efficient to provide a fresh solution to this question. We are serving more than 10000+ Students in Australia, UK & US by helping them to score HD in their academics. Our experts are well trained to follow all marking rubrics & referencing style.
Be it a used or new solution, the quality of the work submitted by our assignment experts remains unhampered. You may continue to expect the same or even better quality with the used and new assignment solution files respectively. There’s one thing to be noticed that you could choose one between the two and acquire considered worthy of the highest distinction.