# jvectormap-next

> jQuery plugin for embedding vector maps with reach API and methods for data visualization to the web-pages.

Latest version **3.2.0** (published 2026-05-14) · (AGPL OR Commercial) license · 0 weekly downloads

## Install

```sh
npm install jvectormap-next
pnpm add jvectormap-next
yarn add jvectormap-next
bun add jvectormap-next
```

## Health

**Score 50/100 (C)** — status: active.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 3.2.0 |
| Published | 2026-05-14 |
| First published | 2016-11-04 |
| Weekly downloads | 0 |
| License | (AGPL OR Commercial) |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 593.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Kirill Lebedev |
| Maintainers | alex-pex |
| Keywords | map, vector, world, usa, choropleth |

## Links

- npm: https://www.npmjs.com/package/jvectormap-next
- Repository: https://github.com/alex-pex/jvectormap
- Homepage: http://jvectormap.com
- Issues: https://github.com/alex-pex/jvectormap/issues
- npm.io page: https://npm.io/package/jvectormap-next

## Recent versions

- 3.2.0 (latest) — 2026-05-14
- 3.1.2 — 2025-07-18
- 3.1.1 — 2020-03-17
- 3.1.0 — 2019-11-06
- 3.0.0 — 2016-11-04
- 2.0.4 — 2016-11-04

## README

jVectorMap is a vector-based, cross-browser and cross-platform component for interactive geography-related data visualization on the web. It provides numerious features like smooth zooming and panning, fully-customizable styling, markers, labels and tooltips.

You can find maps, documentation, examples and more at [the official site](http://jvectormap.com/)

Example
-------

```javascript
var $ = require('jquery');

var $mountNode = $('[data-preview="jvectormap-next"] [data-testid="mountNode"]');
$mountNode.empty().css('height', 500);

// load jvectormap jquery plugin + map content
require('jvectormap-next')($);
$.fn.vectorMap('addMap', 'world_mill', require('jvectormap-content/world-mill'));

// render the map
var gdpData = {
    'AF': 16.63,
    'AL': 11.58,
    'DZ': 158.97,
    // ...
}

$mountNode.vectorMap({
    map: 'world_mill',
    series: {
        regions: [{
            values: gdpData,
            scale: ['#C8EEFF', '#0071A4'],
            normalizeFunction: 'polynomial'
        }]
    },
    onRegionTipShow: function(e, el, code){
        el.html(el.html()+' (GDP - '+gdpData[code]+')');
    }
});

// this is needed for the storybook to work properly
false
```

---
_Source: https://npm.io/package/jvectormap-next · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._