Till Nagel


Portfolio Booklet
In lieu of an up-to-date website, here is a booklet with selected research and design projects from 2008-2016, and selected projects from my students. Including cf. city flows, Shanghai Metro Flow, Touching Transport, Liquidata, and many more. Read more – ‘Portfolio Booklet’.
Unfolding the City – Talk at Architecture IO
My talk on urban mobility visualizations at Architecture IO - Rethinking How People Move in Cities in London, 2014. In my talk, I explore the challenges in urban data visualisation, as well as showcase multiple projects that demonstrate current approaches to and new thinkings about urban mobility. Read more – ‘Unfolding the City – Talk at Architecture IO’.
Urbane Ebenen, winter 2013
In this course we collected and visualized urban mobility data to reveal movement patterns and trends in cities. Taught in winter 2013/2014 at the FH Potsdam. See a summary of the student projects. Read more – ‘Urbane Ebenen, winter 2013’.
Shanghai Metro Flow
An animated visualization of Shanghai's subway network. Shanghai Metro Flow consists of an animation with three network visualizations, and an accompanying infographic poster showing subway line details. The project is part of the Design Shanghai 2013 - Aesthetics City and exhibited at the Shanghai Power Station of Art. Read more – ‘Shanghai Metro Flow’.
One Year of Biking
Visualizing bike rides as physical small multiples. Twelve maps show my monthly bike rides from July 2012 to June 2013. I tracked all my bicycle trips in Berlin, and visualized them on a postcard for each month. Read more – ‘One Year of Biking’.
Unfolding Map library
Unfolding is a library to create interactive maps and geovisualizations in Processing and Java. Read more – ‘Unfolding Map library’.
Urbane Ebenen, summer 2012
In this course we investigated how interactive geovisualizations can help citizens to explore and understand their urban environment. Taught in summer 2012 at the FH Potsdam. See a summary of all the student projects. Read more – ‘Urbane Ebenen, summer 2012’.
Apps & the City – Open Transport
Workshop for the first public transport open data initiative in Germany. As first German city Berlin published its public transit data as open data. With others, the public transport authority VBB, the Senate Department for Commerce, Technology and Science, and the Open Knowledge Foundation organized the Apps & the City event on 29 November 2012 [...] Read more – ‘Apps & the City – Open Transport’.
Foreign Domestics
A comparison of national and international carriers in domestic flight routes. Some background information on my winning submission for the Visualizing Marathon 2012 with the Global Flights Network data. Read more – ‘Foreign Domestics’.
Gum and Weighted Connections
Visual representation of edges with smooth junctions between circular nodes, with an aesthetically pleasing look of connectedness. This note provides Processing code, interactive examples, and brief descriptions how they have been applied. Read more – ‘Gum and Weighted Connections’.
Border Bumping
Border Bumping is a work of dislocative media that situates cellular telecommunications infrastructure as a disruptive force, challenging the integrity of national borders. Chris Pietsch and I created an interactive map visualizing border bumps for Julian Oliver's project. Read more – ‘Border Bumping’.
Graspable Maps, summer 2011
This course was investigating how to use large-scale multitouch devices in combination with novel interaction methods for dynamic geovisualizations. Taught at the Interface Design program at FH Potsdam, in summer 2011.
Read more – ‘Graspable Maps, summer 2011’.
Animated Time Range Slider
A customizable interactive range slider with animation capabilities for Processing. Users can drag the slider to change the selected time range, or move the handles to adjust the size of the range. The widget also provides some animation functionality, which can be employed by the application programmatically, or interactively by the user. Read more – ‘Animated Time Range Slider’.
Article on Geo Visualization
“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’.
Interactive Exploration of Geospatial Network 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’.
Visiting the MIT Senseable City Lab
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
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’.
Urbane Ebenen, winter 2010
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’.
TileMill for Processing
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’.
SimpleTouch – Multitouch library for Processing
SimpleTouch is a small library to create simple multitouch sketches in Processing. Read more – ‘SimpleTouch – Multitouch library for Processing’.
A radial range slider
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. Update 11 Feb 2016: Find the source at https://github.com/tillnagel/radialrangeslider To adapt the range, the user [...] Read more – ‘A radial range slider’.
Stacked Donut for historical data comparison
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
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’.
Flickr’s details-on-hover map
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’.
MACE – Metadata for Architectural Contents in Europe
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’.
Urbane Ebenen, summer 2010
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’.
Tangible Maps
This course was about how tangible interaction techniques can be combined with dynamic geo-visualizations to allow geospatial data analysis. Read more – ‘Tangible Maps’.
Processing geo information in Wikipedia articles
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’.
Data Vis at IUAV
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’.
Processing RSS Feeds
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’.
This course was about tangible information visualization for collaborative use on a tabletop display. Read more – ‘Begreifen!’.
Creative Coding 1
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’.
Mashups for MACE
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’.