[Solved] How to design a React component similar to WHO Coronavirus Disease (COVID-19) Dashboard? [closed]


First of all, you will need a Chart library like https://d3js.org/ to be enable to plot the graphs. I found D3js to be the most flexible amongst all the libraries.

Then you can integrate the data from your database to the plotting methods provided with the library

Examples of D3js plots:

  1. https://observablehq.com/@d3/bubble-map
  2. https://observablehq.com/@d3/spike-map

Other Plotting libraries

  1. Google Charts: https://developers.google.com/chart/interactive/docs/gallery
  2. Highcharts: https://www.highcharts.com/demo/maps
  3. JS charting:https://jscharting.com/examples/chart-types/geographic-map/
  4. Plotly: https://plotly.com/javascript/

solved How to design a React component similar to WHO Coronavirus Disease (COVID-19) Dashboard? [closed]