MARKETPLACE
PLUGINS
WORLD MAP CHART - 254 MAPS
World Map Chart - 254 Maps logo

World Map Chart - 254 Maps

Published April 2024
   •    Updated January 2026

Plugin details

This plugin provides high resolution SVG maps for visualizing data distribution across geographic regions, offering world map and other 253 country/state maps. It supports dynamic input data, with customizable features such as colors, tooltips, and data labels.
MAIN FEATURES
➡️ Choose between 253 individual country/state maps or world map.
➡️ Dynamically add country/state names to set values. (for example Brazil, New York)
➡️ Customizable styling and colors.
➡️ Fully responsive.
➡️ Zoom in/out navigation buttons and mouse controlled zoom.
➡️ Context menu to download your map chart as PNG, JPEG, PDF, SVG.

*New Update: Added new interactive element mapChart_sales, that enables you to select/unselect the regions, customize the selected region color and store the selected regions in the plugin's state (mapChart_sales's Selected Regions). Also add/edit/remove territories/sections (assign custom colors) and store the output as JSON string in the plugin's state. You can also initialize the Map Chart with highlighted regions based on the territory names and their assigned colors using dynamic JSON string*

>>World Map and 253 Country/State Maps:
Offers comprehensive coverage of global geography with individual maps for each of the 253 regions and a full world map.

>>Responsive Design: Adapts dynamically to different screen sizes and orientations, providing an optimal viewing experience on desktops, tablets, and mobile devices.

>>Dynamic Input Data:
Allows users to add the country/state names (for example California, New York, etc.) and their corresponding values for which they want to distribute data.

>>Custom Colors:
Enables users to define their own color schemes for background, region sections, borders, etc. Also customize colors for regions when hovered over it.

>>Custom Tooltip Style:
Choose background color, border color/width for tooltip. Add data name and suffix. Also customize font color for tooltip text.

>>Custom Data Label Style:
Show/hide data labels. Choose label type to be displayed (region names or data values). Customize font color and size for labels.

>>Show/Hide Legend:
Provides users with the option to display or hide the legend (showing range of values).

>>Show/Hide Navigation Buttons:
Allows users to show or hide navigation buttons used to zoom in/out map regions.

>>Enable/Disable Mouse Wheel/Touchpad Zoom:
Choose whether you want mouse wheel/touchpad controlled zoom functionality for smoother interaction with the map.

Editor: https://bubble.io/page?type=page&name=map_chart_demo&id=pluginpreviewapp&test_plugin=1711013273779x124081739597611000_current&tab=tabs-1

Demo: https://pluginpreviewapp.bubbleapps.io/version-test/map_chart_demo

Other Plugins

$16

One time

4.0 stars   •   5 ratings
849 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Snipcode logo
Snipcode
Joined 2022   •   27 Plugins
View contributor profile

Instructions

1. Search for mapChart or mapChart_sales in elements panel and place the element on the page. 2. Choose the map. (world or between 253 countries/states)
3. Add the region names and their corresponding values for which you want to distribute data.
4. Customize styles and colors.
5. Enable/disable nav buttons, data labels, legend, etc. using checkboxes.
6. You can download the list of all the region names (text file) of the selected map, using plugin's action in the workflow.

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Analytics   •   Small Business   •   Internationalization   •   Productivity   •   Chart   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (4.0)

High quality maps
March 19th, 2025
The maps are sharp and detailed, and the plugin is very easy to set up
Perfect
February 15th, 2025
Better styling and features
Simply great
February 8th, 2025
Provides a wide range of maps with customization
Improvements
February 6th, 2025
Make the map locations dynamic. Meaning the user can select country and it dynamically updates. And provide the complete list of all the regions specific to each country.
In the Bubble plugin environment, dynamically updating properties within the editor window is not possible. Instead, you can achieve this in the preview mode using conditional formatting. To retrieve a list of all regions for the selected country or region, use the "Download Region Names" action under the Workflow tab. Moreover, this is not an issue or a bug that warrants negative feedback. Please verify the limitations before leaving a negative review. (plugin author)
February 11th, 2025
  •  
Snipcode
Quite good for a map chart
April 19th, 2024
Everything is working alright. Just wanna know if it is possible to display country names on the map?
Thank you for your positive feedback! Yes, it's possible to display country names, just tick the checkbox "Show Data Labels" and select the label type as "name" from the dropdown. (plugin author)
April 20th, 2024
  •  
Snipcode
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales