Old school D3 from simpler times

All examples By author By category About

abinofbrooklyn

Full window Github gist

Participant World Map

<style>

.names {
    fill: none;
    stroke: #fff;
    stroke-linejoin: round;
  }

/* Tooltip CSS */
  /*.d3-tip {
    line-height: 1.5;
    font-weight: 400;
    font-family:"avenir next", Arial, sans-serif;
    padding: 6px;
    background: rgba(0, 0, 0, 0.6);
    color: #FFA500;
    border-radius: 1px;
    pointer-events: none;
    z-index: 99;
  } */

/* Creates a small triangle extender for the tooltip */
  .d3-tip:after {
    box-sizing: border-box;
    display: inline;
    font-size: 8px;
    width: 100%;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    position: absolute;
    pointer-events: none;
    z-index: 99;

}

/* Northward tooltips */
    /*.d3-tip.n:after {
    content: "\25BC";
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
    text-align: center;
    z-index: 99;
  }

/* Eastward tooltips */
    /*.d3-tip.e:after {
    content: "\25C0";
    margin: -4px 0 0 0;
    top: 50%;
    left: -8px;
    z-index: 99;
  }

/* Southward tooltips */
    /*.d3-tip.s:after {
    content: "\25B2";
    margin: 0 0 1px 0;
    top: -8px;
    left: 0;
    text-align: center;
    z-index: 99;
  }

/* Westward tooltips */
    /*.d3-tip.w:after {
    content: "\25B6";
    margin: -4px 0 0 -1px;
    top: 50%;
    left: 100%;
    z-index: 99;
  }

/*
  text{
    pointer-events:none;
  }
  */

.details{
    color: white;
  }
</style>

<body>
  <div id= "worldmap"></div>
</body>

