JSFiddle - React, Tailwind, and code Playground

by Mubasshir Pawle

HTML

<script src="http://jqvmap.com/js/vmap/jquery.vmap.js?v=1.0"></script>
<script src="http://jqvmap.com/js/vmap/jquery.vmap.world.js?v=1.0"></script>
<script src="http://jqvmap.com/js/vmap/jquery.vmap.sampledata.js?v=1.0"></script>
<div id="vmap" style="width: 600px; height: 400px;"></div>

JavaScript

$(function () {
    $('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: null,
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#666666',
        enableZoom: true,
        showTooltip: true,
        values: sample_data,
        scaleColors: ['#C8EEFF', '#006491'],
        normalizeFunction: 'polynomial'
    });
});