JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="menu">
  <ul>
  
  </ul>
</div>

JavaScript

var JsonVar;
$.getJSON("https://api.myjson.com/bins/1ba5at", function(json){
     Var=json;     
     var types = {};
     var keyValues = [];

     json.forEach(function(item){
     if(!types[item.keyword]){types[item.keyword] = 0;}
        types[item.keyword]++;   
   });
   for (var attr in types) {
          $('#menu ul').append("<li>"+types[attr]+" <span>"+attr+"</span></li>")
          keyValues.push({key: types[attr], value: [attr]})
        }   
   console.log(keyValues);
});