Syncfusion offers many UI components that help developers design charming web applications. In this blog, we are going to see how to build an interactive dashboard in JavaScript to display COVID-19 updates using the JavaScript Dashboard Layout and other JavaScript UI controls.

In this dashboard, we are going to use the following UI components to represent the numbers of active, confirmed, recovered, and fatal COVID-19 cases for various countries:

• Dropdown List: To select the country.
• DateRangePicker: To select a range of dates.
• Line, pie, and column charts: To visualize and compare the total number of active, confirmed, recovered, and fatal cases.
• DataGrid: To display the list of all active, recovered, fatal, and confirmed cases in a table.

Note: To fetch data, we are using the free, public API for COVID-19 from the World Health Organization (WHO), https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public.

#dashboard #javascript #covid-19