Code Monkey home page Code Monkey logo

transparenzranking.de's Introduction

Transparenzranking.de

Build status

Transparenzranking.de vergleicht alle Transparenzregelungen Deutschlands.

Setup

yarn install
yarn dev # start dev server
yarn build # build for production

Content

Der Inhalt der Seite wird aus den YAML- und Markdowndateien unter ./src/data generiert.

Kategorien und Kriterien

Die Kategorien bestehen aus title, slug (ein URL-freundlicher, einmaliger Identifier), color (einer CSS-kompatiblen Farbe, etwa #fff) und einer description.

Zu diesen Oberkategorien können die Rankingkriterien angelegt werden. Diese bestehen ebenfalls aus title und description, beinhalten zudem auch die Eigenschaft maxPoints (der für dieses Kriterium maximal erreichbaren Punktzahl). Die übergeordnete Kategorie kann mit category gesetzt werden. Dabei wird der slug einer aus der Kategoriedatei angegeben.

Länder

Jedes Land hat unter ./src/data/states sowohl eine gleichnamige Markdown- und YAML-Datei (etwa berlin.md und berlin.yml). Zudem sollte unter ./src/assets/img/wappen ein Wappen im svg-Format abgelegt werden (ebenfalls gleicher Dateiname). In der Markdowndatei kann eine ausführliche Beschreibung zum Land formuliert werden.

Die YAML-Datei beinhaltet folgende Eigenschaften (Beispiel: Berlin):

  • name
  • short: die Abkürzung des Landesnamen, etwa BE
  • year: das Inkrafttreten des Gesetzes
  • updated: optional wann das Gesetz das letzte Mal aktualisiert wurde
  • fdsId: die unter fds.yml angelegte ID der FragDenStaat-Jurisdiktion (etwa 1 für den Bund)
  • type: ein unter lawtypes.yml definierter Gesetzestyp wie ifg. Gibt es kein Gesetz, wird false angegeben
  • draft: handelt es sich um einen Gesetzesentwurf, hier true, sowie bei draftParent den Slug des aktuellen Gesetzes angeben.
  • criteria: gibt es kein IFG, kann diese Eigenschaft weggelassen werden. Eine Liste von Kriterien, bestehend aus
    • title: der Kriterientitel, wie unter criteria.yml angegeben
    • points: die erreichten Punkte
    • citation: die zitierte Gesetzesstelle
    • citationLink: optional. Ein absoluter URL zum Gesetz. Standardmäßig ein Anker für die FragDenStaat-Gesetzesseite.
    • limitation: optionale Einschränkung

Lizenz

Der Code ist MIT-lizensiert, die Inhalte (alle .yml und .md Dateien) fallen unter CC-BY 4.0.

transparenzranking.de's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

transparenzranking.de's Issues

Erläuterungen einbauen

Die Erläuterungen aus der Spalte rechts der Punktzahlen müssen noch in den Index eingearbeitet werden. Das sind die Fundstellen als Begründung für die jeweilige Bewertung. Unterhalb der Erklärung im ausklappbaren Text sollte reichen.

Abstand Dropdown Menü

Lass die Abstände für der Auswahlfelder im Menü für das Dropdown auch mal anfassen. Ich füge es in Sketch hinzu.

Klärung: Sind viele Prozent gut?

Eine hohe Prozentzahl etwa bei Gebühren könnte missverständlich sein - heißt 80%, dass es viele oder wenige Gebühren gibt? Mindestens im Text klarstellen

Einbindung iframe

Wär natürlich schön, wenn man die Rankings auf Newsseiten auch per iframe einbinden könnte. Für die Zukunft.

"IFG seit" noch fehlerhaft

BaWü ist falsch (müsste 2015 statt 2012 sein) ; Bund müsste "2006, zuletzt geändert 2013" sein, das fehlte in meinen Daten

Idealerweise steht bei den 4 ohne "kein Informationsfreiheitsgesetz" - und bei Hamburg und Rheinland-Pfalz "Transparenzgesetz" statt "Informationsfreiheitsgesetz"; je nach Aufwand machen/nicht machen

Internationalen Vergleich

Vergleich von Deutschland mit anderen Ländern ist sinnvoll. Zumindest die Darstellung, dass fast alle anderen europäischen Länder ein IFG haben.

Technische Upgrades, Housekeeping

  • bower ersetzen
  • übermäßig viel JS im Frontend (Angular, d3, jQuery - für die Zwecke eigentlich nicht nötig)
  • Änderungen im Spreadsheet müssen manuell aktualisiert werden, CI besser
  • viel alter, auskommentierter Code
  • viele HTTP-Requests
  • build files im Repo

Farbigkeit der Karte

Wir könnten die Länder, in denen es kein IFG gibt rot einfärben und eine dramatische Melodie abspielen, da es keine Detailseiten gibt. Dööööö Döööööööööö

@arnese Oder willst du eine Detailseite haben?

Gesetze bei uns darstellen

Es wäre schön, alle IFG-Gesetzestexte bei uns im selben Format vorliegen zu haben. Dann könnte man darauf verlinken, könnte Gesetzesänderungen darstellen und allerlei Spielereien veranstalten.
Derzeit müsste nach außen verlinkt werden, das ist nicht so schön.
(Nachteil: Muss man aktuell halten. Ist aber nicht sonderlich aufwändig, nur nicht unbedingt nachhaltig.)

Platzierung anzeigen?

Schön wäre es eigentlich, auf den ersten Blick zu sehen, welchen Rang ein Bundesland hat - also Thüringen 10., Rheinland-Pfalz 5. usw. - jetzt muss man durchzählen.

Kleinigkeiten

Startseite:

  • Einzelne Balken verlinken auf Bundesland
  • In Drop-Down-Menü Bund in Sortierung nach oben
  • Link Unsere Kriterien zentral ausrichten
  • Pull-Request mergen
  • Links aus Karte und Drop-Down-Menü auf Startseite müssen klein geschrieben werden #19
  • Link für Gesamtranking fehlt (also zurückkommen von Einzelkategorie zum Gesamtranking)
  • Zwischen Gesamtranking und Einzelkategorie verändert sich die Reihenfolge der Bundesländer
  • In Karte Bundesländer verlinken
  • In Karte Bundesländer mit richtigem Link verlinken ;)
  • Unterstreichen von Baden-Württemberg in Karte entfernen
  • Bei 95% (Ausnahmen) geht die Zahl über die Begrenzung rüber
  • Footer: Farbe von Links ändern, damit sie von regulärem Text unterschieden werden können
  • Footer: Verweis auf FragDenStaat für Anfragen
  • Footer: Verweis auf Broschüre
  • Footer: OKF und MD-Logo verlinken
  • Verlinkung der Bundesländer in Übersicht auf Bundesländerseiten
  • Reihenfolge der Bundesländer in Ranking nach Rang, nicht Alphabet

