Custom visual slicer with data

I have seen some of the chiclet slicers and synoptic panel that shows clickable icons with data next to them. How is it done?

For example:

http://analytixhub.com/2015/11/interactive-power-bi-info-graphics-part-2/

The part that shows the gender icons male and female with % values next to them, how do you make the icons filters as well as show the values next to them.