“Neue Sichtbarkeit” in Weave design magazine 06.11 Together with Cedric Kiefer, I wrote an article on collecting and visualizing geospatial data, and how it influences the perception of our environment. After a very brief cartographic history, we argue that the massive generation of geo data in recent years might lead to information overload, yet opens [...] Read more – ‘Article on Geo Visualization’.
An interactive multitouch visualization of relations between geo-positioned locations. Our interactive tabletop visualization is intended to be a walk-up-and-use system. In our case study on research collaboration the targeted audience are attendees at scientific conferences. One of our main design goals for visualization and multitouch interaction was to facilitate first-time users to walk-up-and-use the system without training. Read more – ‘Interactive Exploration of Geospatial Network Visualization’.
For a half-year sabbatical, I am visiting the MIT Senseable City Lab. Since September I am staying with the lab in Cambridge, MA, and will travel to Singapore after the Visweek conference to work on the Live Singapore project. The objective of the project is to give people visual and tangible access to real-time information [...] Read more – ‘Visiting the MIT Senseable City Lab’.
Exploding Menu enables high precision selection of geo-located markers on multitouch interfaces. In a geo-visualization, in which the visual scatter shall show spatial patterns, places must be displayed at their original geo-locations. In contrast to non-geographic layout strategies, where a positioning algorithm can prevent occlusions, this may result in overlapping markers for places in close [...] Read more – ‘Exploding Menu’.
This course was about the invisible layers of data in an urban context. The aim of the final project was to create a working prototype for a multitouch table or a wall display to show these layers in interactive geo visualizations. Read more – ‘Urbane Ebenen, winter 2010’.
This tutorial describes how to create beautiful custom maps, and use them in a Processing sketch. We are going to use TileMill to style our maps, export it, and load the rendered map tiles into PImages. There are two ways of doing that. Basic A single image as static map. If you simply need a [...] Read more – ‘TileMill for Processing’.
A radial range slider to select dates in circular, recurring data sets. It can be used for repetitive event data, such as the time of day, weeks, or seasons, but also for other circular data, such as direction angles, etc. To adapt the range, the user can drag either the start or the end handle. [...] Read more – ‘A radial range slider’.
A multiple donut diagram, with smooth changeover between the different values of the same entry. Sort of a radial time series visualization. There are many valid reasons to not use pie or donut diagrams, but on the other hand, it might be useful for specific data sets or specific applications. Transistions & Interactions Optionally, the [...] Read more – ‘Stacked Donut for historical data comparison’.
Muse is an interactive visualization of scientific publications to explore the collaborations between institutions. See Interactive Exploration of Geospatial Network Visualization for the updated version. Muse displays the affiliations, as well as the relations between them on a large interactive tabletop surface, enabling multiple users to explore their personal networks, as well as emerging patterns [...] Read more – ‘Muse’.
Venice Unfolding is a tangible geo-visualization on an interactive tabletop to enable the exploration of architectural projects in Venice. The tangible user interface consists of a large display showing projects on a map, and a polyhedral object to browse these data interactively by selecting and filtering various metadata facets. Read more – ‘Venice Unfolding’.
Back in June Flickr did a major redesign, with larger image displays, a cleaner interface, and lots of interaction improvements. One of the more subtle updates is the way the small map displays the location of a geo-tagged photo. The closer the user moves the mouse to the marker, the more the map zooms in. [...] Read more – ‘Flickr’s details-on-hover map’.
Date: Sep 2006 – Aug 2009 Team: Tina Deiml-Seibt, Larissa Pschetz, Boris Müller, Till Nagel, Moritz Stefaner MACE (Metadata for Architectural Contents in Europe) is a pan-european initiative to interconnect and disseminate digital information about architecture. The project connects various repositories of architectural knowledge and enriches their contents with metadata. The result are unique services [...] Read more – ‘MACE – Metadata for Architectural Contents in Europe’.
This course was about the invisible layers of data in an urban context. The aim of the final project was to create a working prototype for a multitouch table or a wall display to show these layers in interactive geo visualizations. Taught at the FH Potsdam. Interfacedesign, 2.135 Advanced Media, Summer 2010 Syllabus, Course blog, [...] Read more – ‘Urbane Ebenen, summer 2010’.
This course was about how tangible interaction techniques can be combined with dynamic geo-visualizations to allow geospatial data analysis. Read more – ‘Tangible Maps’.
This tutorial explains how to lookup and geocode places in a Wikipedia article and visualize those with the help of Processing. It gives an overview on related topics, shows how to display placemarkers on a map, and provides mutiple Processing examples. Read more – ‘Processing geo information in Wikipedia articles’.
Date: Jan 2008 – Mar 2009 Project lead Till Nagel Prof. Boris Müller Team FHP Tina Deiml-Seibt Steffen Fiedler Jonas Loh Tomek Ness Larissa Pschetz Moritz Stefaner Stephan Thiel Nick Rübesamen, Werk5 Team IUAV Prof. Vitorio Spigai Massimiliano Condotta Elisa Dalla Vecchia Elena Orzali The interactive installation »mæve« provides visual and tangible access to the [...] Read more – ‘mæve’.
For the second year students, who already visited my Processing workshop last year, I gave a brief overview on data visualization. After a general introduction and a short assignment to research and present information visualization projects we worked mostly on mapping text to other visual forms. Workshop in the IxD programme under Prof Gillian Crampton [...] Read more – ‘Data Vis at IUAV’.
This tutorial gives an overview on how to load RSS feeds into Processing.org sketches, how to read and use the available data, and how to display it. Processing's internal XML methods are used, and various examples visualizing the contents of the news feed are shown. Read more – ‘Processing RSS Feeds’.
Introductory course on Processing in a graphical context. Through lectures, discussions, and excercises programming skills are conveyed, and a deeper understanding of the possibilities of digital and interactive media is developed. Furthermore, the creative use of software as material and tool is encouraged. As primary development language and environment Processing is used. The course is [...] Read more – ‘Creative Coding 1’.
Course blog Projects Teachers: Prof. Boris Müller. Assistants: Tina Deiml-Seibt, Moritz Stefaner, Till Nagel Syllabus Mit »Mashup« bezeichnet man die Erstellung neuer Inhalte durch die Kombination von Inhalten aus unterschiedlichen Datenquellen. Einer der wichtigsten aktuellen Trends im Internet ist die Öffnung von Datenbanken durch klar dokumentierte Softwareschnittstellen. Dadurch bekommen unabhängige Entwickler und Designer die Möglichkeit, [...] Read more – ‘Mashups for MACE’.
A browser extension to ease revisiting web pages. HyperHistory is a web browser extension supporting the user’s browsing habits. Second only to processing information, finding it is the most essential task. As users frequently return to previously seen documents, this work focuses on revisitation patterns. The extension improves the browser’s navigational facilities and alleviates some [...] Read more – ‘HyperHistory’.
