Assignment 2: Interactive Data Storytelling
In the final project, your team will implement interactive data visualizations to turn your topic and the data into compelling storytelling.
Data storytelling is a method of communicating insights from data analyses through narratives and visualizations.
The team submitted four deliverables: 1) deploying the project on the web, 2) publishing your source code to GitHub, 3) a 10-minute presentation video, and 4) presentation slides.
Project Requirements
You are free to use libraries introduced in the class (i.e., Altair, Panel, Streamlit, and D3.js) or any code-based libraries (e.g., Bokeh, Plotly, Holoviz, GeoViews, PyVis). However, you are not allowed to use dashboard software (e.g., Tableau, Microsoft Power BI, QlikSense) for the final project.
The minimum requirements of your project are the following:
- At least 3 different views/visualization components (e.g., 3 bar charts only count as 1 component)
- Multiple views coordinated with linked highlighting. A click/hover/selection interaction within one view must trigger a change in a different view. At least 2 views need to be linked. Ideally, these views are linked bidirectionally.
- At least 2 UI widgets allow users to filter the data or update certain views interactively (e.g., dropdown, radio button, range slider, calendar).
- Interactive tooltips are shown when users hover over marks, at least in one view.
You do not necessarily build backends; only an index.html file should be enough. Your interface should be as self-explaining as possible, with appropriate labels for panels, axes, and widgets, a legend documenting the meaning of visual encodings, and a meaningful title and description.
Example of student projects
Video Presentation
The team should prepare a presentation video to describe your project and demo the tool. The video should be at a maximum of 10 minutes and uploaded to YouTube with public or unlisted visibility. Split the presentation so that everyone will take part in the presentation.
Your presentation will include the following:
- 1-min elevator pitch
- What does your project visualize? and for whom?
- Why is the project interesting/important?
- Project description
- What is the motivation?
- Who and what is your tool for, more specifically?
- What are your research questions?
- What is the data source used in this project?
- Project demo
- An explanation of what the tool shows. Describe why the encoding you used makes sense for the visualization in regard to your research question.
- A demo of the possible interactions in the tool.
- A demo of some of the most interesting things you found in the tool.
- Mention a few limitations of your tool.
- Describe briefly how each team member contributed to the project.
You may find this guide on how to record and upload the video to YouTube.
You are encouraged but not required to make the presentation video public. At least you need to set the publicity as Unlisted so that we can access the video.
Submission
What to submit
Submit your final project on this Google Form.
- A URL link to your presentation video (make it unlisted if you don't want to put your presentation publicly)
- A URL link to access your deployed tool on the web
- A URL link to your source code in the GitHub repository.
- The presentation slide. The presentation slide must be in the pdf format and submitted in the “Final_[Your team name].pdf” format. The last slide should indicate who did what in the project.
When to submit: The final project is due before April 13, 23:00.
Points for this assignment 70 points
Grading Criteria
- Formal Requirements (20%)
- Source code and presentation file are submitted through Edunao.
- The visualization tool is deployed on the web and functions correctly.
- At least three distinct views/visualization components. However, three bar charts showing different data are considered one component.
- At least two views are linked, enabling interactions such as selection, panning, zooming, or cross-filtering.
- At least two interactive UI widgets (e.g., dropdowns, sliders) for filtering or updating views.
- Visualization Project (50%)
- Visualizations align with the chosen topic and research questions.
- Visual encodings are appropriate and effectively communicate data insights.
- Interactions are well-designed to establish meaningful connections between visualizations.
- Creativity and critical thoughts were put into the project.
- Presentation (30%)
- The presentation tells a clear story (incl. questions, motivations, and findings).
- Presentation style (vibrancy, expertise, verbal articulation, time management).
- Visual aids (were helpful, organized, effective, and evidence of careful preparation of the content)
Each sub-criterion will be graded on a scale of 0 to 3 points:
- 0: Not addressed.
- 1: Partially fulfilled.
- 2: Meets the basic requirements.
- 3: Exceeds expectations with effective and thoughtful implementation.
