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:
Other Plotting libraries
- Google Charts: https://developers.google.com/chart/interactive/docs/gallery
- Highcharts: https://www.highcharts.com/demo/maps
- JS charting:https://jscharting.com/examples/chart-types/geographic-map/
- Plotly: https://plotly.com/javascript/
solved How to design a React component similar to WHO Coronavirus Disease (COVID-19) Dashboard? [closed]