Design of filterable grid required on WordPress website

I need assistance for the creation of one content block component on a wordpress website, namely a grid style listing of items that populate according to a selected filter, see the following website for guide:
https://eng.unimelb.edu.au/research/disciplines.

I want exactly the same layout (see drawing attached), for a grid of items (in this case names of study subjects for the bachelor of science) including:
1. 3 sections (one section for each year of the bachelor of science)
2. Filters set up that populate Year 1 subjects in Year 1, Year 2 subjects in Year 2 etc. based on filter category selected.
3. Each subject is clickable to an external website, in this case the subject description in an online subject handbook.

Please note that I can provide graphic elements as needed based on directive from the web designer.