Bundeslandseite:

  • Ausklapp-Pfeil ändern
  • Extraseite zu Methodik und Hintergrund anlegen

maximale Textlänge

Der Fließtext sollte maximal 750-800px breit sein.
Das gilt nicht für die Einleitung »Jede Person hat das Recht auf« und auch nicht für das Balkendiagramm.

kein IFG

wenn es kein IFG gibt sollte das auf der Seite angezeigt werden. Momentan steht dort nur "Informationsfreiheitsgesetz seit" ohne eine Zahl

Weitere Indikatoren

  • Open Data Gesetz
  • Vergaberecht
  • Korruptionsregister?
  • Lobbyregister?
  • Abgeordnetentransparenz?

0% Anzeige

Ich fände es gut, wenn die 0% auf den einzelnen Bundeslandseiten, ähnlich wie auf der Startseite, nicht so direkt am Rand des Balkens wäre, sondern etwas Abstand hätte.
bildschirmfoto 2017-03-01 um 12 52 51
bildschirmfoto 2017-03-01 um 12 53 00

Filter in Mobil-Version als Dropdown

Es wäre super, wenn die Filter für das Balkendiagramm in der Mobilversion zu einem Dropdown. Sonst wird es zu lang.

Ich füge es in Sketch hinzu!

IFG verlinken

die IFGs sollten auf den Unterseiten verlinkt sein

Bayern

Wenn ich im Dropdown-Menü Bayern wähle, werde ich aktuell auf die Startseite verlinkt.

bildschirmfoto 2017-03-01 um 12 57 44

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.