https://github.com/themustafaomar/jsvectormap
A lightweight JavaScript library for creating interactive maps and pretty data visualization.
https://github.com/themustafaomar/jsvectormap
data-visualisation interactive-map javascript js-map jsvectormap jvectormap map maps svg-map vector-map visualization
Last synced: 3 days ago
JSON representation
A lightweight JavaScript library for creating interactive maps and pretty data visualization.
- Host: GitHub
- URL: https://github.com/themustafaomar/jsvectormap
- Owner: themustafaomar
- License: mit
- Created: 2020-02-27T05:38:14.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2025-04-30T20:59:47.000Z (18 days ago)
- Last Synced: 2025-04-30T21:40:38.079Z (18 days ago)
- Topics: data-visualisation, interactive-map, javascript, js-map, jsvectormap, jvectormap, map, maps, svg-map, vector-map, visualization
- Language: JavaScript
- Homepage: https://jvm-docs.vercel.app
- Size: 1.92 MB
- Stars: 474
- Watchers: 7
- Forks: 85
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Jsvectormap
A lightweight Javascript library for creating interactive maps and pretty data visualization.
Explore docs
.
Report bug
·
View demo
·
Download
# Jsvectormap
Bringing data to life with interactive maps
This project is a deeply modified version of [jvectormap](https://github.com/bjornd/jvectormap) and was created to help developers who aren't using jQuery anymore in their projects.
Jsvectormap supports all modern browsers including IE9+
## 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
```bash
npm i jsvectormap
```
import your preferred map you want to work with, after importing the `jsvectormap`
```js
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.