{"id":23608,"date":"2023-04-12T10:43:26","date_gmt":"2023-04-12T10:43:26","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=23608"},"modified":"2026-01-13T11:31:07","modified_gmt":"2026-01-13T11:31:07","slug":"when-to-use-map-chart","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/best-practices\/when-to-use-map-chart\/","title":{"rendered":"When to use a map chart"},"content":{"rendered":"<p>A map chart is a visual representation of data that uses colors or shading to indicate different levels or values of a variable across geographical regions. The regions can be countries, states, counties, or other geographic units.<br \/>\nMap charts help visualize geographically based data, such as population density, election results, or economic indicators.<br \/>\nMap charts can be used with continuous and categorical data:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.highcharts.com\/blog\/chartchooser\/map\/\" target=\"_blank\" rel=\"noopener\">Animated map displays a flow of categorical data<\/a><\/li>\n<li><a href=\"https:\/\/www.highcharts.com\/blog\/chartchooser\/map-comparison-continuous\/\" target=\"_blank\" rel=\"noopener\">Comparison map chart with continuous data<\/a><\/li>\n<li><a href=\"https:\/\/www.highcharts.com\/blog\/chartchooser\/map-distribution-continuous\/\" target=\"_blank\" rel=\"noopener\">Distribution map chart using continuous data<\/a><\/li>\n<li><a href=\"https:\/\/www.highcharts.com\/blog\/chartchooser\/maps-categorical-composition\/\" target=\"_blank\" rel=\"noopener\">Composition map chart using categorical data<\/a><\/li>\n<li><a href=\"https:\/\/www.highcharts.com\/blog\/chartchooser\/map-categorical-relationship\/\" target=\"_blank\" rel=\"noopener\">Relationship map chart using categorical data<\/a><\/li>\n<\/ul>\n<p><i><b>Remark<\/b><br \/>\nIf you are not familiar with data types, feel free to check out the <a href=\"https:\/\/www.highcharts.com\/blog\/tutorials\/continuous-data-type-101\/\" target=\"_blank\" rel=\"noopener\">Continuous Data Type 101<\/a> and <a href=\"https:\/\/www.highcharts.com\/blog\/tutorials\/categorical-data-type-101\/\" target=\"_blank\" rel=\"noopener\">Categorical Data Type 101<\/a>. <\/i><\/p>\n<p>One advantage of map charts is that they can visually represent data that may be difficult to understand from a table or other forms of data presentation. Map charts are a great choice to tell a story or convey a message, such as the impact of a natural disaster on a particular region.<\/p>\n<h2>When to use a map chart<\/h2>\n<h3>Animated chart<\/h3>\n<p>The demo below visualizes the early journey of the coffee bean using animation.<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" height=\"600px\"  width=\"100%\" src=\"https:\/\/assets.highcharts.com\/demos\/samples\/embed\/maps\/demo\/animated-mapline\" title=\"Example of\n Animated Map chart\"><\/iframe><\/p>\n<h3>Comparison map chart<\/h3>\n<p>The map displays all US mainland (and surrounding borders) earthquakes with a magnitude of 4.5 and above from 2000 to 2019.<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" height=\"550px\"  width=\"100%\" src=\"https:\/\/assets.highcharts.com\/demos\/samples\/embed\/highcharts\/chartchooser\/continuous-comparison-map\" title=\"Example of\n Map chart\"><\/iframe><\/p>\n<h3>Distribution map chart<\/h3>\n<p>The demo below visualizes the distribution of the US counties&#8217; unemployment rates in January 2018.<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" height=\"600px\"  width=\"100%\" src=\"https:\/\/assets.highcharts.com\/demos\/samples\/embed\/highcharts\/chartchooser\/continuous-distribution-map\" title=\"Example of\n Map chart\"><\/iframe><\/p>\n<h3>Composition map chart<\/h3>\n<p>The demo below visualizes the composition of the Provinces of China:<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" height=\"550px\"  width=\"100%\" src=\"https:\/\/codepen.io\/mushigh\/embed\/KKaPodd?height=208&amp;theme-id=light&amp;default-tab=result\" title=\"Example of Map chart\"><\/iframe><\/p>\n<h3>Relationship map chart<\/h3>\n<p>The demo below illustrates the relationship between South Korean domestic flights between airports on a map. The demo uses simple links with colors to visualize links between airports:<\/p>\n<p class=\"demo-container\"><iframe loading=\"lazy\" height=\"800px\"  width=\"100%\" src=\"https:\/\/assets.highcharts.com\/demos\/samples\/embed\/highcharts\/chartchooser\/categorical-relationship-map\" title=\"Example of\n Map chart\"><\/iframe><\/p>\n<p>A map chart is useful for presenting and analyzing geographically based data clearly and concisely. It is particularly effective when you want to compare data across regions or when you want to highlight the differences between regions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn when to use map charts with Highcharts to display flow, comparison, distribution, composition, and relationship.<\/p>\n","protected":false},"author":32,"featured_media":23615,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[1104],"tags":[1063,876],"coauthors":[699],"class_list":["post-23608","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-best-practices","tag-data-visualization","tag-highcharts-maps"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/23608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=23608"}],"version-history":[{"count":2,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/23608\/revisions"}],"predecessor-version":[{"id":29385,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/23608\/revisions\/29385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/23615"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=23608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=23608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=23608"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=23608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}