marcusraitner/covid-19-7-day-incidence-county.js

## covid-19-7-day-incidence-county.js
// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: deep-gray; icon-glyph: magic;
// Licence: Robert Koch-Institut (RKI), dl-de/by-2-0
// Author: Marcus Raitner (https://fuehrung-erfahren.de)
// Source: https://gist.github.com/marcusraitner/a1b633625d1016498eaaab712461dfc4
// Version: 1.0.1
// Changelog:
// * 1.0.1: Correction of layout of label for covid-beds
// * 1.0.2: Bug-Fix for Saar-Pfalz-Kreis (using GEN instead of county for join)
// * 1.0.3: Bug-Fix for Landsberg a. Lech (now using both GEN and county)
// * 1.0.4: Bug-Fix. Now using AGS for join (county and GEN only as backup)
// * 1.1.0: New API for vaccinations
// * 1.2.0: New colors and a new step for incidence 165
// * 1.3.0: New feature: Show also incidence for Germany with "showGermanyValue = true"
// * 1.4.0: New feature: R-Value for Germany. Bugfix for date of incidence

//------------------------------------------------------------------------------
// General Options Section
//------------------------------------------------------------------------------

// Set to true for debugging information in the console
const debug = false;

// Set to true for an image background, false for no image.
const imageBackground = false;

// Set to true to reset the widget's background image.
const forceImageUpdate = false;

// Show also the incidence for Germany in total
const showGermanyValue = false;

// palette found here: https://coolors.co/03071e-370617-6a040f-9d0208-d00000-dc2f02-e85d04-f48c06-faa307-ffba08
const incidenceColors = [{
    lower: 0,
    color: new Color('#cccccf', 1)
  },
  {
    lower: 35,
    color: new Color('#FFBA08', 1)
  },
  {
    lower: 50,
    color: new Color('#F48C06', 1)
  },
  {
    lower: 100,
    color: new Color('#E85D04', 1)
  },
  {
    lower: 165,
    color: new Color('#DC2F02', 1)
  },
  {
    lower: 200,
    color: new Color('#9D0208', 1)
  }
];

// colors for covid beds highlighting
const colorCovidBed = new Color('#DC2F02', 1);
const colorCovidBedVentilation = new Color('#9D0208', 1);

// other colors
const accentColor2 = Color.lightGray(); // used for weekends
const bedsLineColor = new Color('#939598', 1);
const bedsLineFreeColor = new Color('#4D8802', 1);
const vaccinationColor = new Color('#00848C', 1);
const vaccinationBoosterColor = new Color('#004156', 1);

// Gradients
let vaccinationGradient = new LinearGradient();
vaccinationGradient.locations = [0, 0.2, 0.8, 1];
vaccinationGradient.colors = [
  new Color('#8C8C8C', 1),
  new Color('#535353', 1),
  new Color('#535353', 1),
  new Color('#8C8C8C', 1)

];

let backgroundGradient = new LinearGradient();
backgroundGradient.locations = [0, 0.2, 0.8, 1];
backgroundGradient.colors = [
  new Color("#28416F"),
  new Color("#141E30"),
  new Color("#141E30"),
  new Color("#28416F")
];
//------------------------------------------------------------------------------

const DAY_IN_MICROSECONDS = 86400000;

const widgetHeight = 338;
const widgetWidth = 720;
const graphLow = 0;
const graphHeight = 170;
const spaceBetweenDays = 47;
const bedsLineWidth = 12;
const vertLineWeight = 42;
const tickWidth = 4;

// APIs
const apiUrl = (location) => `https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/RKI_Landkreisdaten/FeatureServer/0/query?where=1%3D1&outFields=GEN,AGS,EWZ,EWZ_BL,cases,death_rate,deaths,cases7_per_100k,cases7_bl_per_100k,BL,county&geometry=${ location.longitude.toFixed( 3 ) }%2C${ location.latitude.toFixed( 3 ) }&geometryType=esriGeometryPoint&inSR=4326&spatialRel=esriSpatialRelWithin&returnGeometry=false&outSR=4326&f=json`;

const apiUrlData = (county, minDate) => `https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/Covid19_RKI_Sums/FeatureServer/0/query?where=Landkreis+LIKE+%27%25${ encodeURIComponent( county ) }%25%27+AND+Meldedatum+%3E+%27${ encodeURIComponent( minDate ) }%27&objectIds=&time=&resultType=none&outFields=*&returnIdsOnly=false&returnUniqueIdsOnly=false&returnCountOnly=false&returnDistinctValues=false&cacheHint=false&orderByFields=Meldedatum&groupByFieldsForStatistics=&outStatistics=&having=&resultOffset=&resultRecordCount=&sqlFormat=none&f=json&token=`;

