Нужно реализовать фильтр как на скрине:

Нашел в интернете пару реализаций но, к сожалению, не смог с ними разобраться, как то там все немного в разброс.
Вроде
неплохая статья и её в похожих вопросах скидывали, но не могу понять подходит ли она в мое случае? Почему то у меня не получилось по примеру сделать.
Я совсем новичок, так что простите за столь навязчивый вопрос, но прошу помочь, че то сам не справляюсь((