Gathering detailed insights and metrics for fusionmaps
Gathering detailed insights and metrics for fusionmaps
Data-driven maps in JavaScript from FusionMaps (FusionCharts). Over 1,400+ maps of all countries, regions, counties etc.
Installations
npm install fusionmapsDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
12.4.0
NPM Version
6.9.0
Languages
1
JavaScript
JavaScript (100%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
8 Stars
53 Commits
5 Forks
6 Watchers
17 Branches
6 Contributors
Updated on Jun 28, 2024
Maintainers
2
Package Meta Information
Latest Version
4.1.0
Package Id
fusionmaps@4.1.0
Unpacked Size
619.06 MB
Size
191.71 MB
File Count
6,517
NPM Version
6.9.0
Node Version
12.4.0
Published on
Nov 12, 2024
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
14
FusionMaps is a companion package meant to be used in conjunction with FusionCharts to render data-driven maps (over 2,000+ maps for different continents, countries, states & regions). This package contains choropleth maps that can render on both desktop & mobile, with extended functionality like city or location markers, annotations, events etc.
This package contains definition files for all the maps. Map definition files are the path files required by FusionMaps to plot a map for a particular region. Each map has its own path file.
By default, FusionCharts package only includes definition files for two maps - the World map and the USA map.
- Official Website: https://www.fusioncharts.com/
- FusionCharts NPM: https://www.npmjs.com/package/fusioncharts
- Documentation: https://www.fusioncharts.com/dev/
- Map Specification Sheets: https://www.fusioncharts.com/dev/maps/spec-sheets/
- Support: https://www.fusioncharts.com/contact-support
- Issues: https://github.com/fusioncharts/fusionmaps-dist
Table of Contents
- Installing FusionMaps
- Getting Started
- Using FusionMaps as an ES Module
- Related Packages
- Contact Support
- Folder Structure
Installing FusionMaps
There are multiple ways to install FusionMaps. For general instructions, refer to this developer docs page.
Direct Download You can download zipped version here.
Using CDN Instead of downloading, you can also use FusionCharts’s CDN to access map definition files directly. See below for details
1<script src="https://cdn.fusioncharts.com/fusioncharts/latest/maps/<MAP_ALIAS>.js"></script>
MAP_ALIAS is the name of the map that you're plotting, used by FusionMaps. For each map, FusionMaps has a different JavaScript alias. e.g., World Map is world etc.
Install from NPM
1npm install --save fusionmaps
You will also need FusionCharts package installed on your system to use maps. You can install the same using below command
1npm install --save fusioncharts
See npm documentation to know more about npm usage.
Getting Started
Easiest way to render map is to include the FusionCharts JavaScript library files and map definition file in your webpage, create <div> container and chart instance, configure the data and render. Check this HTML snippet below:
1<!doctype html> 2<html> 3<head> 4 <script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script> 5 <script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.maps.js"></script> 6 <script src="https://cdn.fusioncharts.com/fusioncharts/latest/maps/fusioncharts.world.js"></script> 7 <script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script> 8</head> 9<body> 10 <div id="chart-container"></div> 11 <script> 12 FusionCharts.ready(function () { 13 // chart instance 14 var chart = new FusionCharts({ 15 type: "world", 16 renderAt: "chart-container", // container where chart will render 17 width: "600", 18 height: "400", 19 dataFormat: "json", 20 dataSource: { 21 "chart": { 22 "caption": "Average Annual Population Growth", 23 "subcaption": " 1955-2015", 24 "numbersuffix": "%", 25 "includevalueinlabels": "1", 26 "labelsepchar": ": ", 27 "entityFillHoverColor": "#FFF9C4", 28 "theme": "fusion" 29 }, 30 "data": [ 31 { "id": "NA", "value": ".82", "showLabel": "1" }, 32 { "id": "SA", "value": "2.04", "showLabel": "1" }, 33 { "id": "AS", "value": "1.78", "showLabel": "1" }, 34 { "id": "EU", "value": ".40", "showLabel": "1" }, 35 { "id": "AF", "value": "2.58", "showLabel": "1" }, 36 { "id": "AU", "value": "1.30", "showLabel": "1" } 37 ] 38 } 39 }).render(); 40 }); 41 </script> 42</body> 43</html>
As you can see in above example, each continent is referenced using an ID. Each map in FusionMaps has its own regions, each of which have its own ID and name. These are present in specification sheets for the map. You can find specification sheets for all maps here.
Learn more through resources below:
Using FusionMaps as an ES Module
FusionMaps can be loaded as an ES module via transpilers.
The following examples presumes you are using npm to install FusionCharts and FusionMaps, see Installing FusionMaps for more details.
1import FusionCharts from 'fusioncharts/core'; 2import Maps from 'fusioncharts/maps'; 3 4// include map definition file from maps/es folder - import mapName from fusionmaps/maps/es/<MAP_ALIAS> 5import World from fusionmaps/maps/es/world 6 7// add chart as dependency - FusionCharts.addDep(ChartType); 8FusionCharts.addDep(Maps); 9FusionCharts.addDep(World); 10 11// instantiate the chart. 12var chart = new FusionCharts({ 13 type: "world", 14 renderAt: "chart-container", // container where chart will render 15 width: "600", 16 height: "400", 17 dataFormat: "json", 18 dataSource: { 19 "chart": { 20 "caption": "Average Annual Population Growth", 21 "subcaption": " 1955-2015", 22 "numbersuffix": "%", 23 "includevalueinlabels": "1", 24 "labelsepchar": ": ", 25 "entityFillHoverColor": "#FFF9C4" 26 }, 27 "data": [ 28 { "id": "NA", "value": ".82", "showLabel": "1" }, 29 { "id": "SA", "value": "2.04", "showLabel": "1" }, 30 { "id": "AS", "value": "1.78", "showLabel": "1" }, 31 { "id": "EU", "value": ".40", "showLabel": "1" }, 32 { "id": "AF", "value": "2.58", "showLabel": "1" }, 33 { "id": "AU", "value": "1.30", "showLabel": "1" } 34 ] 35 } 36}); 37 38// render the chart 39chart.render();
Related Packages
Front-end Integrations to help you easily integrate FusionCharts Suite in your projects/apps
| AngularJS (1.x and above) | Github Repo | Documentation |
| Angular (2.x and above) | Github Repo | Documentation |
| jQuery | Github Repo | Documentation |
| React | Github Repo | Documentation |
| Vue.js | Github Repo | Documentation |
Back-end Integrations to help you easily integrate FusionCharts Suite in your projects/apps
| ASP.NET (C#) | Github Repo | Documentation |
| ASP.NET (VB) | Github Repo | Documentation |
| Java (JSP) | Github Repo | Documentation |
| Django | Github Repo | Documentation |
| PHP | Github Repo | Documentation |
| Ruby on Rails | Github Repo | Documentation |
Contact Support
Fill this form or drop an email to [support@fusioncharts.com](mailto: support@fusioncharts.com)
Folder Structure
fusionmaps/
└── maps/
├── es
│ ├── fusioncharts.world.js
│ ├── fusioncharts.usa.js
│ ├── ...
│ └── fusioncharts.<MAP_ALIAS>.js
├── fusioncharts.world.js
├── fusioncharts.usa.js
├── ...
└── fusioncharts.<MAP_ALIAS>.js
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
4 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-v2mw-5mch-w8c5
- Warn: Project is vulnerable to: GHSA-vhxf-7vqr-mrjg
- Warn: Project is vulnerable to: GHSA-w532-jxjh-hjhj
Reason
Found 3/19 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 19 are checked with a SAST tool
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Score
2.5
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More