const apiUrlData2 = (ags, minDate) => `https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/Covid19_RKI_Sums/FeatureServer/0/query?where=idLandkreis%3D+${ encodeURIComponent( ags ) }+AND+Meldedatum+%3E+%27${ encodeURIComponent( minDate ) }%27&objectIds=&time=&resultType=none&outFields=*&returnIdsOnly=false&returnUniqueIdsOnly=false&returnCountOnly=false&returnDistinctValues=false&cacheHint=false&orderByFields=Meldedatum&groupByFieldsForStatistics=&outStatistics=&having=&resultOffset=&resultRecordCount=&sqlFormat=none&f=json&token=`;

const diviApiUrl = (location) => `https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/DIVI_Intensivregister_Landkreise/FeatureServer/0/query?where=1%3D1&outFields=*&geometry=${ location.longitude.toFixed( 3 ) }%2C${ location.latitude.toFixed( 3 ) }&geometryType=esriGeometryPoint&inSR=4326&spatialRel=esriSpatialRelWithin&returnGeometry=false&outSR=4326&f=json`;

const vaccUrl = `https://api.corona-zahlen.org/vaccinations`;

const germanyUrl = `https://api.corona-zahlen.org/germany`;

const stateToAbbr = {
  'Baden-Württemberg': 'BW',
  'Bayern': 'BY',
  'Berlin': 'BE',
  'Brandenburg': 'BB',
  'Bremen': 'HB',
  'Hamburg': 'HH',
  'Hessen': 'HE',
  'Mecklenburg-Vorpommern': 'MV',
  'Niedersachsen': 'NI',
  'Nordrhein-Westfalen': 'NW',
  'Rheinland-Pfalz': 'RP',
  'Saarland': 'SL',
  'Sachsen': 'SN',
  'Sachsen-Anhalt': 'ST',
  'Schleswig-Holstein': 'SH',
  'Thüringen': 'TH'
};

let widget = await createWidget();
await widget.presentMedium();

Script.setWidget(widget);
Script.complete();

