Drill-Down to Countries
This demo shows how a country map can be loaded dynamically when needed. Click on any colored country: the map will zoom in on it then load and display the country map for it.
amCharts 5 comes with maps for over 200 countries, with new maps being added constantly.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create an interactive world map with drill-down capability to individual country detail maps. Color countries by continent using distinct colors, with a light gray default. On click, dynamically load the selected country's detailed boundary data and zoom into it, while hiding the world overview. Show a 'Back to world map' button with rounded corners that returns to the world view. Apply hover highlighting and show country name tooltips. Use amCharts 5 library.
Demo source