examples/world.html

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <style>
            #sphere,
            .em-graticule {
                fill: #f2fcfc;
            }
        </style>
    </head>

    <body style="margin: 0">
        <svg id="map"></svg>
        <!-- <script src="../build/eurostatmap.js"></script> -->
        <script src="https://unpkg.com/eurostat-map"></script>
        <script>
            let data = {
                JM: 70,
                JO: 24,
                JP: 35,
                KE: 93,
                KG: 92,
                KH: 39,
                KI: 36,
                KM: 30,
                KN: 25,
                KP: 14,
                KR: 26,
                KW: 30,
                KY: 62,
                KZ: 33,
                LA: 10,
                LB: 13,
                LC: 64,
                LI: 20,
                LK: 33,
                MT: 72,
                MU: 62,
                MV: 18,
                MW: 32,
                MX: 30,
                MY: 20,
                MZ: 37,
                NA: 29,
                NC: 56,
                NE: 48,
                NF: 94,
                NG: 85,
                NI: 31,
                NL: 27,
                AD: 61,
                AE: 72,
                AF: 79,
                AG: 87,
                AI: 43,
                AL: 13,
                AM: 54,
                AO: 10,
                AQ: 24,
                AR: 43,
                AS: 97,
                AT: 31,
                AU: 10,
                AW: 91,
                LS: 46,
                LT: 22,
                LU: 74,
                LV: 59,
                LY: 49,
                MA: 53,
                MC: 69,
                MD: 49,
                MG: 90,
                MH: 91,
                MK: 21,
                ML: 55,
                MM: 75,
                MN: 62,
                MO: 76,
                MP: 38,
                MR: 71,
                MS: 52,
                HR: 81,
                HT: 37,
                HU: 64,
                ID: 10,
                IE: 65,
                IL: 7,
                IM: 4,
                XI: 9,
                XL: 99,
                XM: 38,
                XN: 12,
                XO: 28,
                XU: 99,
                XV: 92,
                YE: 10,
                ZA: 79,
                ZM: 58,
                ZW: 24,
                RS: 47,
                ME: 97,
                BL: 53,
                SS: 50,
                LR: 98,
                BA: 4,
                EL: 33,
                TF: 45,
                PH: 13,
                RO: 47,
                RU: 46,
                RW: 56,
                SA: 72,
                SB: 26,
                SC: 38,
                SD: 27,
                SE: 60,
                SG: 86,
                SH: 48,
                SI: 17,
                SK: 78,
                SL: 96,
                SM: 76,
                SN: 57,
                SO: 55,
                SR: 64,
                ST: 64,
                SV: 29,
                SY: 4,
                SZ: 25,
                TC: 19,
                TD: 8,
                TG: 97,
                TH: 45,
                TJ: 80,
                TK: 86,
                TL: 62,
                TM: 15,
                TN: 46,
                TO: 98,
                TR: 14,
                TT: 91,
                TV: 94,
                TZ: 69,
                UA: 51,
                UG: 90,
                UM: 65,
                ET: 56,
                FI: 49,
                FJ: 50,
                FK: 18,
                FM: 3,
                FO: 17,
                FR: 96,
                GA: 55,
                UK: 42,
                GD: 33,
                GE: 89,
                GG: 40,
                GH: 12,
                GI: 52,
                GL: 17,
                GM: 60,
                GN: 45,
                GQ: 70,
                GS: 10,
                GT: 88,
                GU: 12,
                GW: 44,
                GY: 49,
                HK: 86,
                VA: 96,
                HM: 7,
                HN: 20,
                NO: 33,
                NP: 52,
                NR: 27,
                NU: 43,
                NZ: 57,
                OM: 55,
                PA: 6,
                PE: 93,
                PF: 67,
                PG: 96,
                PK: 39,
                PL: 26,
                PM: 20,
                PN: 70,
                PR: 33,
                PS: 59,
                PT: 99,
                PW: 31,
                PY: 88,
                QA: 9,
                AZ: 26,
                BB: 70,
                BD: 20,
                BE: 52,
                BF: 17,
                BG: 89,
                BH: 75,
                BI: 25,
                BJ: 52,
                BM: 43,
                BN: 78,
                BO: 15,
                BR: 24,
                BS: 32,
                BT: 10,
                BV: 74,
                BW: 6,
                BY: 8,
                BZ: 10,
                CA: 41,
                CC: 94,
                CD: 99,
                CF: 81,
                CG: 5,
                CH: 37,
                CI: 10,
                CK: 1,
                CL: 52,
                CM: 14,
                CN: 65,
                CO: 63,
                CP: 84,
                CR: 5,
                CU: 19,
                CV: 30,
                CX: 40,
                CY: 58,
                CZ: 89,
                DE: 83,
                DJ: 60,
                DK: 63,
                DM: 44,
                DO: 73,
                DZ: 40,
                EC: 83,
                EE: 29,
                EG: 53,
                EH: 51,
                ER: 83,
                ES: 86,
                IN: 4,
                IO: 19,
                IQ: 26,
                IR: 60,
                IS: 87,
                IT: 29,
                JE: 82,
                SJ: 34,
                US: 6,
                UY: 49,
                UZ: 87,
                VC: 80,
                VE: 19,
                VG: 57,
                VI: 46,
                VN: 14,
                VU: 29,
                WF: 87,
                WS: 32,
                XA: 79,
                XB: 96,
                XC: 21,
                XD: 37,
                XE: 84,
                XF: 3,
                XG: 27,
                XH: 60,
                BQ: 84,
                CW: 26,
                SX: 45,
            }
            const map = eurostatmap
                .map('ch')
                .geo('WORLD')
                .width(Math.min(window.innerHeight, window.innerWidth))
                .nutsLevel('mixed')
                //.title('World map')
                .drawGraticule(true)
                .graticuleStrokeWidth(0.4)
                .seaFillStyle('#FFFFFF')
                .labelling(true)
                .labelsToShow(['seas'])
                .classificationMethod('threshold')
                .thresholds([10, 20, 30, 40, 50, 60, 70])
                .colors(['#e9ecf6', '#cfd6ef', '#b5bee9', '#98a6df', '#7c90d6', '#6277cd', '#4760b7', '#2c49a9'])

            map.statData().setData(data)
            map.build()
        </script>
    </body>
</html>