Corona Bayern Analyse

Die interaktive Karte zeigt die Entwicklung der Corona-Pandemie in Bayern, ein halbes Jahr nach Bekanntwerden des ersten Falls. Der Fokus liegt dabei auf der schrittweisen Ausbreitung und den besonders betroffenen Städten und Landkreisen in Bayern.

Artikel: https://www.br.de/nachrichten/bayern/der-weg-des-coronavirus-durch-bayern-eine-datenanalyse,S6Cc5Jq
Karte: https://web.br.de/interaktiv/corona-rueckblick/

Verwendung

Repository klonen git clone https://...
Erforderliche Module installieren npm install
Entwicklungsserver starten npm start
Projekt bauen mit npm run build

Um die Module installieren und die Entwicklerwerkzeuge nutzen zu können, muss vorher die JavaScript-Runtime Node.js installiert werden.

Daten

Die GeoDaten für die Bayernkarte (./data/bayern-counties.geo.json) stammen aus dem Open-Data-Portal des Bayerischen Vermessungsamts. Die Metadaten (./data/bayern-meta.json) dazu kommen aus unterschiedlichen Quellen. Die Ortskoordinaten (Lat/Long) für die jeweiligen Kreise haben wir aus den Geodaten des Bayerischen Vermessungsamts berechnet. Die Einwohnerzahlen basieren auf Angaben des Bayerischen Statistikamts.

Die Corona-Fallzahlen (./data/bayern-cases.json) kommen vom Robert Koch-Institut. Um die Daten abzufragen, verwenden wir unseren eigenen RKI-API-Wrapper. Dadurch lassen sich die historischen Fallzahlen (nach Erkennungsdatum) mit einem einfachen GET-Request abfragen:

curl "https://europe-west3-brdata-corona.cloudfunctions.net/rkiApi/query?group=Landkreis&bundesland=Bayern&dateField=Refdatum" -o ./data/bayern-cases.json

Analyse

Als Leitindikator verwenden wir die Anzahl der Neuinfektionen pro 100.000 Einwohner in den vergangenen 7 Tagen. Dieser Wert ist seit dem 6. Mai auch der Maßstab für die Einordnung des lokalen Infektionsgeschehens (Stichwort: Obergrenze). Für unsere Analyse beziehen wir uns dabei auf die Fallzahlen nach Erkennungsdatum. Das Erkennungsdatum, oder auch Referenzdatum, beschreibt den Beginn der Krankheit, zum Beispiel dann, wenn sich ein Patient mit Symptomen bei einem Arzt meldet. Das Meldedatum hingegen bezieht sich auf den Stichtag an dem ein Fall an die Behörden gemeldet wurde, unabhängig davon, wann eine Person erkrankt ist.

Für unsere Analyse berechnen wir die Neuinfektionen pro 100.000 Einwohner in den vergangenen 7 Tagen für jeden Kreis, an jedem Tag. Die Berechnungen werden mit folgendem Skript (Node.js) gestartet:

node analyse.js

Das Ergebnis der Berechnung wird in der Datei ./data/bayern-timeline.json gespeichert.

Im Skript selbst finden sich noch zwei auskommentierte, alternative Berechnungsarten: Fälle pro Tag und Fälle pro Woche. Die letztendlich gewählte Methode ist dabei ein guter Kompromiss aus beidem.

Karte

Die Karte wurde mit D3.js erstellt. In der Funktion ./src/map.js lassen sich viele Einstellungen tätigen, welche das Aussehen und die Funktionalität der Karte bestimmen.

Der Kartenausschnitt und die Zentrierung werden über die Projektion festgelegt:

const projection = geoMercator()
    .translate([width/2, height/2])
    .scale(4500)
    .center([11.4, 49.1]);

Die Größe der Punkte (3 bis 15) wird über eine kontinuierliche Skala definiert, welche auf der Quadratwurzel der Werte 0 bis 100 aufbaut:

const scale = scaleSqrt()
  .domain([0, 100])
  .range([3, 15]);

Statt 100 nehmen wir jedoch den Höchstwert der Fallzahlen pro 100.000 in den letzten 7 Tagen (maxValue = 428).

Die Farben der Punkte ist in der Funktion getColors() definiert und bezieht sich auf die politisch definierte Warn- und Obergrenze:

function getColor(value) {
  if (value >= 50) {
    return '#f03b20'; // red
  } else if (value >= 35) {
    return '#feb24c'; // orange
  } else {
    return '#ffeda0'; // yellow
  }
}

Die Animation der Karte wird durch die AnimationControl (Konstruktor) gesteuert:

const animation = new AnimationControl();

// Start animation
animation.start();

// Stop animation
animation.stop();

// Set animation index and playback
animation.set(20);
animation.start(20);

// Get current animation status
animation.status();
// => { isPlaying: true, currentIndex: 30 }

Der Aufruf dieser Funktionen erfolgt durch die verschiedenen Event-Handler, welche an bestimmte Eingabeelemente oder Aktionen gebunden sind (siehe registerEvents()).

Entwickeln

Zum lokalen Entwickeln ist ein kleiner HTTP-Server integriert. Diesen kann man mit dem Befehl npm start starten. Der Server läuft unter http://localhost:8080. Beim Starten des Entwicklungsservers sollte automatisch ein neues Browserfenster aufgehen. Bei Änderungen am Quellcode wird die Seite automatisch neu geladen (Live Reloading).

Auch die Stylesheets werden bei jeder Änderungen der Sass-Dateien neu erzeugt. Vendor-Prefixes wie -webkit oder -moz können weggelassen werden, das diese im Build durch den Autoprefixer hinzugefügt werden.