TransparenZRH ­čĆć

Smart City Z├╝rich. Digitale Transparenz im ├Âffentlichen Raum.

Winner of the DINAcon 2021 Open Government Award.

{ hacknight challenges }

(a quick challenge for someone to take their first steps as a user...)

(something that one could do once familiar with the project...)

(a challenge for the coders and pro users in the room...)

Pilot Digitale Transparenz im ├Âffentlichen Raum

Daten spielen eine wichtige Rolle in der ┬źSmart City Z├╝rich┬╗. Dank ihnen kann beispielsweise die st├Ądtische Infrastruktur gezielt und effizient geplant und unterhalten werden. Mittels Sensoren, welche Fahrradfrequenzen, Luftqualit├Ąt und anderes messen, werden Daten im ├Âffentlichen Raum erhoben.

Mit zunehmender Datensammlung steigt die Bedeutung von Transparenz und Rechenschaftspflicht gegen├╝ber der ├ľffentlichkeit. Die Stadt Z├╝rich ist diesbez├╝glich bereits heute aktiv, indem sie viele Daten als ┬źOpen Data┬╗ ver├Âffentlicht. In diesem Pilotprojekt von Smart City Z├╝rich soll getestet werden, wie zus├Ątzliche Transparenz geschaffen werden kann.

Eine einfache Bildsprache informiert hierbei transparent ├╝ber die Sammlung von Daten im ├Âffentlichen Raum und deren Verwendung. Sensoren werden mit Piktogrammen und QR-Codes beschriftet. Letztere leiten auf Websites weiter, welche die gesammelten Daten visualisieren und weitere Informationen bieten. Dazu werden ausschliesslich Daten von bereits vorhandenen Sensoren und offenen, frei zug├Ąnglichen Beh├Ârdendaten (┬źOpen Data┬╗) verwendet.



Architecture Proof of Concept

PoC tech architecture

  • Frontend
    • SSR via Nuxt.js
    • TailwindCSS
  • Backend (see /api)

For testing and deployment add the following environment variables:


Main app run and deploy

# clone repository
git clone

# install dependencies
npm install

# serve frontend and backend with hot reload at localhost:3000
export API_URL=http://localhost:3000/api/v2/
vercel dev # frontent only: npm run dev

# build for production and launch server
npm run build
npm run start

# generate static project
npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Aggregated values cache

Some values are pre aggregated and cached in a S3 bucket as publicly readable files. To populate the cache (for production and testing handled via a GitHub Action run 5 min past every hour):

# Virtual environment and dependencies
python3 -m venv venv
. venv/bin/activate
pip install src/requirements.txt

# Set S3 environment variables

# Run cache updater
python src/


TransparenZRH Copyright (C) 2021 cividi GmbH

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. See LICENSE

Loading ...

Launched this at HACKnight 2021

All attendees, sponsors, partners, volunteers and staff at our hackathon are required to agree with the Hack Code of Conduct. Organisers will enforce this code throughout the event. We expect cooperation from all participants to ensure a safe environment for everybody.

Creative Commons LicenceThe contents of this website, unless otherwise stated, are licensed under a Creative Commons Attribution 4.0 International License.

HACKnight 2021