Google Geochart show list of all countries with multiple colors

Tags: google sheets map chart, google geochart custom region, google geochart state example, geo chart maker, google visualization map, google sheets geochart with markers, google geochart city example, google charts with multiple colors, lis of all countries with geochart, geocart.

<!doctype html>
<html lang="en">
	<script src=""></script>
	<div id="regions_div" style="width: 100%; height: 500px;"></div>
google.charts.load('upcoming', {'packages':['geochart']});
function drawRegionsMap() {
	var data = google.visualization.arrayToDataTable([
		['Country',   'Value'],
		["Democratic Republic of the Congo",1], 
		["Faroe Islands",1],
		["El Salvador",1],
		["Puerto Rico",1],
		["Dominican Republic",1],
		["Papua New Guinea",1],
		["New Caledonia",1],
		["Bosnia and Herzegovina",2],
		["Saudi Arabia",2],
		["United Arab Emirates",2],
		["South Korea",3],
		["Costa Rica",3],
		["Hong Kong",3],
		["San Marino",3],
		["Trinidad and Tobago",5],
		["Sri Lanka",9],
		["South Africa",15],
		["Czech Republic ",26],
		["New Zealand",42],
		["United Kingdom",614],
		["United States",983],

	var options = {
		colorAxis: {values: [1, 10, 100, 1000], colors: ['#eda263', '#7f6084', '#005b94' ,'#ed1c24'],},
		backgroundColor: '#ffffff',
		datalessRegionColor: '#999999',
		defaultColor: '#f5f5f5',
	var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
	chart.draw(data, options);

Author: Mukesh Jakhar

This is Mukesh Jakhar. I’m a professional web developer with 3+ years experience. I am always ready for freelance work and i am writing blogs in my free time. I love to learn new technologies and share with others.
I founded PHPKIDA in September 2015. The focus of this website to provide web development tutorials of PHP, WordPress, CodeIgniter, Jquery, MySQL, HMTL, CSS etc and sharing solution of problems which i already solved.

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts: You may like

All Full Forms Related to Database

List of Free Business Directories

How to disable selection of text on a web page

List of companies and their Headquarters And CEOs in the world

List of Top 15 Popular Search Engines

What Is A Landing Page Why It’s Important

Enabling GZIP compression using htaccess

How to increase website speed

How to redirect 404 error to 404.php page using htaccess

What is the difference between jQuery and Angular JS

PHPKIDA Offering Free Tools:


Free online tool to download Instagram videos, photos and save Instagram videos, photos to your device. It's free & easy to use.

Download Now


Our real time currency converter calculator will convert your money based on current values from around the world. It's free & easy to use.

Convert Now


Create robots txt file that help search engines to crawling and indexing your site with help of our free online Robots.txt Generator tool.

Create Now


Free online tool to minify or compress html code and reduce the size of html code in few clicks. It's free & easy to use.

Minify Now


Free online tool to minify or compress css code and reduce the size of css code in few clicks. It's free & easy to use.

Minify Now


Free online tool to minify or compress javascript code and reduce the size of javascript code in few clicks. It's free & easy to use.

Minify Now

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.