Coronavirus Widget

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, Romania, Portugal, Israel, Belgium, Iraq, Sweden, Pakistan, Philippines, Switzerland, Bangladesh, Morocco, Austria, Serbia, Hungary, Japan, Jordan, UAE, Saudi Arabia, Lebanon, Panama, Slovakia, Malaysia, Belarus, Ecuador, Nepal, Georgia, Bolivia, Bulgaria, Croatia, Dominican Republic, Azerbaijan, Tunisia, Ireland, Kazakhstan, Denmark, Costa Rica, Lithuania, Greece, Kuwait, Slovenia, Palestine, Moldova, Egypt, Guatemala, Armenia, Honduras, Qatar, Paraguay, Ethiopia, Nigeria, Oman, Myanmar, Venezuela, Libya, Bosnia and Herzegovina, Bahrain, Algeria, Albania, Kenya, North Macedonia, S. Korea, Latvia, Kyrgyzstan, Ghana, Sri Lanka, Uzbekistan, Zambia, Montenegro, Norway, Estonia, Singapore, El Salvador, Mozambique, Finland, Uruguay, Afghanistan, Luxembourg, Cuba, Uganda, Namibia, Zimbabwe, Cameroon, Cyprus, Senegal, Ivory Coast, Malawi, Botswana, Australia, Sudan, Thailand, DRC, Jamaica, Malta, Angola, Maldives, Madagascar, Rwanda, French Polynesia, Mayotte, Mauritania, Eswatini, French Guiana, Guinea, Syria, Cabo Verde, Gabon, Tajikistan, Haiti, Réunion, Belize, Burkina Faso, Hong Kong, Andorra, Lesotho, Guadeloupe, Suriname, Congo, Guyana, Bahamas, Mali, South Sudan, Aruba, Trinidad and Tobago, Somalia, Togo, Martinique, Nicaragua, Equatorial Guinea, Djibouti, Iceland, Benin, CAR, Niger, Curaçao, Gambia, Gibraltar, Channel Islands, Chad, Sierra Leone, San Marino, Comoros, Saint Lucia, Guinea-Bissau, Barbados, Mongolia, Eritrea, Seychelles, Liechtenstein, Vietnam, New Zealand, Yemen, Burundi, Turks and Caicos, Sint Maarten, Liberia, Monaco, Sao Tome and Principe, St. Vincent Grenadines, Saint Martin, Papua New Guinea, Taiwan, Bhutan, Cambodia, Antigua and Barbuda, Bermuda, Diamond Princess, Faeroe Islands, Mauritius, St. Barth, Tanzania, Isle of Man, Cayman Islands, Caribbean Netherlands, Brunei, British Virgin Islands, Grenada, Dominica, Timor-Leste, Fiji, New Caledonia, 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>