Interactive Visualization

Crafting rich screen based experiences.

Joël Gähwiler, Zurich University of the Arts, 2018

onformative 2014

»Pathfinder« is a generative approach for the conceptual choreographic research of body movements. Through a process of guidance, the work becomes a medium of communication and explores the boundaries between inspiration and improvisation.

What is Interactive Visualization?

Interactive visualization [...] is a branch of graphic visualization in computer science that involves studying how humans interact with computers to create graphic illustrations of information and how this process can be made more efficient.

https://en.wikipedia.org/wiki/Interactive_visualization

For a visualization to be considered interactive it must satisfy two criteria:

https://en.wikipedia.org/wiki/Interactive_visualization

Human input: control of some aspect of the visual representation of information, or of the information being represented, must be available to a human, and

https://en.wikipedia.org/wiki/Interactive_visualization

Response time: changes made by the human must be incorporated into the visualization in a timely manner. In general, interactive visualization is considered a soft real-time task.

https://en.wikipedia.org/wiki/Interactive_visualization

onformative 2011

Actelion is a biopharmaceutical company that researches, develops and markets medicines for diseases that lack adequate treatments. “Create a new identity for our brand Actelion. Don’t touch the logo, but create something the world of pharma has not seen before.”

Whate are the Key Components?

What is Data Visualization?

Fathom 2013

Nearly 7,000 GE gas turbines generate power for homes and industries all over the world. Using data taken at fifteen-minute intervals over the course of fifteen days from 713 of the turbines, we created an installation that depicted energy production over time. Each turbine’s activity is shown as a time series plot, which flashes briefly when the turbine is put back into service in response to the needs of the energy provider.

Data visualization or data visualisation is viewed by many disciplines as a modern equivalent of visual communication. It involves the creation and study of the visual representation of data, meaning "information that has been abstracted in some schematic form, including attributes or variables for the units of information".

https://en.wikipedia.org/wiki/Data_visualization

Urban Complexity Lab 2016

cf. city flows is a comparative visualization environment of urban bike mobility designed to help citizens casually analyze three bike-sharing systems in the context of a public exhibition space. Three high-resolution screens show the space of flows of New York City, Berlin, and London through visualizing bike journeys. With our visualizations we want to understand the pulse of urban mobility, and create portraits of a city defined by its transient dynamics.

How are such Visualizations created?

Creative Coding

Visual Programming

Web Technologies

Video Animation

Exercise

Look at the toolspace in groups of two and prepare a short presentation/demo.