<p align="center"> <a href="https://jvm-docs.vercel.app"> <img src=".github/jsvectormap.png" alt="Jsvectormap sample" width="500" /> </a> </p> <h3 align="center">Jsvectormap</h3> <p align="center"> A lightweight Javascript library for creating interactive maps and pretty data visualization. <br> <br> <a href="https://jvm-docs.vercel.app/docs/introduction"><strong>Explore docs</strong></a> . <a href="https://github.com/themustafaomar/jsvectormap/issues/new"><strong>Report bug</strong></a> · <a href="https://jvm-docs.vercel.app"><strong>View demo</strong></a> · <a href="https://github.com/themustafaomar/jsvectormap/archive/master.zip"><strong>Download</strong></a> </p>

Jsvectormap

Bringing data to life with interactive maps

This project is a deeply modified version of jvectormap and was created to help developers who aren't using jQuery anymore in their projects.

Jsvectormap supports all modern browsers including IE9+

<a href="https://www.npmjs.com/package/jsvectormap"><img src="https://img.shields.io/npm/l/jsvectormap.svg?sanitize=true" alt="License"></a> <a href="https://npmcharts.com/compare/jsvectormap?minimal=true"><img src="https://img.shields.io/npm/dm/jsvectormap.svg?sanitize=true" alt="Downloads"></a> <img src="https://data.jsdelivr.com/v1/package/npm/jsvectormap/badge?style=rounded"> <img src="https://img.shields.io/npm/v/jsvectormap.svg?sanitize=true" alt="Version"> <img src="https://img.shields.io/bundlephobia/min/jsvectormap" alt="Minified"> <img src="https://img.shields.io/bundlephobia/minzip/jsvectormap" alt="Minizipped">

What's an interactive map

• Interactive map is a powerful tool for presentation.
• It give the ability to create layers of information that can be shown or hidden at the click of a button on a region or maybe a marker.
• Data can be quickly updated, and these updates made transparent to users.
• Zoom functions that allow users to focus on either the details of a particular region, or to gain a quick overview of a wider area.

Quick start

Installing via npm

npm i jsvectormap

import your preferred map you want to work with, after importing the jsvectormap

import jsVectorMap from 'jsvectormap'
import 'jsvectormap/dist/maps/world.js'

const map = new jsVectorMap({
  selector: '#map',
  map: 'world',
})

Contributions

Your contributions always welcome but consider the following notes:

• The build files shouldn't be updated when sending pull requests.

License

jsvectormap licensed under MIT.