README

This TYPO3 extensions displays data about COVID-19 (Coronavirus SARS-CoV-2) from the German RKI.

Example

👁 Example chart

👁 Example chart 2

Features

Create your own graph with the data you like:

• Compare cities or states in one graph
• Display different corona virus numbers
  • Number of infections
  • Daily new infections
  • Daily new infections (7-Days Ø)
  • Incidence value: Number of infections (7-Days Σ/100.000)
• Display as line or bar graph
• Select color
• Refresh data with scheduler

Installation

• Get the extension

   composer require blueways/bw-covid-numbers
  

• Include the TypoScript template

Usage

Add the new plugin "COVID-19 numbers" to any page and set up your desired output data in plugin settings.

👁 Add content element

👁 Configure plugin settings

Add a new scheduler task to clear the cache and get daily new numbers.

Style

You can customize the style of the bar and line chart by setting the dataset properties of chart.js via TypoScript:

plugin.tx_bwcovidnumbers_pi1.settings {
 datasetOptions {
 line {
 pointRadius = 0
 pointHoverRadius = 10
 steppedLine = true
 # For more options see: https://www.chartjs.org/docs/latest/charts/line.html#dataset-properties 
 }
 bar {
 borderWidth = 0
 hoverBackgroundColor = rgba(0,0,0,0.5)
 # For more options see: https://www.chartjs.org/docs/latest/charts/bar.html#dataset-properties
 }
 }
 chartOptions {
 aspectRatio = 2
 # For more options see:
 # https://www.chartjs.org/docs/latest/general/options.html
 # https://www.chartjs.org/docs/latest/general/responsive.html
 }
}

To change the onload of the charts, have look at the `initChartJs.js`. This file gets included via `plugin.tx_bwcovidnumbers_pi1.settings.initChartJs`.

Known issues

• The color picker in TYPO3 v7 does not properly save the selected color. You need to enter the value by hand.

ToDos

Possible improvements:

• Canvas output via fluid template
• better label generation

Contribute

Feel free to contribute! Bitbucket-Repository