Interactive Bubble Chart: Countries Receive the Most Michelin Stars Each Year

Every time when we searching restaurants for fine dining, we may take Michelin Guides as an indicator.

Though there are many sayings that Michelin Guides is not the best restaurants-searching bible, there are still thousands restaurants around the world strive hard to receive or keep the stars. Since Michelin added guides to the United States and Japan in 2006 and 2007 respectively, number if restaurants in the would with three-star status has boasted more than double that Japan even got more high ranking Michelin stared restaurants than France last year.

Here is an interactive bubble chart showing countries receive the most Michelin stars each year in 2007-2013:
interactive bubble chart countries receive the most michelin stars each year

You could select for specific year by moving the timeline on the top right corner. For those unlabeled bubble, you could refer to the map legend for indication.

Chart features suggestions:
We could integrate this bubble chart with a world map for better present the data changes as map users can quickly recognize the country on the map if there is no region abbreviation or map legend for indication. Furthermore, since the positions of the bubbles would change by year, it is a bit hard for the map users to instantly compare the changes.
When integrating the bubble chart with the world map, size of the bubbles would still indicates the amount of stared restaurants, just like the current one.

Here is a video tutorial of integrating bubble chart with map without coding:

Related Article: Michelin Starred Restaurants in N.Y.C.

Interactive Heat Map: Global Slavery Index 2013

According to the Walk Free Foundation’s Global Dlacery Index 2013, there are nearly 30 million slaves in the world, and almost 60,000 of them are living in the U.S. Here is an interactive world map about the index.

According to the Walk Free, slavery defines as one of the following: human trafficking, forced labor, debt bondage, forced or servile marriage, and the sale or exploitation of children including in armed conflict.

The index ranks 162 countries based on a combined measure of three factors: estimated prevalence of modern slavery by population, a measure of child marriage, and a measure of human trafficking in and out of a country.

The index is mapped into two maps: an interactive heat map & an interactive bubble chart. In the heat map, country with higher slavery prevalence is highlighted with darker red while country with lower slavery prevalence is highlighted with yellow. Map users could see details of each country by mouse clicking the region, or select specific category in the category legends.

In the bubble chart, countries are being plotted on the chart according to their prevalence rank vs human development index/financial service index/corruption index. However, there is no popup box of each bubble for detailed information, and no map legend to indicate various bubble sizes that a bit confuse the map users.

interactive heat map the global slavery index 2013

According to the index, 10 countries with the highest prevalence of slavery are Mauritania, Haiti, Pakistan, India, Nepal, Moldova, Benin, Cote d’Ivoire, Gambia, Gabon. Among all the above mentioned countries, India has the most slaves in the world, with an approximated 14 million. 

However, even countries like Iceland, Ireland, and the United Kingdom rank 160 in the index, it does not mean these countries are slavery free, for example, it is estimated there are between 4200 to 4600 “slaves” in the UK.

Map Review: 4.5/5 Stars
We love this map as the map design is simple but informative with clear instruction and indications for users to filter related information in seconds.
There are just minor suggestions to the bubble chart:

  • add a map legend to indicate the bubble sizes
  • insert infobox for each bubble for detailed information

Alternatively, showing data of each country with bubble can be presented on the world map rather than on the chart. Bubble chart map can be easily created in mapping software that you may take following video for reference:

Interactive Bubble Chart: Where France Lost their Children in Holocaust


During the Second World War, there were around 76,000 Jews sent to Nazi extermination camps, and there were more than 11,400 children among them. Check out this French map to see the where did France lost the children in Holocaust.

This interactive French map is created by French historian Jean-Luc Pinol, based on data collected by Holocaust documenter and former Nazi hunter Serge Klarsfeld, to show locations that every child departed from France between July 1942 and August 1944 that you can see series of red bubbles, depends on the number of children, scattered across the country.

interactive bubble map where france lost their children in holocaust

You can zoom in the map or enter address to search for the location, and then mouse click the infobox to see the children’s names and ages.

We understand it is a sensitive issue to mention about the fate of France’s Jews in World War II, this map is an important tool for better understand the history, which we have to face.

Map Reviews: 3/5 Stars
You cannot see how “interactive” this map is until you zoom in to each point and mouse click for the details. In the popup box, you have to mouse click the inserted URL in order to read detailed information in the information column that on the right side of the map. This process is a bit unnecessary as popup infobox with detailed information can be directly shown once the map users mouse click the bubble. Here is a video for reference:

Please note the map supports French currently, and let see if versions in other languages would be released in the future as this map is an informative tool for related research and educational use.

Interactive World Map: Vaccine Map

There are various diseases outbreak around the world all through the years, and the easiest, cheapest, and the most effective way to prevent these diseases is vaccination. Here is an interactive world map that showcasing global outbreaks of measles, mumps, whooping cough, polio, rubella, and other diseases.

This map is a bubble chart that the size of the bubble depends on the number of cases, and bubbles have been categorized in various colors according to the disease. Map users can mouse over the bubble to see the number of cases, and mouse click it for details (e.g. date, scale, source).

Category legends and time are provided for filtering feature that users can sort out specific data according to disease type, time, and region.

