Information Visualization – Programming Project:
Programming Task
The aim of this project is to develop a prototype of visualization system. You will select one of the five datasets in your previous work. The submission includes a design report and a Web-based interactive system.
Project Steps and Requirements:
You will need to complete the following steps:
- Identify at least three visualization tasks for the dataset.
Information visualization is more than the visual representation alone. It also takes into account the tasks the user wishes to pursue with the visual representation. Identifying a task is to find what a data analyzer needs to discover from a dataset (e.g. what are the clusters of cereals based on selected attributes?). In addition, a task for a visualization system is to find knowledge by utilizing visual exploration, that is, by combining visualization with interaction tools.
–Requirement: Write down the tasks in your report.
- Design a visualization system to fulfill the identified tasks.
(1) Visualization design: Data + Task = a visualization representation? This design considers which visualization is best suited to pursue a given task on input data.
–Requirement: Design at least three visual representations (e.g., scatter plots, parallet coordinates, treemap, …) for your tasks. Write down the visualization representations for each task in your report, and why you choose them.
(2) Interaction design: What are the limitations of a visualization representation? Dimensions? Cluttering? Then, what kinds of interactions are needed to include in your system? Multiple visual representations need to be coordinated with your interaction.
–Requirement: Design the interactions for your visual representations. Write down the interaction methods (e.g., brushing, labeling, zooming, …) in your report.
- Implement the Web-based visualization system with interactions.
–Requirement: (1) The system should be accessed through Web browsers. (2) Your visualization and interaction functions should be fully working. (3) Multiple visualizations should be coordinated through interactions (e.g., brushing over one view changes the other views).
-Requirement: Write a user description for your system in the report, which may include the explanation and examples (with screenshots) for your functions.
You need to use the InfoVis programming toolkit, D3.js for your visualization tasks. The JavaScript library and examples can be found at http://d3js.org/. Other Javascript visualization libraries may also be called in your system.
Due: April. 30, 2020
Please make your visualization system available on a web page and submit the link through Blackboard. The design report should be submitted through Blackboard.