Clarity, user-friendliness, and visual appeal are all considered when designers map out the metro systems of the world’s cities. Geographic accuracy is one factor that’s often left by the wayside. In a break from these norms, the Berlin-based web designers at Sansho Studio created a GIF that pairs the official map of Berlin’s Underground with its real-world depiction.
The animation uses data pulled from Google Maps, Wikipedia, and Berlin’s public transit system. As you can see in the GIF above, the transformation from one image to the next is dramatic. The first map shows the lines of Berlin’s underground as parts of an orderly, integrated system with a few graceful bends here and there. The geographic counterpart displays a map of sprawling scribbles more reminiscent of veiny waterways than the subway routes commuters know best.
Reddit user vinnivinnivinni of Sansho Studio posted their work on the subreddit Data is Beautiful, where it received more than 66,000 upvotes. It also inspired Reddit users to create similar GIFs for metro systems around the world. Below you can see some of the most impressive designs.