Spinning globe with glowing city markers in D3.js

A spinning globe that shows all cities in the Geonames data set with more than 100.000 inhabitants as graduated circle markers. There are HTML5 sliders to adjust rotation speed & direction, the opacity level and marker size as well as a color picker. The visualization was inspired by this great tutorial by Curran Kelleher and was finished in one afternoon / evening.

Realized with D3.js, HTML5

Mapping Nightlife

How does the spatial distribution of nightlife activity in Germany's biggest cities look like? To find an answer to this and further questions, we've joined forces with the HafenCity University Hamburg during their research project „Stadtnachacht – Management der Urbanen Nachtökonomie“. We collected location data from business listings for 13 cities and turned this data set into dot density maps. The maps have been used to communicate the research results online as well as for the project's final print release.

Realized with: Python, QGIS, Closr

Wanderlust StoryMap

On June 2014 I left for gap year, travelling around the world and living as a digital nomad. I used this simple story map to display my current position during the longer stays and to get in contact with the local mapping, dataviz and open data community. The map was created and maintained with Storymap's easy to use web interface, which is a great tool if you quickly want to build a no frills story map,

Realized with: StorymapJS


Adding interactivity to static maps

This project is about creating individually styled static maps and giving them interactive features at the same time. The map's purpose is to give job seekers, who are unfamiliar with the Shenzhen metropolitan area, a basic understanding of its geography while at the same time showing the spelling of each district in English, Pinyin tone marks and Chinese. This is achieved by adding highlighting and hovering effects with tooltips to the custom static map with the help of several QGIS-Plugins. The corresponding blog post gives a detailed description of the process.

Realized with: QGIS, Leaflet

Mapping in deep space

In this small project we created a 3D-model of the comet 67P/Churyumov-Gerasimenko and mapped the landing site of ESA's Philae probe on it. We used 123D Catch to stitch together pictures that had been released under Creative Commons license and produced a meshed and textured model that can be explored in the browser. A really quick workflow that promises to be handy for more down-to-earth mapping projects as well.

Realized with: 123D Catch, Sketchfab


9 days in Amsterdam - Tracking my mobility in bicycle wonderland

This is a simple visualization of all the distances I covered during a 9 days visit to Amsterdam. GPS positions have been tracked via smartphone and OpenPaths and have later on been corrected & completed in QGIS. The tracks are styled in dutch oranje, with transparency effects to highlight routes that were covered multiple times. Additionally every track has been categorized by means of transportation, resulting in a personal modal split that's depicted in a bar chart.

Realized with: OpenPaths, QGIS, Adobe Illustrator


24h time-lapse of carsharing in Berlin on a World Cup matchday

A time-lapse video of carsharing activity in Berlin during the day of the World Cup 2014 match Brazil vs. Germany. Take a look at how Berlin is almost standing still during the match (22:00 - 23:45) and how it comes back alive immediately after the victory of the German team.

This video was produced in collaboration with civity management consultants, who provided the underlying data. Their most recent (german) publication is an in-depth analysis of the impact and relevance of 'free floating carsharing' - both economically as well as traffic wise.

Realized with: Processing, Unfolding Maps, TileMill, QGIS

Health care inequality - Physician's offices and income distribution

German weekly newspaper 'Die Zeit' published an article on the distribution of physicians in major German cities. They used maps to show the relationship between income and physician density. We really liked the general message of the article as well as the style in which they presented the result. We just felt, that one thing was missing: some words on the significance of the correlation between income and physicians density.  We've therefore taken their data and drew a quick scatter plot diagram in Tableau to check the level of significance for Hamburg.

Realized with: Tableau Public

The Global Distribution of Terrestrial Mammals

@JulieDeLaMer wrote her master thesis on the protection of terrestrial mammal species. Together with her we've mapped some of the results of her work. One of the maps is a rather descriptive visualization of the distribution areas of terrestrial mammals joined by a chart showing the number of species as well as the land area for every latitude.

Realized with: ArcGIS, QGIS, Adobe Illustrator


Recruitment events of the German Army

This project was all about speed: We mapped data from a newly available document - opened up by several German MPs - which contains locations and further information about all recruitment events of the German Army in the 2nd quarter of 2014. The whole process of data extraction, cleaning and mapping took about 1,5 hours.

Realized with: Tabula, CartoDB

Travel Score

Travel Score is an interactive map that visualizes and calculates how much of the earth the user has explored. It is based on graticular blocks with a size of 2x2 degrees, that contain information on state boundaries, population and land area. By selecting those areas the user has already traveled to, an overall 'Travel Score' is calculated. So what's you Travel Score?

Realized with: D3.jsQGIS


The Limited Accessibility of Public Transport

For this project, we've remapped the public transit networks of Hamburg, London and New York. By eliminating the name of every station that is not accessible, the maps show public transit networks out of the perspective of a handicapped person. The resulting maps are published with an interactive slider to swipe between the original and the thinned out network. They visualize clearly, that there's still a lot to do to improve barrier-free access.

Realized with: Adobe Illustrator + Photoshop, jQuery TwentyTwenty

Berlin A-Z

The basic idea behind this project was to explore how phone directories can serve as a data source for various analytical tasks, e.g. exploring urban migration. We've been able to identify over 50.000 intracity relocations in the city of Berlin between 2004 - 2012. Thanks to the high geographic precision (postal addresses) and in combination with house-coordinates it was possible to show insights at a very high level of spatial granularity.

Realized with: QGIS, MS Access, D3.js


The Geography of Nonvoters

Before, as well as after the German federal election of 2013, we produced a series of maps focusing on the number of people who did not cast their vote. We combined election results with detailed land-use datasets to generate point density maps of all nonvoters. In our 2013 version we styled the points in diverging colors according to the percentage of nonvoters in each district in order to facilitate the identification of spatial patterns.

Realized with: QGISTileMillMapbox


One Week of Carsharing

The project used scraping methods to gather car-sharing usage data for 19 cities throughout Europe and North America. We analyzed the data and created visualizations about trip lengths, spatial distribution, usage intensity etc. for each city. Due to legal problems the project is unfortunately no longer available in its original form. We are using a fake dataset now to give a glimpse into the potential we see in analyzing data sets like this one.

Realized with: Python, MS Access, MS Excel, Adobe Illustrator

Mapping Tourism

In the last years, tourism has continuously been booming in Hamburg. Nevertheless there is no open database or visualization that lists or displays all the city's hotels. With 'Mapping Tourism' we've created an interactive map that shows the spatial distribution of all hotels, hostels and airbnb apartments. The visualization allows to identify areas with a high agglomeration of hotels as well as areas where there's a high density of projects currently under way. Additionally a comparison between hotel locations and airbnb listings reveals that both types or tourism seem to result in quite different spatial patterns.

Realized with: R, Python, CartoDB