The map is updated weekly that users can submit a point by providing detailed information in “SUBMIT A POINT” section.

Most updated data in 2014 are 8 cases of measles in Central African Republic.

Video Tutorial: Visualize Region Data by Overlying Bubble Chart on Map

We are familiar with creating heat map (choropleth map) for visualizing data on the map template, though there are other methods to visualize data, for example creating a map with bubble chart. Here is an new video tutorial about importing data and creating dynamic bubble chart on the map.

From the video, you can see steps for

  • importing data file
  • editing data in editor
  • bubble chart settings(e.g. color, opacity, size)
  • create map legend

A dynamic sample map can be found by clicking the following image:

Video Tutorials: Create Various Maps by Utilizing Map Region Settings

When we talk about creating maps, we are usually come up with adding markers & lines, creating heat map, and adding interactive box. Have you ever noticed various maps for different usages can be quickly created by simply changing regions’ settings, even you know nothing about coding.

In the mapping software, you are allowed to change region colors, adding labels, tool-tips or popup boxes, and even importing data for setting up choropleth map or bubble chart map in just few clicks. We have prepared two video tutorials, which Part 1 is about adding abbreviations & tool-tips, and changing color settings while Part 2 is about setting up group highlight, and importing data for creating heat maps or bubble chart maps.

Part 1:

Part 2:

Bubble Chart Map: Inequality in the United States

Here we have found a bubble chart map for displaying the inequality in the United States from 1989 to 2011. On the map, you can select a specific year for seeing the statistic results in Gini Index, Median Index and Poverty Rate respectively, or click the “Play” icon to see the changes all through the years. You can also mouse over the bubbles to see the statistics details for all categories. Click the below image to see the interactive map:


Map Reviews: 3.5/5 Stars

I appreciate it…

  • Clearly presents the changes all through the years by selecting different year in the category line
  • Simple and neat design that won’t distract readers’ focus


  • Not-informative enough as it can provide details in the popup box rather than just listing out the statistics. Table or bar chart image can be inserted to the popup box that make the map more presentable.
  • Border line for states can be sharper that readers would not be confused by the locations and sizes of the bubbles.

Reasons to Create Maps in HTML5

Many people are asking, “Why we have to create maps in HTML5 rather than in flash?”, and here we are going to list out the reasons and advantages about HTML5 maps.

Many of our users and readers are familiar with flash and have created thousands editable flash maps. However, the trend is now moving to HTML5 as we are more likely to spend time using mobile devices, tablets, and iPad during our commuting time than sitting in front of a desktop, and we all know that, “Flash does not support cross-platform”. Won’t you feel badly when you cannot read the website content that is in flash using your mobile or tablets? Yes, I will, and I will give up accessing those websites. For not loosing your potential visitors, let’s create website content using HTML5, which supports cross-platform (include iPhone, iPad, Android devices, and others).

Since the maps support HTML, you can now create/edit the maps with greater variations, which can be mostly seen in the popup information box. By adding various HTML code, you can insert multi-media (e.g. images, videos, tables, external links) into the popup box. Furthermore, you can customized the font style, colors, and size of the text according to your preferences, and the style can be different from line to line.

Data can be imported to create maps (e.g. heat map, bubble chart, pie chart) for visualizing your data and presentation use. It is not complicated to create the data file, and simple file can be founded in the software. Heat maps and bubble charts are very common in reports (e.g. Internet Population in Each CountryGun Violence in America, China Global Investment) that you can quickly create yours using HTML5 editor.

For non-programmers, it may be quite complicated for uploading map files to hosting server, and maybe scared by setting up FTP. Now, you can instantly publish, upload, and share the interactive maps using HTML5 Map Builder even you do not own a hosting server account.

Check out the video below and subscribe our Youtube channel for catching the updated video tutorials:

Bubble Chart Map: Gun Violence in America

How many deaths have been caused by gun crimes? It is not surprising gun violence in the U.S. is a serious problem without easy solution, we still have to pay attention and have a wider scoop for this issue, so here we share an interactive U.S. map, which is created by Slate, for presenting the phenomena. 

The map displays deaths caused by gun since  the murder 20 children and seven adults in Newtown on December 14th. You can mouse click the bubbles on the map and see details in the information box, which is below the map, and then mouse click each “human” icon for detailed descriptions.

The crowdsourced interactive map is incomplete that you can help is by providing more information in your community to Slate with a link to the news report at

Global Flood Damage by 2050











Issues about climate changes, e.g. global warming & rising sea level, are always hot topics among us in these years. A world map about damages caused by flooding and rising sea level by 2050 has been created for warning us.

In the bubble chart map, it highlight several coastal cities about the estimate cost that taxpayers have to pay for cleaning up the casualties caused by flooding. This map is created based on the analysis from Stephane Hallegatte, an economist in World Bank, and his coauthors, and he mentioned that the figure was just the bare minimum. Detailed comment from Stephane can be found by clicking the above map image.

Recently, we have received inquiries about creating world map with pie chart / bubble chart per country. It is possible to create bubble chart in a world map using map maker for data analysis:

Related posts:
Interactive Bubble Chart Map: Sovereign Wealth Fund Assets Map
Clickable Bubble Chart: China Global Investment