Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/technologiestiftung/kiezcolors

A map based tool to create a postcard showing the landuse distribution in your neighborhood
https://github.com/technologiestiftung/kiezcolors

Last synced: 30 days ago
JSON representation

A map based tool to create a postcard showing the landuse distribution in your neighborhood

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Built%20with%20%E2%9D%A4%EF%B8%8F-at%20Technologiestiftung%20Berlin-blue)

[![All Contributors](https://img.shields.io/badge/all_contributors-0-orange.svg?style=flat-square)](#contributors-)

# Kiezcolors

*Kiezcolors* is a map based tool that creates a postcard showing the landuse distribution in your neighborhood. The browser application uses Berlin’s landuse open data. By zooming in and out you can pick a location within Berlin and position it inside the circle. *Kiezcolors* then maps the individual areas onto a tree map diagram. You can print the resulting motive as a postcard and share it!

![kiezcolors_overview](https://github.com/technologiestiftung/kiezcolors/assets/46717848/fc4b20c6-4485-4a53-aafd-19c2ce5633e0)

## Tech stack

This website is a [svelte](https://svelte.dev/) app.

## Developing

Start a development server by running:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

## Data
You can find the data on Berlins [Geoportal (FIS-Broker)](https://fbinter.stadt-berlin.de/fb/)

Search for: *ALKIS*

Select *ALKIS Berlin (Amtliches Liegenschaftskatasterinformationssystem)*

Then select *ALKIS Berlin Tatsächliche Nutzung* on the right to get the WFS Link to download the data.

Or download directly via WFS:

```
https://fbinter.stadt-berlin.de/fb/wfs/data/senstadt/s_wfs_alkis_tatsaechlichenutzungflaechen?SERVICE=WFS&VERSION=2.0.0&REQUEST=GetCapabilities
```

Or as GeoJSON:

```
https://fbinter.stadt-berlin.de/fb/wfs/data/senstadt/s_wfs_alkis_tatsaechlichenutzungflaechen?SERVICE=WFS&VERSION=2.0.0&REQUEST=GetFeature&outputFormat=application/json&TYPENAMES=fis:s_wfs_alkis_tatsaechlichenutzungflaechen
```

You will need to convert the data to ```GeoJSON``` format and convert it to the ```EPSG:4326``` projection if you want to create the tiles for the map .

## Tile Creation

The tiles were created with *tippecanoe* by running the following command:

```bash
tippecanoe --output-to-directory ./tiles '--use-attribute-for-id=id' --no-tile-compression --force -B 13 '--minimum-zoom=10' '--maximum-zoom=13' ./alkis.geojson
```
Your input data has to be in ```GeoJSON``` format and in the ```EPSG:4326``` projection.

## Licence

The landuse data *ALKIS Berlin* can be downloaded from the Geoportal Berlin.

## Contributing

Before you create a pull request, write an issue so we can discuss your changes.

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):


This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

## Content Licensing

Texts and content available as [CC BY](https://creativecommons.org/licenses/by/3.0/de/).

## Credits



Made by








In cooperation with








A project by








Supported by







## Related Projects