Coronavirus Widget


Embeding is completely free

Responsive. Easy-to-use. Coding-free.





Default widget preview

Embed code
<div class="covid19ranking covid-radius" data-country="USA"></div><script src="https://api.covid19ranking.com/js/covid19ranking.js"></script>
Customize with Embed code generator!


Preview widget with customized layout color




Embed code
<div class="covid19ranking black covid-radius" data-country="France"></div><script src="https://api.covid19ranking.com/js/covid19ranking.js"></script>
Customize with Embed code generator!

<div class="covid19ranking blue covid-radius" data-country="Germany"></div><script src="https://api.covid19ranking.com/js/covid19ranking.js"></script>
Customize with Embed code generator!


Widget localization

Embed code
<div class="covid19ranking white covid-radius" data-country="Serbia" data-translate="Juče,Srbija,Svet,Slučajevi,Smrtnost"></div><script src="https://api.covid19ranking.com/js/covid19ranking.js"></script>
Customize with Embed code generator!


Widget embed


Embed code is constructed from 2 lines:

1.) DIV element where widget will be rendered
<div class="covid19ranking covid-radius" data-country="COUNTRY_NAME"></div>

2.) JavaScript file that is requeired to grab and render the widget.
<script src="https://api.covid19ranking.com/js/covid19ranking.js"></script>
This is the proper order of emebd: DIV, JavaScript. Please append JavaScript file before closing body HTML tag.


What if script is embeded in the HEAD section of the webpage?


If script is embeded in the HEAD section of your webpage, you'll need to initiate rendering of the widget itself imediatley after the DIV where it is embeded.
<div class="covid19ranking covid-radius"></div>
	<scrip>
		if(window.$Covid19Ranking!=undefined){
			$Covid19Ranking.display();
		}
	</script>


Configure widget to pull data for specific country


Change data-country attribute value to the specific country name. E.g. If you would like to pull data for France you should:
<div class="covid19ranking covid-radius" data-country="France"></div>

List of available countries


Here you can find a list of all countries suppored by our COVID-19 widget:

North America, Asia, South America, Europe, Africa, Oceania, , World, USA, India, Brazil, Russia, UK, France, Spain, Italy, Turkey, Germany, Colombia, Argentina, Mexico, Poland, Iran, South Africa, Ukraine, Indonesia, Peru, Czechia, Netherlands, Canada, Chile, Portugal, Romania, Israel, Belgium, Iraq, Sweden, Pakistan, Philippines, Switzerland, Bangladesh, Morocco, Austria, Serbia, Japan, Hungary, UAE, Jordan, Saudi Arabia, Lebanon, Panama, Slovakia, Malaysia, Belarus, Ecuador, Nepal, Georgia, Bolivia, Bulgaria, Croatia, Dominican Republic, Azerbaijan, Tunisia, Ireland, Kazakhstan, Denmark, Costa Rica, Lithuania, Kuwait, Slovenia, Greece, Moldova, Egypt, Palestine, Guatemala, Armenia, Honduras, Qatar, Paraguay, Ethiopia, Nigeria, Myanmar, Oman, Venezuela, Libya, Bosnia and Herzegovina, Bahrain, Algeria, Kenya, Albania, North Macedonia, S. Korea, Kyrgyzstan, Latvia, Ghana, Sri Lanka, Uzbekistan, Zambia, Montenegro, Norway, Estonia, Singapore, El Salvador, Mozambique, Uruguay, Finland, Afghanistan, Luxembourg, Cuba, Uganda, Namibia, Zimbabwe, Cameroon, Cyprus, Senegal, Ivory Coast, Malawi, Australia, Botswana, Sudan, Thailand, DRC, Jamaica, Malta, Angola, Madagascar, Maldives, Rwanda, French Polynesia, Mauritania, Eswatini, Mayotte, French Guiana, Guinea, Syria, Cabo Verde, Gabon, Tajikistan, Haiti, Réunion, Belize, Burkina Faso, Hong Kong, Andorra, Lesotho, Guadeloupe, Suriname, Congo, Bahamas, Guyana, Mali, Aruba, Trinidad and Tobago, South Sudan, Togo, Somalia, Martinique, Nicaragua, Djibouti, Iceland, Equatorial Guinea, Benin, CAR, Niger, Curaçao, Gambia, Gibraltar, Channel Islands, Chad, Sierra Leone, San Marino, Comoros, Saint Lucia, Guinea-Bissau, Barbados, Eritrea, Mongolia, Seychelles, Liechtenstein, Vietnam, New Zealand, Yemen, Burundi, Turks and Caicos, Sint Maarten, Liberia, Monaco, Sao Tome and Principe, Saint Martin, St. Vincent Grenadines, Papua New Guinea, Taiwan, Bhutan, Cambodia, Diamond Princess, Bermuda, Antigua and Barbuda, Faeroe Islands, Mauritius, St. Barth, Tanzania, Isle of Man, Cayman Islands, Caribbean Netherlands, Brunei, British Virgin Islands, Grenada, Dominica, Timor-Leste, New Caledonia, Fiji, Falkland Islands, Macao, Laos, Saint Kitts and Nevis, Greenland, Vatican City, Saint Pierre Miquelon, Montserrat, Anguilla, Solomon Islands, Western Sahara, MS Zaandam, Wallis and Futuna, Marshall Islands, Samoa, Micronesia, Vanuatu, China

Total - Coronavirus infected world wide.

Configure widget translation


Change or add data-translate attribute value with a comma separated values:
  1. Translate word: Yesterday
  2. Translate word: World
  3. Translate country name: Country name
  4. Translate word: Cases
  5. Translate word: Deaths

<div class="covid19ranking covid-radius" data-country="USA" data-translate="Yesterday,World,USA,Cases,Deaths"></div>

You needd to set all 5 values, if you want to skip any you can set an empty value(s) like this: Yesterday,,,Cases,Deaths
<div class="covid19ranking covid-radius" data-country="USA" data-translate="Yesterday,,,Cases,Deaths"></div>

Style widget skin


Available skins:
  1. Default - no class on main DIV element
    <div class="covid19ranking covid-radius" data-country="USA"></div>

  2. Blue - add class name "blue" to main DIV element
    <div class="covid19ranking blue covid-radius" data-country="USA"></div>

  3. White - add class name "white" to main DIV element
    <div class="covid19ranking white covid-radius" data-country="USA"></div>

  4. Black - add class name "black" to main DIV element
    <div class="covid19ranking black covid-radius" data-country="USA"></div>

  5. Dark grey - add class name "dark-grey" to main DIV element
    <div class="covid19ranking dark-grey covid-radius" data-country="USA"></div>