Jekyll front matter output count

I'm working on jekyll theme design and I have .yml file stored the data (File name : games.yml) and has data as follows

---
- name: NFS
  year: 2015
  id: NFS15
  link: http://www.ecample.com/
  date: August 3-4, 2017
  categories: Racing

etc

I'm trying to output the categories in sidebar with number of count in each category. e.g:

Racing (3)
Shooter (6)
Sports (5)
etc

How can I achieve this?

My HTML output code:

      <a href="javascript:;" class="categories-list-item" cate="All">
        All<span class="my-badge"> {{site.data.games | size}}</span>
      </a>
      {% for cat in site.data.games %}
        <a href="javascript:;" class="categories-list-item" cate="{{ cat.categories}}">
          {{ cat.categories }} <span class="my-badge">{{ cat.categories | size }}</span>
        </a>
      {% endfor %}

Now I get the result with entire category list e.g:

Racing
Racing
Racing
Shooter 
Shooter 
Shooter... 

and so on each count