Vue.js Components For Display An Interactive SVG Map


vue-svg-map is a set of Vue.js components for displaying interactive SVG maps as checkboxes, radio buttons, links, or tooltips.

interactive svg map javascript, interactive svg examples, interactive svg animation, svg map tooltip on hover

How to make use of it:

Install and download:

# Yarn
$ yarn add vue-svg-map

$ npm i vue-svg-map --save

1. Import the component and the SVG map into your project.

import { SvgMap } from "vue-svg-map";
import CountryName from "@svg-maps/countryname";

2. Display an SVG map on your app.

  <svg-map :map="CountryName" />
export default {
  name: "MyMap",
  components: {
  data() {
    return {

Interactive SVG Map, vue-svg-map Plugin/Github

See Demo And Download

Official Website(VictorCazanave): Click Here

This superior jQuery/javascript plugin is developed by VictorCazanave. For extra Advanced usage, please go to the official website.