<script>
$(function() {
	var countryOrganizationCount = [{"name":"Afghanistan","count":5},{"name":"Albania","count":4},{"name":"Algeria","count":1},{"name":"Andorra","count":3},{"name":"Angola","count":3},{"name":"Argentina","count":416},{"name":"Armenia","count":7},{"name":"Australia","count":133},{"name":"Austria","count":79},{"name":"Azerbaijan","count":19},{"name":"Bahamas","count":1},{"name":"Bahrain","count":6},{"name":"Bangladesh","count":55},{"name":"Barbados","count":1},{"name":"Belarus","count":29},{"name":"Belgium","count":80},{"name":"Belize","count":1},{"name":"Benin","count":8},{"name":"Bermuda","count":1},{"name":"Bolivia","count":26},{"name":"Bosnia-Herzegovina","count":9},{"name":"Brazil","count":735},{"name":"Brunei Darussalam","count":1},{"name":"Bulgaria","count":48},{"name":"Burkina Faso","count":2},{"name":"Burundi","count":2},{"name":"Cambodia","count":2},{"name":"Cameroon","count":18},{"name":"Canada","count":75},{"name":"Cape Verde","count":1},{"name":"Central African Republic","count":1},{"name":"Chile","count":63},{"name":"China","count":281},{"name":"Colombia","count":597},{"name":"Congo","count":1},{"name":"Congo, Democratic Republic of","count":39},{"name":"Costa Rica","count":36},{"name":"Cote d'Ivoire","count":11},{"name":"Croatia","count":40},{"name":"Cyprus","count":11},{"name":"Czechia","count":22},{"name":"Denmark","count":336},{"name":"Djibouti","count":1},{"name":"Dominican Republic","count":32},{"name":"Ecuador","count":115},{"name":"Egypt","count":122},{"name":"El Salvador","count":15},{"name":"Estonia","count":4},{"name":"Ethiopia","count":4},{"name":"Finland","count":68},{"name":"France","count":1155},{"name":"Gabon","count":2},{"name":"Gambia","count":1},{"name":"Georgia","count":33},{"name":"Germany","count":426},{"name":"Ghana","count":38},{"name":"Greece","count":77},{"name":"Guatemala","count":29},{"name":"Guinea","count":3},{"name":"Guyana","count":1},{"name":"Haiti","count":2},{"name":"Honduras","count":2},{"name":"Hungary","count":8},{"name":"Iceland","count":20},{"name":"India","count":268},{"name":"Indonesia","count":76},{"name":"Iran, Islamic Republic of","count":8},{"name":"Iraq","count":37},{"name":"Ireland","count":15},{"name":"Israel","count":18},{"name":"Italy","count":205},{"name":"Japan","count":256},{"name":"Jordan","count":25},{"name":"Kazakhstan","count":16},{"name":"Kenya","count":138},{"name":"Korea, Republic of","count":242},{"name":"Kosovo","count":3},{"name":"Kuwait","count":8},{"name":"Kyrgyzstan","count":1},{"name":"Lao People's Democratic Republic","count":1},{"name":"Latvia","count":7},{"name":"Lebanon","count":104},{"name":"Lesotho","count":1},{"name":"Liberia","count":9},{"name":"Libya","count":2},{"name":"Liechtenstein","count":3},{"name":"Lithuania","count":41},{"name":"Luxembourg","count":20},{"name":"Macedonia, The Former Yugoslav Republic of","count":15},{"name":"Madagascar","count":2},{"name":"Malawi","count":7},{"name":"Malaysia","count":42},{"name":"Maldives","count":8},{"name":"Malta","count":5},{"name":"Mauritius","count":7},{"name":"Mexico","count":666},{"name":"Moldova, Republic of","count":7},{"name":"Monaco","count":2},{"name":"Mongolia","count":1},{"name":"Montenegro","count":4},{"name":"Morocco","count":15},{"name":"Mozambique","count":8},{"name":"Myanmar","count":244},{"name":"Namibia","count":1},{"name":"Nepal","count":15},{"name":"Netherlands","count":129},{"name":"New Zealand","count":7},{"name":"Nicaragua","count":39},{"name":"Niger","count":2},{"name":"Nigeria","count":124},{"name":"Norway","count":113},{"name":"Oman","count":2},{"name":"Pakistan","count":74},{"name":"Palestine, State of","count":4},{"name":"Panama","count":65},{"name":"Papua New Guinea","count":1},{"name":"Paraguay","count":67},{"name":"Peru","count":117},{"name":"Philippines","count":23},{"name":"Poland","count":85},{"name":"Portugal","count":63},{"name":"Qatar","count":5},{"name":"Romania","count":35},{"name":"Russian Federation","count":48},{"name":"Rwanda","count":4},{"name":"San Marino","count":1},{"name":"Saudi Arabia","count":7},{"name":"Senegal","count":6},{"name":"Serbia","count":56},{"name":"Seychelles","count":1},{"name":"Sierra Leone","count":10},{"name":"Singapore","count":57},{"name":"Slovakia","count":4},{"name":"Slovenia","count":7},{"name":"Somalia","count":3},{"name":"South Africa","count":76},{"name":"South Sudan","count":2},{"name":"Spain","count":1430},{"name":"Sri Lanka","count":35},{"name":"Sudan","count":23},{"name":"Suriname","count":2},{"name":"Sweden","count":257},{"name":"Switzerland","count":152},{"name":"Syrian Arab Republic","count":14},{"name":"Tanzania, United Republic of","count":47},{"name":"Thailand","count":38},{"name":"Togo","count":12},{"name":"Trinidad And Tobago","count":3},{"name":"Tunisia","count":44},{"name":"Turkey","count":245},{"name":"Uganda","count":33},{"name":"Ukraine","count":57},{"name":"United Arab Emirates","count":108},{"name":"United Kingdom","count":345},{"name":"United States of America","count":488},{"name":"Uruguay","count":32},{"name":"Uzbekistan","count":1},{"name":"Venezuela","count":12},{"name":"Viet Nam","count":30},{"name":"Yemen","count":4},{"name":"Zambia","count":4},{"name":"Zimbabwe","count":6}];
	countOrganization(countryOrganizationCount);
});
</script>