How to Make a Rent Map

Last year the Financial Times created a nice interactive map visualizing the cost of renting in London. The London Renting Crisis map allows Londoners to view a heat map of where they can afford to rent in the capital based on their annual salary.

The map includes a slide control which allows you to adjust the annual salary level. As you adjust the salary the map automatically updates to show where you can and can't afford to rent a room in a London flat.


The Berliner Morgenpost has now released the source code of a similar map for Berlin. Titel der Anwendung recreates the rent map of London but for Berlin, using the Leaflet mapping platform.

The Berlin map uses random data as it is just a demo of an interactive heat map using Leaflet and TopoJSON. The source code for the map is available on GitHub on an MIT license. You can therefore use the Berliner Morgenpost's map library to create your own adjustable heat map for anywhere in the world, using your own TopoJSON for the shaded polygon areas.