How to create a dynamic infographic map using jQuery/SVG

How to create a dynamic infographic map using jQuery/SVG

Hey guys i was to create a map that looks like THIS. A live example can be seen here .   Now i had a look at this plugin they have used on that website and it happens to  be jvectorMap. Now i went through the simple basic example and the code used to create a simple map , looks like  HERE . Thats a heck of alot of files being imported. 

is there an easier way to make a map like that ? basically i don;t want anything dynamic as of now , just a static map (something like jvector map). i should be able to plat the countries that a user "required a visa" and "does't require a visa.". both sould have different color I.E. the countries he requires the visa to maybe of blue color and for the country he does not require a visa may be "grey color". 

- On hover the country name should be visible. 
- The boxes at the botyom should be dynamic and update based 
   on the no of countries that a user is allowed with a visa vs not allowed without a visa. 

basically is there a plugin anyone on here is familier with that will give me something close to what i want.

I am really out of idea on this one , even though it seems like a relatively easy task to achieve. 

Thank you.