A visualization constructed using D3.

The data shown here comes from the Kaggle:PM2.5 Global Air Pollution 2010-2017 (Mean Annual Exposure for 240 Countries) via Gist: PM2.5 Global Air Pollution Dataset (From 2010-2017)

The data is processed and melt to fit the visualization.

The visualization would be divided into three parts:(1) World choropleth map (2) Line chart of all countries (3) An option panel to let the user choose year and show the selected country data.

The world choropleth map:

• Zoom in/Out and drag to show the detail of the world map.
• Click on a specific country to select the country (the selected country on the map would be come red) and get a selected view.
• Hover on a specific country will show the PM2.5 value of that country in that year

The line chart of all countries:

• Show all the data on this chart.
• The year line (purple) would change with the selected year.
• If a country is selected on the choropleth map, the related line on the line chart would stand out and becomes red.

The option panel:

• The slider can select the year of data shown on the choropleth map and the year line on the line chart.
• The slider would be disabled when the a country is selected.
• There is a small line chart to show the data of the selected country.
• The country label will change by the mouse move.
• If a country is selected, the point of the data shown on the small line chart would become red and the detail of this point would be shown when the mouse is hover on them.