{"bgcolor":"#363232","stroke":"12","bordercolor":"#CCCCCC","incolor":"#BDBEC2","width":"600","height":"400","responsive":"true","aspratio":"true","tooltipcolor":"#444444","tooltip":"focus","tooltiphtml":"true","interact":"true","areacombo":"world,countries","markersize":"10","displaymode":"markers","mapaction":"none","customaction":"","placestxt":"IQ%2C%20%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/2S1129473I442t0b3l0k/heart.png%3Fv%3Db9f7aa18%22%20alt%3D%22%22%3E%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3EIraq%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E123%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3BHT%2C%20%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3EHaiti%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E675%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3BPH%2C%20%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3EPhilippines%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E4500%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3BMZ%2C%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3EMozambique%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E612%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3BMW%2C%20%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3EMalawi%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E10%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3BAE%2C%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3EUnited%20Arab%20Emirates%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E123%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3BLR%2C%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3ELiberia%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E1%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3B%20UG%2C%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3EUganda%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E36%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3B%20NP%2C%uF004%2C%3Cdiv%3E%20%20%3Cdiv%20class%3D%22left_box%22%3E%3Cimg%20src%3D%22https%3A//d3vv6lp55qjaqc.cloudfront.net/items/1j080x1K1A051z2X1v3D/tl1.png%3Fv%3Dfa650019%22%3E%3C/div%3E%20%20%3Cdiv%20class%3D%22right_box%22%3E%20%20%20%20%3Cdiv%20class%3D%22inner_left%22%3E%20%20%20%20%20%20%3Cp%20class%3D%22oss_map_country%22%3ENepal%3C/p%3E%20%20%20%20%20%20%3Cp%20class%3D%22counter%22%3E330%3C/p%3E%20%20%20%20%3C/div%3E%20%20%20%20%3Cdiv%20class%3D%22inner_right%22%3E%3C/div%3E%20%20%3C/div%3E%3C/div%3E%2CAction%2C%23C60B46%3B","geoapi":"AIzaSyAZQ6sKSjXYSs5fRdjCFTkfrQ7RW35YElk"}

// https://www.sassmeister.com/
#collection-5935f4dbbebafbb92ec224a3 .content-inner {
  max-width:100%;
  padding-top:0;
}
#collection-5935f4dbbebafbb92ec224a3 rect {
  fill:black;
}
.google-visualization-tooltip {
  border:none;
  .google-visualization-tooltip-item-list {
    margin:0;
    min-width:110px;
    padding:100px 10px 10px;
    background:url('https://static1.squarespace.com/static/58532bb6cd0f686f2c5a8232/t/593c442cc534a5c8d1efcb52/1497121836380/heart.png') no-repeat center 20px white;
    .google-visualization-tooltip-item {
      text-align:center;
      margin:0;
      padding:0;
      &:first-child {
        display:none;
      }
      .country {
        color:black;
        font-weight:bold;
        text-transform:uppercase;
        margin:0;
        font-size:16px;
      }
      .counter {
        color: gray;
        margin: 0;
        font-weight:bold;
        font-size: 18px;
      }
      .small {
        color: gray;  
        margin: 0;
        font-size: 12px;
      }
    }
  }
}


<style>
#collection-5935f4dbbebafbb92ec224a3 .content-inner {
  max-width: 100%;
  padding-top: 0;
}

#collection-5935f4dbbebafbb92ec224a3 rect {
  fill: black;
}

.google-visualization-tooltip {
  border: none;
}
.google-visualization-tooltip .google-visualization-tooltip-item-list {
  margin: 0;
  min-width: 110px;
  padding: 100px 10px 10px;
  background: url("https://static1.squarespace.com/static/58532bb6cd0f686f2c5a8232/t/593c442cc534a5c8d1efcb52/1497121836380/heart.png") no-repeat center 20px white;
}
.google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item {
  text-align: center;
  margin: 0;
  padding: 0;
}
.google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child {
  display: none;
}
.google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item .country {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  font-size: 16px;
}
.google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item .counter {
  color: gray;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
}
.google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item .small {
  color: gray;
  margin: 0;
  font-size: 12px;
}
</style>
<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyAZQ6sKSjXYSs5fRdjCFTkfrQ7RW35YElk' type='text/javascript'></script><script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
  google.charts.load('42', {'packages':['geochart']});
  google.charts.setOnLoadCallback(drawVisualization);
  function drawVisualization() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Country');
    data.addColumn('number', 'Value');
    data.addColumn({type:'string', role:'tooltip', p:{html:true}});
    var ivalue = new Array();
    data.addRows([[{v:'IQ',f:''},0,'<p class=\"country\">Iraq</p><p class=\"counter\">123</p><p class="small">Solar Lights Delivered</p>']]); ivalue['IQ'] = 'Action';
    data.addRows([[{v:'HT',f:''},1,'<p class=\"country\">Haiti</p><p class=\"counter\">675</p><p class="small">Solar Lights Delivered</p>']]); ivalue['HT'] = 'Action';
    data.addRows([[{v:'PH',f:''},2,'<p class=\"country\">Philippines</p><p class=\"counter\">4500</p><p class="small">Solar Lights Delivered</p>']]); ivalue['PH'] = 'Action';
    data.addRows([[{v:'MZ',f:''},3,'<p class=\"country\">Mozambique</p><p class=\"counter\">612</p><p class="small">Solar Lights Delivered</p>']]); ivalue['MZ'] = 'Action';
    data.addRows([[{v:'MW',f:''},4,'<p class=\"country\">Malawi</p><p class=\"counter\">10</p><p class="small">Solar Lights Delivered</p>']]); ivalue['MW'] = 'Action';
    data.addRows([[{v:'AE',f:''},5,'<p class=\"country\">United Arab Emirates</p><p class=\"counter\">123</p><p class="small">Solar Lights Delivered</p>']]); ivalue['AE'] = 'Action';
    data.addRows([[{v:'LR',f:''},6,'<p class=\"country\">Liberia</p><p class=\"counter\">1</p><p class="small">Solar Lights Delivered</p>']]); ivalue['LR'] = 'Action';
    data.addRows([[{v:'UG',f:''},7,'<p class=\"country\">Uganda</p><p class=\"counter\">36</p><p class="small">Solar Lights Delivered</p>']]); ivalue[' UG'] = 'Action';
    data.addRows([[{v:'NP',f:''},8,'<p class=\"country\">Nepal</p><p class=\"counter\">330</p><p class="small">Solar Lights Delivered</p>']]); ivalue[' NP'] = 'Action';
    var options = {
      backgroundColor: {fill:'#363232',stroke:'#CCCCCC' ,strokeWidth:0 },
      colorAxis:  {minValue: 0, maxValue: 8,  colors: ['#C60B46','#C60B46','#C60B46','#C60B46','#C60B46','#C60B46','#C60B46','#C60B46','#C60B46']},
      legend: 'none',
      datalessRegionColor: '#BDBEC2',
      displayMode: 'markers',
      enableRegionInteractivity: 'true',
      resolution: 'countries',
      sizeAxis: {minValue: 1, maxValue:1, minSize:10, maxSize: 10},
      region:'world',
      keepAspectRatio: true,
      width:null,
      height:null,
      tooltip: {textStyle: {color: '#444444'}, trigger:'focus', isHtml: true}
    };
    var chart = new google.visualization.GeoChart(document.getElementById('visualization'));
    chart.draw(data, options);
  }
  window.onresize = function(event) {
    drawVisualization();
  };
</script>
<div id='visualization'></div>