The Berliner Erfrischungskarte (Berlin refreshment map) is an interactive map of Berlin that shows shadows, cold wind areas and temperature intensities across a typical summer day.
Climate change is causing increasingly hot, dry weather in many places. In recent years, Berlin has also experienced more hot days than ever before. This map shows you where, when and how you can find refreshment on such days, because due to the differentiated topography there can be considerable differences within the city. For each hour from 10 a.m. to 9 p.m., it shows you where it tends to be cool, where a fresh breeze usually blows and where there is shade. Also discover refreshing places like swimming spots, drinking fountains and parks. With one click via the share function, you can share your new favorite place with others.
This application is completely based on open data, much of which is administrative data. Open data is now an important part of Berlin's administrative activities and not only creates transparency and openness, but also enables analysis and applications like this to make everyday life a little bit more pleasant. You can find more open data at the Berlin Open Data Portal.
This website is a NextJS app configured with:
- Linting with ESLint
- Formatting with Prettier
- Linting, typechecking and formatting on by default using
huskyfor commit hooks
- Testing with Jest and
This repository contains the frontend code of the Berliner Erfrischungskarte app. The data and the data processing scripts are contained in another repository: erfrischungskarte-daten. There you can also find further information about the original data sources.
Install and contribute
You will need a Mapbox account to render the map locally. You will need to put your Mapbox access token into the
NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN environment variable. Make also sure to add whatever URL the app is run on to the list of allowed URLs in your Mapbox configuration.
We use the Google Analytics alternative Matomo, which is more respectful of the users' privacy, in order to track the page-visits on the page.
You will need a Matomo account if you wish to use page analytics as well and configure the environment variables
NEXT_PUBLIC_MATOMO_SITE_ID for this purpose.
# Clone the repo git clone email@example.com:technologiestiftung/erfrischungskarte-frontend.git # Move into the repo cd erfrischungskarte-frontend # Install the npm dependencies npm install # Create your own .env file cp .env.example .env # Edit the .env file with your own values vim .env # Use your favourite editor here
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
Texts and content available as CC BY.
A project by: