Type of Study by Country

<!DOCTYPE html>
<meta charset="utf-8">
<script src="//use.edgefonts.net/cabin.js"></script>
<style type="text/css">
table {
  border-collapse: collapse;
  font-size: 10px;
  font-family: cabin, sans-serif;
  width: 1000px;
}
th {
  font-weight: normal;
  text-align: right;
  padding-right: 6px;
  min-width: 43px;
}
thead td {
  cursor: s-resize;
}
tbody tr:first-child td {
  padding-top: 2px;
}
tbody td {
  padding: 0;
  border-left: solid 1px #000;
}
tbody rect {
  fill: LightSeaGreen;
}
tbody tr:hover rect {
  fill: orange;
}
</style>

<table>
  <thead>
    <tr>
      <th>Country</th>
      <td>Implementation Science</td>
      <td>Impact Evaluations</td>
      <td>Evaluation Studies</td>
      <td>Economic Evaluations</td>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

https://use.edgefonts.net/cabin.js

https://d3js.org/d3.v3.min.js