async function createWidget(items) {
  let location;
  const list = new ListWidget();

  // If it's an image background, display it.
  if (imageBackground) {

    // Determine if our image exists and when it was saved.
    const files = FileManager.local()
    const path = files.joinPath(files.documentsDirectory(), "covid19-background-image")
    const exists = files.fileExists(path)

    // If it exists and an update isn't forced, use the cache.
    if (exists && (config.runsInWidget || !forceImageUpdate)) {
      list.backgroundImage = files.readImage(path)

      // If it's missing when running in the widget, use a gray background.
    } else if (!exists && config.runsInWidget) {
      list.backgroundGradient = backgroundGradient;

      // But if we're running in app, prompt the user for the image.
    } else {
      const img = await Photos.fromLibrary()
      list.backgroundImage = img
      files.writeImage(path, img)
    }

    // If it's not an image background, show the gradient.
  } else {
    list.backgroundGradient = backgroundGradient;
  }

  list.setPadding(0, 0, 0, 0);

  // get current location or use given args
  if (args.widgetParameter) {
    if (debug) {
      console.log('get fixed lat/lon');
    }

    const fixedCoordinates = args.widgetParameter.split(',').map(parseFloat);
    location = {
      latitude: fixedCoordinates[0],
      longitude: fixedCoordinates[1]
    };
  } else {
    Location.setAccuracyToThreeKilometers();
    try {
      location = await Location.current();

      if (debug) {
        console.log('get current lat/lon');
      }
    } catch (e) {
      errorText = list.addText('Keine Ortsdaten gefunden');
      errorText.textColor = Color.white();
      return list;
    }
  }

  if (debug) {
    console.log("Getting data for Germany: " + germanyUrl);
  }

  const germanyData = await new Request(germanyUrl).loadJSON();

  if (debug) {
    console.log(germanyData);
  }
  if (debug) {
    console.log("Getting info for location: " + apiUrl(location));
  }

  // get data for current location
  const locationData = await new Request(apiUrl(location)).loadJSON();

  if (debug) {
    console.log(locationData);
  }

  if (!locationData || !locationData.features || !locationData.features.length) {
    errorText = list.addText('Keine Ergebnisse für den aktuellen Ort gefunden.');
    errorText.textColor = Color.white();
    console.log(locationData)
    return list;
  }

  const attr = locationData.features[0].attributes;

  if (debug) {
    console.log("Getting DIVI info for location: " + diviApiUrl(location));
  }

  // get data for ICU beds of current location
  const diviLocationData = await new Request(diviApiUrl(location)).loadJSON();

  if (debug) {
    console.log(diviLocationData);
  }

  if (!diviLocationData || !diviLocationData.features || !diviLocationData.features.length) {
    errorText = list.addText('Keine DIVI-Ergebnisse für den aktuellen Ort gefunden.');
    errorText.textColor = Color.white();
    console.log(diviLocationData);
    return list;
  }

  const diviAttr = diviLocationData.features[0].attributes;

  // extract information needed
  const cityName = attr.GEN; // name of 'Landkreis'
  const ewz = attr.EWZ / 100000; // number of inhabitants
  const ewzBL = attr.EWZ_BL
  const county = attr.county; // Landkreis
  const gen = attr.GEN;
  const ags = attr.AGS;
  const bundesLand = stateToAbbr[attr.BL];
  const bl = attr.BL;
  const incidenceBl = Math.round(attr.cases7_bl_per_100k);

  const freeBeds = (!diviAttr.betten_frei ? 0 : diviAttr.betten_frei);
  const beds = (!diviAttr.betten_gesamt ? 0 : diviAttr.betten_gesamt);
  const usedBeds = (!diviAttr.betten_belegt ? 0 : diviAttr.betten_belegt);
  const cases = (!diviAttr.faelle_covid_aktuell ? 0 : diviAttr.faelle_covid_aktuell);
  const casesBeatmet = (!diviAttr.faelle_covid_aktuell_beatmet ? 0 : diviAttr.faelle_covid_aktuell_beatmet);

  // get data for the last 21 days
  const date = new Date();
  if (showGermanyValue) {
    date.setTime(date.getTime() - 19 * DAY_IN_MICROSECONDS);
  } else {
    date.setTime(date.getTime() - 20 * DAY_IN_MICROSECONDS);
  }

  const minDate = ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + date.getDate()).slice(-2) + '-' + date.getFullYear();

  let countyData;

  if (ags) {
    if (debug) {
      console.log("Getting data for ags: " + apiUrlData2(ags, minDate));
    }

    countyData = await new Request(apiUrlData2(ags, minDate)).loadJSON();

    if (debug) {
      console.log(countyData);
    }

  } else {
    if (debug) {
      console.log("Getting data for county: " + apiUrlData(gen, minDate));
    }

    countyData = await new Request(apiUrlData(gen, minDate)).loadJSON();

    if (debug) {
      console.log(countyData);
    }

    if (!countyData || !countyData.features || !countyData.features.length) {

      if (debug) {
        console.log("Getting data for county: " + apiUrlData(county, minDate));
      }

      countyData = await new Request(apiUrlData(county, minDate)).loadJSON();

      if (debug) {
        console.log(countyData);
      }
    }
  }


  if (!countyData || !countyData.features || !countyData.features.length) {
    list.addText('Keine Statistik gefunden.');
    return list;
  }

  if (debug) {
    console.log("Getting vaccination data: " + vaccUrl);
  }

  const vaccData = await new Request(vaccUrl).loadJSON();

  if (debug) {
    console.log(vaccData);
  }

  if (!vaccData) {
    list.addText('Kein Impfstatus gefunden.');
    return list;
  }

  let quoteInitial = Math.round(vaccData.data.states[bundesLand].quote * 1000) / 10;
  let quoteBooster = Math.round(vaccData.data.states[bundesLand].secondVaccination.quote * 1000) / 10;

  let stack = list.addStack();
  stack.layoutHorizontally();
  stack.setPadding(0, 0, 0, 0);

  let leftStack = stack.addStack();
  leftStack.layoutVertically();
  leftStack.setPadding(7, 7, 7, 0);

  stack.addSpacer(10);

  let rightStack = stack.addStack();
  rightStack.setPadding(0, 0, 0, 0);
  rightStack.backgroundGradient = vaccinationGradient;
  rightStack.cornerRadius = 4;

  let incidenceText = leftStack.addText('🦠 7-Tage-Inzidenz'.toUpperCase() + ' – ' + county);
  incidenceText.font = Font.semiboldRoundedSystemFont(11);
  incidenceText.textColor = Color.white();
  leftStack.addSpacer();

  // Add vaccination status
  const vaccinationHeight = widgetHeight - 10;
  const vaccinationBottom = vaccinationHeight;
  const vaccinationWidth = 90;
  const vaccinationBarWidth = 20;

  let drawContext = new DrawContext();
  drawContext.size = new Size(vaccinationWidth, vaccinationHeight);
  drawContext.opaque = false;

  let vaccinationTextRect = new Rect(15, 10, vaccinationWidth - 10, 55);
  drawTextR(drawContext, '💉', vaccinationTextRect, Color.white(), Font.mediumSystemFont(50));

  vaccinationTextRect = new Rect(6, 5, vaccinationWidth - 10, 25);
  drawTextR(drawContext, bundesLand, vaccinationTextRect, Color.white(), Font.mediumSystemFont(22));
  let vaccinationRect = new Rect(0, (1 - quoteInitial / 100) * vaccinationBottom, vaccinationWidth, vaccinationBottom * quoteInitial / 100);
  drawRoundedRect(drawContext, vaccinationRect, vaccinationColor, 4);

  vaccinationTextRect = new Rect(10, (1 - quoteInitial / 100) * vaccinationBottom - 26, vaccinationWidth, 22);
  drawTextR(drawContext, quoteInitial + ' %', vaccinationTextRect, Color.white(), Font.regularSystemFont(22));

  let vaccinationBoosterRect = new Rect(0, (1 - quoteBooster / 100) * vaccinationBottom, vaccinationWidth, vaccinationBottom * quoteBooster / 100);
  drawRoundedRect(drawContext, vaccinationBoosterRect, vaccinationBoosterColor, 4);
  vaccinationTextRect = new Rect(10, (1 - quoteBooster / 100) * vaccinationBottom - 21, vaccinationWidth, 22);
  drawTextR(drawContext, quoteBooster + ' %', vaccinationTextRect, Color.white(), Font.regularSystemFont(22));

  drawLine(drawContext, new Point(1, 0), new Point(1, vaccinationHeight), 2, Color.lightGray());

  rightStack.addImage(drawContext.getImage());

  let min, max, diff;

  let dailyValues = new Array();


  for (let i = countyData.features.length - 1; i >= 6; i--) {
    dailyValues[i] = countyData.features[i].attributes.AnzahlFall / ewz;

    let sum = 0;

    for (let j = 0; j < 7; j++) {
      sum += countyData.features[i - j].attributes.AnzahlFall;
    }

    sum /= ewz;
    countyData.features[i].attributes.AnzahlFall = Math.round(sum);
  }

  countyData.features.splice(0, 6);
  dailyValues.splice(0, 6);

  for (let i = 0; i < countyData.features.length; i++) {
    let aux = countyData.features[i].attributes.AnzahlFall;

    max = (aux > max || max == undefined ? aux : max);
  }

  if (incidenceBl > max) {
    max = incidenceBl;
  }

  if (showGermanyValue && germanyData.weekIncidence > max) {
    max = germanyData.weekIncidence;
  }

  min = 0;
  diff = max - min;

  let graphDrawContext = new DrawContext();
  graphDrawContext.size = new Size(widgetWidth - vertLineWeight, graphHeight);
  graphDrawContext.opaque = false;
  graphDrawContext.setFont(Font.mediumSystemFont(22));
  graphDrawContext.setTextAlignedCenter();

  const graphTop = 23;
  const graphBottom = graphHeight - 23;
  const barHeight = graphBottom - graphTop;

  for (let i = 0; i < countyData.features.length; i++) {
    let date = new Date(countyData.features[i].attributes.Meldedatum);
    date.setDate(date.getDate() + 1);
    const day = date.getDate();
    const dayOfWeek = date.getDay();
    const cases = countyData.features[i].attributes.AnzahlFall;
    const delta = (cases - min) / diff;

    let drawColor;

    const casesRect = new Rect(spaceBetweenDays * i, graphBottom - (barHeight * delta) - 28, vertLineWeight, 23);
    const dayRect = new Rect(spaceBetweenDays * i, graphBottom + 3, vertLineWeight, 23);

    let dayColor;

    if (dayOfWeek == 0 || dayOfWeek == 6) {
      dayColor = accentColor2;
    } else {
      dayColor = Color.white();
    }

    if (i == countyData.features.length - 1) {
      if (showGermanyValue) {
        const delta = (germanyData.weekIncidence - min) / diff;
        const y = graphBottom - (barHeight * delta);
        const width = vertLineWeight + 7;
        const x = widgetWidth - vertLineWeight - width - 4;

        drawColor = getColor(germanyData.weekIncidence);

        let rect = new Rect(x, graphBottom - (barHeight * delta), width, barHeight * delta - 2);

        drawRoundedRect(graphDrawContext, rect, new Color("#6c757d", 1), 4);
        let path = new Path();

        path.addRoundedRect(rect, 4, 4);
        graphDrawContext.addPath(path);
        graphDrawContext.setLineWidth(4);
        graphDrawContext.setStrokeColor(drawColor);
        graphDrawContext.strokePath();

        const bundesLandRect = new Rect(x, y + 3, width, 23);
        drawTextR(graphDrawContext, "DE", bundesLandRect, dayColor, Font.mediumSystemFont(21));
        const bundesLandIncidenceRect = new Rect(x, y - 28, width, 23);
        drawTextR(graphDrawContext, Math.round(germanyData.weekIncidence), bundesLandIncidenceRect, dayColor, Font.mediumSystemFont(21));

        let rRect = new Rect(x, graphBottom - 28, width, 23);
        drawTextR(graphDrawContext, germanyData.r.value.toFixed(2), rRect, dayColor, Font.mediumSystemFont(21));

        rRect = new Rect(x, graphBottom - 50, width, 23);
        drawTextR(graphDrawContext, "R", rRect, dayColor, Font.mediumSystemFont(21));
      }

      const delta = (incidenceBl - min) / diff;
      const y = graphBottom - (barHeight * delta);
      const x1 = spaceBetweenDays * (i + 1) + spaceBetweenDays / 3;

      drawColor = getColor(incidenceBl);

      let rect = new Rect(spaceBetweenDays * i + 2, graphBottom - (barHeight * delta), vertLineWeight * 2.5, barHeight * delta - 2);

      drawRoundedRect(graphDrawContext, rect, new Color("#343a40", 1), 4);
      let path = new Path();

      path.addRoundedRect(rect, 4, 4);
      graphDrawContext.addPath(path);
      graphDrawContext.setLineWidth(4);
      graphDrawContext.setStrokeColor(drawColor);
      graphDrawContext.strokePath();

      const bundesLandRect = new Rect(x1, y + 3, vertLineWeight, 23);
      drawTextR(graphDrawContext, bundesLand, bundesLandRect, dayColor, Font.mediumSystemFont(21));
      const bundesLandIncidenceRect = new Rect(x1, y - 28, vertLineWeight, 23);
      drawTextR(graphDrawContext, incidenceBl, bundesLandIncidenceRect, dayColor, Font.mediumSystemFont(21));
    }

    drawColor = getColor(cases);

    let rect = new Rect(spaceBetweenDays * i, graphBottom - (barHeight * delta), vertLineWeight, barHeight * delta);
    drawRoundedRect(graphDrawContext, rect, drawColor, 4);

    const dailyDelta = (dailyValues[i] - min) / diff;
    rect = new Rect(spaceBetweenDays * i, graphBottom - (barHeight * dailyDelta), vertLineWeight, barHeight * dailyDelta);

    drawRoundedRect(graphDrawContext, rect, new Color("#FFFFFF", .4), 4);

    drawTextR(graphDrawContext, cases, casesRect, dayColor, Font.mediumSystemFont(21));
    drawTextR(graphDrawContext, day, dayRect, dayColor, Font.mediumSystemFont(21));

  }

  let graphImage = graphDrawContext.getImage();
  leftStack.addImage(graphImage);
  leftStack.addSpacer();

  drawContext = new DrawContext();
  const bedsHeight = 80;
  const bedsWidth = graphImage.size.width - 30;
  drawContext.size = new Size(bedsWidth, bedsHeight);
  drawContext.opaque = false;

  let freeBedsWidth = freeBeds / beds * bedsWidth;
  let covidBedsWidth = cases / beds * bedsWidth;
  let beatmetBedsWidth = casesBeatmet / beds * bedsWidth;

  freeBedsWidth = (!freeBedsWidth ? tickWidth / 2 : freeBedsWidth);
  covidBedsWidth = (!covidBedsWidth ? tickWidth / 2 : covidBedsWidth);
  beatmetBedsWidth = (!beatmetBedsWidth ? tickWidth / 2 : beatmetBedsWidth);

  // Line representing all beds
  let bedsLineRect = new Rect(0, bedsHeight / 2 - bedsLineWidth / 2, bedsWidth, bedsLineWidth);
  drawRoundedRect(drawContext, bedsLineRect, bedsLineColor, 2)

  let bedsRect = new Rect(0, bedsHeight / 2 - 40, bedsWidth - freeBedsWidth - 10, 26);
  drawContext.setFont(Font.mediumSystemFont(22));
  drawContext.setTextColor(Color.white());
  drawContext.drawTextInRect('🛏' + 'Intensivbetten'.toUpperCase() + ': ' + beds, bedsRect)

  // Portion representing free beds
  bedsLineRect = new Rect(bedsWidth - freeBedsWidth, bedsHeight / 2 - bedsLineWidth / 2, freeBedsWidth, bedsLineWidth);

  drawRoundedRect(drawContext, bedsLineRect, bedsLineFreeColor, 2);

  drawLine(drawContext, new Point(bedsWidth - freeBedsWidth, bedsHeight / 2 + bedsLineWidth / 2 + 5), new Point(bedsWidth - freeBedsWidth, bedsHeight / 2 - 40), tickWidth, new Color('#4D8802', 1));
  drawContext.setFont(Font.mediumSystemFont(22));
  let freeRect = new Rect(0, bedsHeight / 2 - 35, bedsWidth - freeBedsWidth - 10, 22);
  drawContext.setTextAlignedRight();
  drawContext.drawTextInRect('frei'.toUpperCase() + ': ' + freeBeds, freeRect)

  // Portion representing covid patients
  bedsLineRect = new Rect(0, bedsHeight / 2 - bedsLineWidth / 2, covidBedsWidth, bedsLineWidth);
  drawRoundedRect(drawContext, bedsLineRect, colorCovidBed, 2);

  drawLine(drawContext, new Point(covidBedsWidth, bedsHeight / 2 - bedsLineWidth / 2 - 5), new Point(covidBedsWidth, bedsHeight / 2 + 38), tickWidth, colorCovidBed);

  // Portion representing cases beatmet
  bedsLineRect = new Rect(0, bedsHeight / 2 - bedsLineWidth / 2, beatmetBedsWidth, bedsLineWidth);
  drawRoundedRect(drawContext, bedsLineRect, colorCovidBedVentilation, 2);

  drawLine(drawContext, new Point(beatmetBedsWidth, bedsHeight / 2 - bedsLineWidth / 2 - 5), new Point(beatmetBedsWidth, bedsHeight / 2 + 20), tickWidth, colorCovidBedVentilation);

  let covidRect = new Rect(covidBedsWidth + 10, bedsHeight / 2 + 10, bedsWidth - covidBedsWidth, 22);

  drawContext.setTextAlignedLeft();
  if (covidBedsWidth > bedsWidth / 2) {
    covidRect = new Rect(0, bedsHeight / 2 + 10, covidBedsWidth - 10, 22);
    drawContext.setTextAlignedRight();

  }

  drawContext.drawTextInRect('🦠COVID-19: ' + cases + ' (davon ' + casesBeatmet + ' beatmet)', covidRect);

  leftStack.addImage(drawContext.getImage());
  return list;
}

function drawTextR(drawContext, text, rect, color, font) {
  drawContext.setFont(font);
  drawContext.setTextColor(color);
  drawContext.drawTextInRect(new String(text).toString(), rect);
}

function drawLine(drawContext, point1, point2, width, color) {
  const path = new Path();
  path.move(point1);
  path.addLine(point2);
  drawContext.addPath(path);
  drawContext.setStrokeColor(color);
  drawContext.setLineWidth(width);
  drawContext.strokePath();
}

function drawRoundedRect(drawContext, rect, color, radius) {
  const path = new Path();
  path.addRoundedRect(rect, radius, radius);
  drawContext.addPath(path);
  drawContext.setFillColor(color);
  drawContext.fillPath();
}

function getColor(value) {
  let col = incidenceColors[0].color;

  for (i = 1; i < incidenceColors.length; i++) {
    if (value >= incidenceColors[i].lower) {
      col = incidenceColors[i].color;
    } else {
      break
    }
  }

  return col;
}