This class is about exploring complexity and innovation through the lens of advanced interactive data visualization. Understanding how to co-evolve complex ecosystems and how to allow for distributed organizing to happen demands a thorough understanding of data visualization techniques. The course builds on basic knowledge in calculus and software development. It builds the basics for developing smart interactive web-based healthcare data displays.
-
Theory: Visualization Analysis & Design
-
D3.js: D3.js in Action, Interactive Data Visualization for the Web
-
Python: Practical Data Science with Python, Python Data Analysis
The course closely follows the main reading, which offers vast additional material online:
- General Resource for the book: https://www.cs.ubc.ca/~tmm/vadbook/
- Undergraduate Course at UBC: https://www.students.cs.ubc.ca/~cs-436v/22Jan/)
- Video Sessions on YouTube: https://www.youtube.com/watch?v=1GhZisgc6DI&list=PLT4XLHmqHJBdB24LAQPk_PV7wrwpJFh5a
- https://www.bogotobogo.com/python/IPython/iPython_Jupyter_Notebook_with_Embedded_D3.php, https://github.com/PyGoogle/PyD3
- https://mpld3.github.io/
- As part of the course you need to prepare an individual data visualization project based on publicly available healthcare dataset.
- Lecture: 30min
- Hands-on: 90-180min
- Project Presentation: 90-180min
- Introductory Example using Python Matplotlib
- Review on Progress Board and Discussion
- Project Ideation
- Data Types in Visualization and their implementation in Python
-
Theory and Research Findings on Visualization
-
Data Visualization in Healthcare
-
What: Data Abstraction
-
Slides (pp. 16-30): https://www.cs.ubc.ca/~tmm/talks/vad/VAD-2021.pdf
-
Video 1: https://youtu.be/KXswx4QSkHc
-
Video 2: https://youtu.be/Yq2IkdgWr9Q
- Project Setup with HTML, CSS, and JavaScript (D3.js)
- Can we get to this?! https://ourworldindata.org/health-meta#health-returns-to-healthcare-investment
- Joint ideation on visualization and technologies used
- Understanding the need and a framework for validation
- Application to own project
- Preliminary planning of iterations, definition of roadmap
- Producing interactivity in prototyping: https://kapernikov.com/ipywidgets-with-matplotlib/
- Setting up your Web App and transferring your data
Slides: https://www.cs.ubc.ca/~tmm/talks/vad/VAD-2021.pdf (pp. 39-121)
- Get clarity about Domain, Users, and their Problems
- Specify and Prioritize User Problems
- Build simple "social" prototypes to facilitate communication and avoid spending useless time implementing "something": https://www.interaction-design.org/literature/article/design-thinking-get-started-with-prototyping
Slides: https://www.cs.ubc.ca/~tmm/talks/vad/VAD-2021.pdf (pp. 122-177)