• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
    8.   <style>
    9.     .chart--container {
    10.       min-height: 530px;
    11.       width: 100%;
    12.       height: 100%;
    13.     }
    14.  
    15.     .zc-ref {
    16.       display: none;
    17.     }
    18.   </style>
    19. </head>
    20.  
    21. <body>
    22.   <div id="myChart" class="chart--container">
    23.     <a class="zc-ref" href="https://www.zingchart.com/">Powered by ZingChart</a>
    24.   </div>
    25.   <script>
    26.     ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
    27.     let chartData = [
    28.       [599, 53.8, 4900274],
    29.       [624, 58.7, 10787104],
    30.       [777, 60.4, 11178921],
    31.       [799, 60.22, 17215232],
    32.       [809, 58.3, 77266814],
    33.       [943, 62.2, 19899120],
    34.       [958, 63.9, 4503438],
    35.       [1129, 62.9, 5227791],
    36.       [1176, 56.4, 27977863],
    37.       [1225, 60.8, 12608590],
    38.       [1386, 53.4, 1844325],
    39.       [1390, 71.4, 25155317],
    40.       [1400, 64.7, 24235390],
    41.       [1433, 64.23, 7304578],
    42.       [1472, 64.1, 788474],
    43.       [1520, 63.6, 99390750],
    44.       [1549, 66.53, 11609666],
    45.       [1644, 65.1, 1990924],
    46.       [1654, 62.8, 18105570],
    47.       [1680, 60.8, 39032383],
    48.       [1684, 57.6, 17599694],
    49.       [1710, 65.3, 10711067],
    50.       [1801, 60.01, 15602751],
    51.       [1824, 62.4, 112423],
    52.       [1830, 65.5, 10879829],
    53.       [1925, 57.63, 32526562],
    54.       [2047, 64.1, 583591],
    55.       [2085, 58.5, 6453184],
    56.       [2086, 72.4, 1184765],
    57.       [2191, 57.7, 14037472],
    58.       [2251, 66.1, 15129273],
    59.       [2352, 71.2, 28513700],
    60.       [2529, 60.6, 7619321],
    61.       [2571, 63.43, 53470420],
    62.       [2582, 71, 8481855],
    63.       [2598, 48.5, 2135022],
    64.       [2897, 59.5, 23344179],
    65.       [2898, 66.63, 46050302],
    66.       [2912, 65, 264652],
    67.       [3003, 68.8, 190344],
    68.       [3047, 58, 12339812],
    69.       [3139, 64.63, 887861],
    70.       [3161, 70.1, 160995642],
    71.       [3245, 69, 5939962],
    72.       [3267, 68.4, 15577899],
    73.       [3491, 60.33, 22701556],
    74.       [3510, 67, 104460],
    75.       [3661, 65.1, 52993],
    76.       [3877, 65.7, 4067564],
    77.       [3887, 67.6, 26832215],
    78.       [3975, 69.5, 40234882],
    79.       [4012, 67.9, 53897154],
    80.       [4034, 58.96, 16211767],
    81.       [4099, 65.5, 27409893],
    82.       [4270, 72.4, 8075060],
    83.       [4319, 75.2, 4668466],
    84.       [4637, 70.26, 18502413],
    85.       [4712, 76.8, 6082032],
    86.       [4743, 66.5, 188924874],
    87.       [4896, 72.7, 4068897],
    88.       [5069, 70.5, 106170],
    89.       [5212, 66.4, 6802023],
    90.       [5558, 72.2, 193228],
    91.       [5598, 70.1, 29893488],
    92.       [5623, 76.5, 93447601],
    93.       [5727, 61.33, 182201962],
    94.       [5903, 66.8, 1311050527],
    95.       [6095, 51.5, 1286970],
    96.       [6220, 61.9, 4620330],
    97.       [6295, 72.3, 10724705],
    98.       [6514, 74.6, 520502],
    99.       [6816, 64.4, 767085],
    100.       [6876, 70.2, 100699395],
    101.       [7279, 73.1, 16342897],
    102.       [7319, 74.7, 34377511],
    103.       [7474, 73.3, 3999812],
    104.       [7615, 61, 25021974],
    105.       [7763, 74.4, 3017712],
    106.       [7776, 74.1, 6126583],
    107.       [7925, 66.3, 892145],
    108.       [7983, 70.2, 774830],
    109.       [8219, 73.9, 6639123],
    110.       [8449, 72.1, 44823765],
    111.       [8501, 70, 359287],
    112.       [8606, 75.5, 2793335],
    113.       [9833, 77.9, 3810416],
    114.       [9997, 74.5, 184999],
    115.       [10040, 61, 2458830],
    116.       [10435, 72.9, 109462],
    117.       [10503, 74.6, 72680],
    118.       [10504, 70.9, 257563815],
    119.       [10620, 76, 2896679],
    120.       [10624, 76.5, 20715010],
    121.       [10996, 75.2, 16144363],
    122.       [11031, 71.3, 91508084],
    123.       [11126, 77.3, 11253554],
    124.       [11593, 71.7, 106825],
    125.       [11752, 78.3, 7594547],
    126.       [11819, 65.3, 2959134],
    127.       [11903, 77.5, 31376670],
    128.       [12509, 63.72, 54490406],
    129.       [12547, 77, 2078453],
    130.       [12761, 75.8, 48228704],
    131.       [12837, 73.8, 10528391],
    132.       [12908, 78.1, 8850975],
    133.       [12984, 75.8, 284215],
    134.       [13334, 76.9, 1376048943],
    135.       [13434, 76.5, 39666519],
    136.       [14132, 80, 4807850],
    137.       [14408, 79.5, 363657],
    138.       [14512, 75.1, 67959359],
    139.       [14646, 72.1, 36423395],
    140.       [14833, 75.8, 625781],
    141.       [15441, 75.6, 207847528],
    142.       [15573, 78.5, 79109272],
    143.       [15753, 75.8, 31108083],
    144.       [15865, 67.9, 5373502],
    145.       [16371, 74.9, 7149787],
    146.       [16850, 74.5, 127017224],
    147.       [16986, 72.9, 9753968],
    148.       [17050, 78.5, 5850743],
    149.       [17125, 70.5, 542975],
    150.       [17196, 66.4, 2262485],
    151.       [17261, 76.2, 6278438],
    152.       [17344, 76.2, 43416755],
    153.       [17415, 70.4, 9495826],
    154.       [18350, 73.9, 1273212],
    155.       [18627, 60.53, 1725292],
    156.       [19203, 76.8, 19511324],
    157.       [19360, 76.5, 78665830],
    158.       [20260, 78, 4240317],
    159.       [20438, 77.3, 3431555],
    160.       [20485, 78.2, 3929141],
    161.       [21049, 75.2, 91818],
    162.       [21291, 78.5, 11389562],
    163.       [22465, 79.3, 17948141],
    164.       [22818, 72.3, 388019],
    165.       [23038, 73.13, 143456918],
    166.       [23282, 75.7, 1970503],
    167.       [23468, 68.2, 17625226],
    168.       [24200, 76.2, 9855023],
    169.       [24320, 75.1, 30331007],
    170.       [24787, 77.3, 38611794],
    171.       [25430, 79.8, 10954617],
    172.       [25684, 73.7, 96471],
    173.       [26437, 79.8, 10349803],
    174.       [26665, 75.4, 2878405],
    175.       [26812, 76.8, 1312558],
    176.       [27204, 76.4, 5426258],
    177.       [28550, 80.2, 2067526],
    178.       [29437, 78.6, 10543186],
    179.       [29797, 82.6, 1165300],
    180.       [30113, 71.4, 1360088],
    181.       [30265, 82.1, 418670],
    182.       [31087, 60.63, 845060],
    183.       [31590, 82.4, 8064036],
    184.       [32979, 81.7, 46121699],
    185.       [33297, 82.1, 59797685],
    186.       [34186, 80.6, 4528526],
    187.       [34644, 80.7, 50293439],
    188.       [36162, 83.5, 126573481],
    189.       [37599, 81.9, 64395345],
    190.       [38225, 81.4, 64715810],
    191.       [38923, 80.8, 5503457],
    192.       [41240, 80.4, 11299192],
    193.       [42182, 82.8, 329425],
    194.       [43294, 81.7, 35939927],
    195.       [43495, 80.1, 5669081],
    196.       [44053, 81.1, 80688545],
    197.       [44056, 81.8, 23968973],
    198.       [44138, 79.2, 1377237],
    199.       [44401, 81, 8544586],
    200.       [44892, 82, 9779426],
    201.       [45784, 80.6, 16924929],
    202.       [46577, 84.1, 70473],
    203.       [47758, 80.4, 4688465],
    204.       [48226, 75.7, 4490541],
    205.       [52469, 78.1, 31540372],
    206.       [53354, 79.1, 321773631],
    207.       [56118, 82.9, 8298663],
    208.       [60749, 76.6, 9156963],
    209.       [64304, 81.6, 5210967],
    210.       [73003, 78.7, 423188],
    211.       [80794, 82.1, 5603740],
    212.       [82633, 80.7, 3892115],
    213.       [88314, 81.1, 567110],
    214.       [132877, 82, 2235355],
    215.     ];
    216.  
    217.     let chartConfig = {
    218.       type: 'bubble',
    219.       title: {
    220.         text: 'Life Expectancy',
    221.         adjustLayout: true,
    222.       },
    223.       legend: {
    224.         adjustLayout: true,
    225.         align: 'center',
    226.         borderWidth: '0px',
    227.         marker: {
    228.           type: 'circle',
    229.         },
    230.         toggleAction: 'none',
    231.       },
    232.       plot: {
    233.         tooltip: {
    234.           text: '%data-country has a population of %node-size-value <br>with a %vt year life expectancy <br> if you make %kl (GDP)',
    235.           fontSize: '15px',
    236.           rules: [{
    237.               backgroundColor: '#ff8a80',
    238.               rule: '%node-size-value >= 10000000',
    239.             },
    240.             {
    241.               backgroundColor: '#82b1ff',
    242.               rule: '%node-size-value > 1000000 && %node-size-value < 10000000',
    243.             },
    244.             {
    245.               backgroundColor: '#b388ff',
    246.               rule: '%node-size-value < 1000000',
    247.             },
    248.           ],
    249.           thousandsSeparator: ',',
    250.         },
    251.         marker: {
    252.           rules: [{
    253.               alpha: 0.8,
    254.               backgroundColor: '#ff8a80',
    255.               rule: '%node-size-value >= 10000000',
    256.             },
    257.             {
    258.               alpha: 0.8,
    259.               backgroundColor: '#82b1ff',
    260.               rule: '%node-size-value > 1000000 && %node-size-value < 10000000',
    261.             },
    262.             {
    263.               alpha: 0.8,
    264.               backgroundColor: '#b388ff',
    265.               rule: '%node-size-value < 1000000',
    266.             },
    267.           ],
    268.         },
    269.       },
    270.       plotarea: {
    271.         margin: 'dynamic',
    272.       },
    273.       scaleX: {
    274.         label: {
    275.           text: 'GDP Per Capita (Income)',
    276.         },
    277.         thousandsSeparator: ',',
    278.         zooming: true,
    279.       },
    280.       scaleY: {
    281.         label: {
    282.           text: 'Healthy Expectancy (In Years)',
    283.         },
    284.         maxValue: 90,
    285.         minValue: 40,
    286.         step: 5,
    287.       },
    288.       scrollX: {},
    289.       scrollY: {},
    290.       preview: {
    291.         adjustLayout: true,
    292.       },
    293.       series: [{
    294.           values: chartData,
    295.           dataCountry: [
    296.             'Central African Republic',
    297.             'Somalia',
    298.             'Burundi',
    299.             'Malawi',
    300.             'Congo, Dem. Rep.',
    301.             'Niger',
    302.             'Liberia',
    303.             'Eritrea',
    304.             'Mozambique',
    305.             'Guinea',
    306.             'Guinea-Bissau',
    307.             'North Korea',
    308.             'Madagascar',
    309.             'Togo',
    310.             'Comoros',
    311.             'Ethiopia',
    312.             'Rwanda',
    313.             'Gambia',
    314.             'Burkina Faso',
    315.             'Uganda',
    316.             'Mali',
    317.             'Haiti',
    318.             'Zimbabwe',
    319.             'Kiribati',
    320.             'Benin',
    321.             'Afghanistan',
    322.             'Solomon Islands',
    323.             'Sierra Leone',
    324.             'Timor-Leste',
    325.             'Chad',
    326.             'Senegal',
    327.             'Nepal',
    328.             'Papua New Guinea',
    329.             'Tanzania',
    330.             'Tajikistan',
    331.             'Lesotho',
    332.             'Cameroon',
    333.             'Kenya',
    334.             'Vanuatu',
    335.             'Sao Tome and Principe',
    336.             'South Sudan',
    337.             'Djibouti',
    338.             'Bangladesh',
    339.             'Kyrgyz Republic',
    340.             'Cambodia',
    341.             "Cote d'Ivoire",
    342.             'Micronesia, Fed. Sts.',
    343.             'Marshall Islands',
    344.             'Mauritania',
    345.             'Yemen',
    346.             'Sudan',
    347.             'Myanmar',
    348.             'Zambia',
    349.             'Ghana',
    350.             'Honduras',
    351.             'West Bank and Gaza',
    352.             'Syria',
    353.             'Nicaragua',
    354.             'Pakistan',
    355.             'Moldova',
    356.             'Tonga',
    357.             'Lao',
    358.             'Samoa',
    359.             'Uzbekistan',
    360.             'Vietnam',
    361.             'Nigeria',
    362.             'India',
    363.             'Swaziland',
    364.             'Congo, Rep.',
    365.             'Bolivia',
    366.             'Cape Verde',
    367.             'Guyana',
    368.             'Philippines',
    369.             'Guatemala',
    370.             'Morocco',
    371.             'Georgia',
    372.             'Angola',
    373.             'Armenia',
    374.             'El Salvador',
    375.             'Fiji',
    376.             'Bhutan',
    377.             'Paraguay',
    378.             'Ukraine',
    379.             'Belize',
    380.             'Jamaica',
    381.             'Bosnia and Herzegovina',
    382.             'St. Lucia',
    383.             'Namibia',
    384.             'St. Vincent and the Grenadines',
    385.             'Dominica',
    386.             'Indonesia',
    387.             'Albania',
    388.             'Sri Lanka',
    389.             'Ecuador',
    390.             'Egypt',
    391.             'Tunisia',
    392.             'Grenada',
    393.             'Jordan',
    394.             'Mongolia',
    395.             'Peru',
    396.             'South Africa',
    397.             'Macedonia, FYR',
    398.             'Colombia',
    399.             'Dominican Republic',
    400.             'Serbia',
    401.             'Barbados',
    402.             'China',
    403.             'Algeria',
    404.             'Costa Rica',
    405.             'Maldives',
    406.             'Thailand',
    407.             'Iraq',
    408.             'Montenegro',
    409.             'Brazil',
    410.             'Iran',
    411.             'Venezuela',
    412.             'Turkmenistan',
    413.             'Bulgaria',
    414.             'Mexico',
    415.             'Azerbaijan',
    416.             'Lebanon',
    417.             'Suriname',
    418.             'Botswana',
    419.             'Libya',
    420.             'Argentina',
    421.             'Belarus',
    422.             'Mauritius',
    423.             'Gabon',
    424.             'Romania',
    425.             'Turkey',
    426.             'Croatia',
    427.             'Uruguay',
    428.             'Panama',
    429.             'Antigua and Barbuda',
    430.             'Cuba',
    431.             'Chile',
    432.             'Bahamas',
    433.             'Russia',
    434.             'Latvia',
    435.             'Kazakhstan',
    436.             'Hungary',
    437.             'Malaysia',
    438.             'Poland',
    439.             'Greece',
    440.             'Seychelles',
    441.             'Portugal',
    442.             'Lithuania',
    443.             'Estonia',
    444.             'Slovak Republic',
    445.             'Slovenia',
    446.             'Czech Republic',
    447.             'Cyprus',
    448.             'Trinidad and Tobago',
    449.             'Malta',
    450.             'Equatorial Guinea',
    451.             'Israel',
    452.             'Spain',
    453.             'Italy',
    454.             'New Zealand',
    455.             'South Korea',
    456.             'Japan',
    457.             'France',
    458.             'United Kingdom',
    459.             'Finland',
    460.             'Belgium',
    461.             'Iceland',
    462.             'Canada',
    463.             'Denmark',
    464.             'Germany',
    465.             'Australia',
    466.             'Bahrain',
    467.             'Austria',
    468.             'Sweden',
    469.             'Netherlands',
    470.             'Andorra',
    471.             'Ireland',
    472.             'Oman',
    473.             'Saudi Arabia',
    474.             'United States',
    475.             'Switzerland',
    476.             'United Arab Emirates',
    477.             'Norway',
    478.             'Brunei',
    479.             'Singapore',
    480.             'Kuwait',
    481.             'Luxembourg',
    482.             'Qatar',
    483.           ],
    484.           legendItem: {
    485.             visible: false,
    486.           },
    487.           legendMarker: {
    488.             visible: false,
    489.           },
    490.         },
    491.         {
    492.           legendItem: {
    493.             text: 'Population > 10,000,000',
    494.           },
    495.           legendMarker: {
    496.             backgroundColor: '#ff8a80',
    497.           },
    498.         },
    499.         {
    500.           legendItem: {
    501.             text: 'Population < 1,000,000',
    502.           },
    503.           legendMarker: {
    504.             backgroundColor: '#b388ff',
    505.           },
    506.         },
    507.         {
    508.           legendItem: {
    509.             text: '10,000,000 > Population > 1,000,000',
    510.           },
    511.           legendMarker: {
    512.             backgroundColor: '#82b1ff',
    513.           },
    514.         },
    515.       ],
    516.     };
    517.  
    518.     zingchart.render({
    519.       id: 'myChart',
    520.       data: chartConfig,
    521.       height: '100%',
    522.       width: '100%',
    523.     });
    524.   </script>
    525. </body>
    526.  
    527. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    8. </head>
    9.  
    10. <body>
    11.   <div id="myChart" class="chart--container">
    12.     <a class="zc-ref" href="https://www.zingchart.com/">Powered by ZingChart</a>
    13.   </div>
    14. </body>
    15.  
    16. </html>
    1. .chart--container {
    2.   min-height: 530px;
    3.   width: 100%;
    4.   height: 100%;
    5. }
    6.  
    7. .zc-ref {
    8.   display: none;
    9. }
    1. let chartData = [
    2.   [599, 53.8, 4900274],
    3.   [624, 58.7, 10787104],
    4.   [777, 60.4, 11178921],
    5.   [799, 60.22, 17215232],
    6.   [809, 58.3, 77266814],
    7.   [943, 62.2, 19899120],
    8.   [958, 63.9, 4503438],
    9.   [1129, 62.9, 5227791],
    10.   [1176, 56.4, 27977863],
    11.   [1225, 60.8, 12608590],
    12.   [1386, 53.4, 1844325],
    13.   [1390, 71.4, 25155317],
    14.   [1400, 64.7, 24235390],
    15.   [1433, 64.23, 7304578],
    16.   [1472, 64.1, 788474],
    17.   [1520, 63.6, 99390750],
    18.   [1549, 66.53, 11609666],
    19.   [1644, 65.1, 1990924],
    20.   [1654, 62.8, 18105570],
    21.   [1680, 60.8, 39032383],
    22.   [1684, 57.6, 17599694],
    23.   [1710, 65.3, 10711067],
    24.   [1801, 60.01, 15602751],
    25.   [1824, 62.4, 112423],
    26.   [1830, 65.5, 10879829],
    27.   [1925, 57.63, 32526562],
    28.   [2047, 64.1, 583591],
    29.   [2085, 58.5, 6453184],
    30.   [2086, 72.4, 1184765],
    31.   [2191, 57.7, 14037472],
    32.   [2251, 66.1, 15129273],
    33.   [2352, 71.2, 28513700],
    34.   [2529, 60.6, 7619321],
    35.   [2571, 63.43, 53470420],
    36.   [2582, 71, 8481855],
    37.   [2598, 48.5, 2135022],
    38.   [2897, 59.5, 23344179],
    39.   [2898, 66.63, 46050302],
    40.   [2912, 65, 264652],
    41.   [3003, 68.8, 190344],
    42.   [3047, 58, 12339812],
    43.   [3139, 64.63, 887861],
    44.   [3161, 70.1, 160995642],
    45.   [3245, 69, 5939962],
    46.   [3267, 68.4, 15577899],
    47.   [3491, 60.33, 22701556],
    48.   [3510, 67, 104460],
    49.   [3661, 65.1, 52993],
    50.   [3877, 65.7, 4067564],
    51.   [3887, 67.6, 26832215],
    52.   [3975, 69.5, 40234882],
    53.   [4012, 67.9, 53897154],
    54.   [4034, 58.96, 16211767],
    55.   [4099, 65.5, 27409893],
    56.   [4270, 72.4, 8075060],
    57.   [4319, 75.2, 4668466],
    58.   [4637, 70.26, 18502413],
    59.   [4712, 76.8, 6082032],
    60.   [4743, 66.5, 188924874],
    61.   [4896, 72.7, 4068897],
    62.   [5069, 70.5, 106170],
    63.   [5212, 66.4, 6802023],
    64.   [5558, 72.2, 193228],
    65.   [5598, 70.1, 29893488],
    66.   [5623, 76.5, 93447601],
    67.   [5727, 61.33, 182201962],
    68.   [5903, 66.8, 1311050527],
    69.   [6095, 51.5, 1286970],
    70.   [6220, 61.9, 4620330],
    71.   [6295, 72.3, 10724705],
    72.   [6514, 74.6, 520502],
    73.   [6816, 64.4, 767085],
    74.   [6876, 70.2, 100699395],
    75.   [7279, 73.1, 16342897],
    76.   [7319, 74.7, 34377511],
    77.   [7474, 73.3, 3999812],
    78.   [7615, 61, 25021974],
    79.   [7763, 74.4, 3017712],
    80.   [7776, 74.1, 6126583],
    81.   [7925, 66.3, 892145],
    82.   [7983, 70.2, 774830],
    83.   [8219, 73.9, 6639123],
    84.   [8449, 72.1, 44823765],
    85.   [8501, 70, 359287],
    86.   [8606, 75.5, 2793335],
    87.   [9833, 77.9, 3810416],
    88.   [9997, 74.5, 184999],
    89.   [10040, 61, 2458830],
    90.   [10435, 72.9, 109462],
    91.   [10503, 74.6, 72680],
    92.   [10504, 70.9, 257563815],
    93.   [10620, 76, 2896679],
    94.   [10624, 76.5, 20715010],
    95.   [10996, 75.2, 16144363],
    96.   [11031, 71.3, 91508084],
    97.   [11126, 77.3, 11253554],
    98.   [11593, 71.7, 106825],
    99.   [11752, 78.3, 7594547],
    100.   [11819, 65.3, 2959134],
    101.   [11903, 77.5, 31376670],
    102.   [12509, 63.72, 54490406],
    103.   [12547, 77, 2078453],
    104.   [12761, 75.8, 48228704],
    105.   [12837, 73.8, 10528391],
    106.   [12908, 78.1, 8850975],
    107.   [12984, 75.8, 284215],
    108.   [13334, 76.9, 1376048943],
    109.   [13434, 76.5, 39666519],
    110.   [14132, 80, 4807850],
    111.   [14408, 79.5, 363657],
    112.   [14512, 75.1, 67959359],
    113.   [14646, 72.1, 36423395],
    114.   [14833, 75.8, 625781],
    115.   [15441, 75.6, 207847528],
    116.   [15573, 78.5, 79109272],
    117.   [15753, 75.8, 31108083],
    118.   [15865, 67.9, 5373502],
    119.   [16371, 74.9, 7149787],
    120.   [16850, 74.5, 127017224],
    121.   [16986, 72.9, 9753968],
    122.   [17050, 78.5, 5850743],
    123.   [17125, 70.5, 542975],
    124.   [17196, 66.4, 2262485],
    125.   [17261, 76.2, 6278438],
    126.   [17344, 76.2, 43416755],
    127.   [17415, 70.4, 9495826],
    128.   [18350, 73.9, 1273212],
    129.   [18627, 60.53, 1725292],
    130.   [19203, 76.8, 19511324],
    131.   [19360, 76.5, 78665830],
    132.   [20260, 78, 4240317],
    133.   [20438, 77.3, 3431555],
    134.   [20485, 78.2, 3929141],
    135.   [21049, 75.2, 91818],
    136.   [21291, 78.5, 11389562],
    137.   [22465, 79.3, 17948141],
    138.   [22818, 72.3, 388019],
    139.   [23038, 73.13, 143456918],
    140.   [23282, 75.7, 1970503],
    141.   [23468, 68.2, 17625226],
    142.   [24200, 76.2, 9855023],
    143.   [24320, 75.1, 30331007],
    144.   [24787, 77.3, 38611794],
    145.   [25430, 79.8, 10954617],
    146.   [25684, 73.7, 96471],
    147.   [26437, 79.8, 10349803],
    148.   [26665, 75.4, 2878405],
    149.   [26812, 76.8, 1312558],
    150.   [27204, 76.4, 5426258],
    151.   [28550, 80.2, 2067526],
    152.   [29437, 78.6, 10543186],
    153.   [29797, 82.6, 1165300],
    154.   [30113, 71.4, 1360088],
    155.   [30265, 82.1, 418670],
    156.   [31087, 60.63, 845060],
    157.   [31590, 82.4, 8064036],
    158.   [32979, 81.7, 46121699],
    159.   [33297, 82.1, 59797685],
    160.   [34186, 80.6, 4528526],
    161.   [34644, 80.7, 50293439],
    162.   [36162, 83.5, 126573481],
    163.   [37599, 81.9, 64395345],
    164.   [38225, 81.4, 64715810],
    165.   [38923, 80.8, 5503457],
    166.   [41240, 80.4, 11299192],
    167.   [42182, 82.8, 329425],
    168.   [43294, 81.7, 35939927],
    169.   [43495, 80.1, 5669081],
    170.   [44053, 81.1, 80688545],
    171.   [44056, 81.8, 23968973],
    172.   [44138, 79.2, 1377237],
    173.   [44401, 81, 8544586],
    174.   [44892, 82, 9779426],
    175.   [45784, 80.6, 16924929],
    176.   [46577, 84.1, 70473],
    177.   [47758, 80.4, 4688465],
    178.   [48226, 75.7, 4490541],
    179.   [52469, 78.1, 31540372],
    180.   [53354, 79.1, 321773631],
    181.   [56118, 82.9, 8298663],
    182.   [60749, 76.6, 9156963],
    183.   [64304, 81.6, 5210967],
    184.   [73003, 78.7, 423188],
    185.   [80794, 82.1, 5603740],
    186.   [82633, 80.7, 3892115],
    187.   [88314, 81.1, 567110],
    188.   [132877, 82, 2235355],
    189. ];
    190.  
    191. let chartConfig = {
    192.   type: 'bubble',
    193.   title: {
    194.     text: 'Life Expectancy',
    195.     adjustLayout: true,
    196.   },
    197.   legend: {
    198.     adjustLayout: true,
    199.     align: 'center',
    200.     borderWidth: '0px',
    201.     marker: {
    202.       type: 'circle',
    203.     },
    204.     toggleAction: 'none',
    205.   },
    206.   plot: {
    207.     tooltip: {
    208.       text: '%data-country has a population of %node-size-value <br>with a %vt year life expectancy <br> if you make %kl (GDP)',
    209.       fontSize: '15px',
    210.       rules: [{
    211.           backgroundColor: '#ff8a80',
    212.           rule: '%node-size-value >= 10000000',
    213.         },
    214.         {
    215.           backgroundColor: '#82b1ff',
    216.           rule: '%node-size-value > 1000000 && %node-size-value < 10000000',
    217.         },
    218.         {
    219.           backgroundColor: '#b388ff',
    220.           rule: '%node-size-value < 1000000',
    221.         },
    222.       ],
    223.       thousandsSeparator: ',',
    224.     },
    225.     marker: {
    226.       rules: [{
    227.           alpha: 0.8,
    228.           backgroundColor: '#ff8a80',
    229.           rule: '%node-size-value >= 10000000',
    230.         },
    231.         {
    232.           alpha: 0.8,
    233.           backgroundColor: '#82b1ff',
    234.           rule: '%node-size-value > 1000000 && %node-size-value < 10000000',
    235.         },
    236.         {
    237.           alpha: 0.8,
    238.           backgroundColor: '#b388ff',
    239.           rule: '%node-size-value < 1000000',
    240.         },
    241.       ],
    242.     },
    243.   },
    244.   plotarea: {
    245.     margin: 'dynamic',
    246.   },
    247.   scaleX: {
    248.     label: {
    249.       text: 'GDP Per Capita (Income)',
    250.     },
    251.     thousandsSeparator: ',',
    252.     zooming: true,
    253.   },
    254.   scaleY: {
    255.     label: {
    256.       text: 'Healthy Expectancy (In Years)',
    257.     },
    258.     maxValue: 90,
    259.     minValue: 40,
    260.     step: 5,
    261.   },
    262.   scrollX: {},
    263.   scrollY: {},
    264.   preview: {
    265.     adjustLayout: true,
    266.   },
    267.   series: [{
    268.       values: chartData,
    269.       dataCountry: [
    270.         'Central African Republic',
    271.         'Somalia',
    272.         'Burundi',
    273.         'Malawi',
    274.         'Congo, Dem. Rep.',
    275.         'Niger',
    276.         'Liberia',
    277.         'Eritrea',
    278.         'Mozambique',
    279.         'Guinea',
    280.         'Guinea-Bissau',
    281.         'North Korea',
    282.         'Madagascar',
    283.         'Togo',
    284.         'Comoros',
    285.         'Ethiopia',
    286.         'Rwanda',
    287.         'Gambia',
    288.         'Burkina Faso',
    289.         'Uganda',
    290.         'Mali',
    291.         'Haiti',
    292.         'Zimbabwe',
    293.         'Kiribati',
    294.         'Benin',
    295.         'Afghanistan',
    296.         'Solomon Islands',
    297.         'Sierra Leone',
    298.         'Timor-Leste',
    299.         'Chad',
    300.         'Senegal',
    301.         'Nepal',
    302.         'Papua New Guinea',
    303.         'Tanzania',
    304.         'Tajikistan',
    305.         'Lesotho',
    306.         'Cameroon',
    307.         'Kenya',
    308.         'Vanuatu',
    309.         'Sao Tome and Principe',
    310.         'South Sudan',
    311.         'Djibouti',
    312.         'Bangladesh',
    313.         'Kyrgyz Republic',
    314.         'Cambodia',
    315.         "Cote d'Ivoire",
    316.         'Micronesia, Fed. Sts.',
    317.         'Marshall Islands',
    318.         'Mauritania',
    319.         'Yemen',
    320.         'Sudan',
    321.         'Myanmar',
    322.         'Zambia',
    323.         'Ghana',
    324.         'Honduras',
    325.         'West Bank and Gaza',
    326.         'Syria',
    327.         'Nicaragua',
    328.         'Pakistan',
    329.         'Moldova',
    330.         'Tonga',
    331.         'Lao',
    332.         'Samoa',
    333.         'Uzbekistan',
    334.         'Vietnam',
    335.         'Nigeria',
    336.         'India',
    337.         'Swaziland',
    338.         'Congo, Rep.',
    339.         'Bolivia',
    340.         'Cape Verde',
    341.         'Guyana',
    342.         'Philippines',
    343.         'Guatemala',
    344.         'Morocco',
    345.         'Georgia',
    346.         'Angola',
    347.         'Armenia',
    348.         'El Salvador',
    349.         'Fiji',
    350.         'Bhutan',
    351.         'Paraguay',
    352.         'Ukraine',
    353.         'Belize',
    354.         'Jamaica',
    355.         'Bosnia and Herzegovina',
    356.         'St. Lucia',
    357.         'Namibia',
    358.         'St. Vincent and the Grenadines',
    359.         'Dominica',
    360.         'Indonesia',
    361.         'Albania',
    362.         'Sri Lanka',
    363.         'Ecuador',
    364.         'Egypt',
    365.         'Tunisia',
    366.         'Grenada',
    367.         'Jordan',
    368.         'Mongolia',
    369.         'Peru',
    370.         'South Africa',
    371.         'Macedonia, FYR',
    372.         'Colombia',
    373.         'Dominican Republic',
    374.         'Serbia',
    375.         'Barbados',
    376.         'China',
    377.         'Algeria',
    378.         'Costa Rica',
    379.         'Maldives',
    380.         'Thailand',
    381.         'Iraq',
    382.         'Montenegro',
    383.         'Brazil',
    384.         'Iran',
    385.         'Venezuela',
    386.         'Turkmenistan',
    387.         'Bulgaria',
    388.         'Mexico',
    389.         'Azerbaijan',
    390.         'Lebanon',
    391.         'Suriname',
    392.         'Botswana',
    393.         'Libya',
    394.         'Argentina',
    395.         'Belarus',
    396.         'Mauritius',
    397.         'Gabon',
    398.         'Romania',
    399.         'Turkey',
    400.         'Croatia',
    401.         'Uruguay',
    402.         'Panama',
    403.         'Antigua and Barbuda',
    404.         'Cuba',
    405.         'Chile',
    406.         'Bahamas',
    407.         'Russia',
    408.         'Latvia',
    409.         'Kazakhstan',
    410.         'Hungary',
    411.         'Malaysia',
    412.         'Poland',
    413.         'Greece',
    414.         'Seychelles',
    415.         'Portugal',
    416.         'Lithuania',
    417.         'Estonia',
    418.         'Slovak Republic',
    419.         'Slovenia',
    420.         'Czech Republic',
    421.         'Cyprus',
    422.         'Trinidad and Tobago',
    423.         'Malta',
    424.         'Equatorial Guinea',
    425.         'Israel',
    426.         'Spain',
    427.         'Italy',
    428.         'New Zealand',
    429.         'South Korea',
    430.         'Japan',
    431.         'France',
    432.         'United Kingdom',
    433.         'Finland',
    434.         'Belgium',
    435.         'Iceland',
    436.         'Canada',
    437.         'Denmark',
    438.         'Germany',
    439.         'Australia',
    440.         'Bahrain',
    441.         'Austria',
    442.         'Sweden',
    443.         'Netherlands',
    444.         'Andorra',
    445.         'Ireland',
    446.         'Oman',
    447.         'Saudi Arabia',
    448.         'United States',
    449.         'Switzerland',
    450.         'United Arab Emirates',
    451.         'Norway',
    452.         'Brunei',
    453.         'Singapore',
    454.         'Kuwait',
    455.         'Luxembourg',
    456.         'Qatar',
    457.       ],
    458.       legendItem: {
    459.         visible: false,
    460.       },
    461.       legendMarker: {
    462.         visible: false,
    463.       },
    464.     },
    465.     {
    466.       legendItem: {
    467.         text: 'Population > 10,000,000',
    468.       },
    469.       legendMarker: {
    470.         backgroundColor: '#ff8a80',
    471.       },
    472.     },
    473.     {
    474.       legendItem: {
    475.         text: 'Population < 1,000,000',
    476.       },
    477.       legendMarker: {
    478.         backgroundColor: '#b388ff',
    479.       },
    480.     },
    481.     {
    482.       legendItem: {
    483.         text: '10,000,000 > Population > 1,000,000',
    484.       },
    485.       legendMarker: {
    486.         backgroundColor: '#82b1ff',
    487.       },
    488.     },
    489.   ],
    490. };
    491.  
    492. zingchart.render({
    493.   id: 'myChart',
    494.   data: chartConfig,
    495.   height: '100%',
    496.   width: '100%',
    497. });