Page Comparison

Module Overview

...

Many aspects of society, science, business, finance, journalism, and everyday human activity, become ever more quantified. As a result, our world is awash with data of increasing amount and complexity. Still, we must keep afloat with our innate human abilities and limitations. For designers in this environment, working confidently with data becomes an essential skill. Visualization is one way to tame this information overload: well-designed representations replace difficult cognitive calculations with simpler perceptual interpretations. They can thus improve accessibility, comprehension, and memory. More literally, visualization is the process of transforming data into visuals like charts, graphs, and maps. These are then used to explore, evaluate and explain insights hidden in the data. The goal being to engage and aid diverse audiences in analytical sense and decision making.

Student Objectives

This course provides students with an introduction into the theory and practice of designing with data while keeping the human in mind. They learn the basics for creating effective data visualizations. This includes principles from graphic design, human-computer interaction, perceptual psychology, cognitive science, and statistics. We touch on the topics of data literacy, graphical encoding, visual perception, interaction, animation, narrationgraphical encoding, visualization types, color, mapsinteraction, networksanimation, graphsexploration, and text visualizationexplanation. In a practical assignment, students apply the techniques,   tools, and technologies to design and develop interactive visualizations. After this course, students will be able to turn a data source into a useful, truthful, and beautiful data experience — tailored to specific information needs or communication goals.

Module Outline

The module is split into three parts:

...

• http://colorbrewer2.org/
• http://zzolo.org/colortools
• http://hclwizard.org:64230/hclwizard
• http://contrast-finder.tanaguru.com
• https://toolness.github.io/accessible-color-matrix
• http://www.hsluv.org
• http://colllor.com
• https://github.com/gka/chroma.js/ - JavaScript library for all kinds of color manipulations

Calendar

TG: Timo Grossenbacher, BW: Benjamin Wiederkehr, JG: Joël Gähwiler

...