html page: display filterable image matrix

We are a tech company with image data of our products, which we want to review in an efficient manner. Tha objective is to be able to generate a single html page that is displayed in a browser window, which displays thumbnails of the images in a matrix. The displayed images can be filtered (preferably interactively on the web page) based on information related to the images. The html page allows investigation of individual images in more detail (in a pop-up window or in a new window). Start data set: - a set of image files - number of images can be for example 1000 - csv file with columns imgname; row; col;property1;property2; This is a list which associates the image file names with row and column numbers of a matrix. Start data set: - a set of image files - number of images can be for example 1000 - csv file with columns imgname; row; col;property1;property2; This is a list which associates the image file names with row and column numbers of a matrix. matrix has 500 rows and 500 columns (= only a relatively small percentage of matrix cells has an associated image Task: You need to develop a python script which creates an html page (= page A) from the data set that displays the image matrix corresponding to the matrix formation in an user friendly way -img thumbnails are presented in this view -there should be a setting to scale the view so as to fit the full matrix to the screen -there should be a setting to limit the view to a subsection of of the matrix - example: limit the view to cover rows 100 ... 150 and columns 350 ... 400 - see Note1 - there should be a setting to filter the display of images based on property1, property2 etc - property1,2 etc can be text or numbers - see Note1 - when the user clicks a thumbnail image - a new page (page B) with full image is opened (with middle click on chrome browser a new tab is opened) -on the page, the headline + the associated row of the csv file is displayed - when the user hovers with mouse on a thumbnail image: - a "popup-window" (the kind of popup that you see on online shop pages, eBay-like) is displayed which shows a better resolution version of the image + a link that can be clicked to open the page for a full image (page B) - the html main page should have a selection method to disable the hovering feature so that it does not disturb the user if not wanted - see Note 2 - Note1 - this could be implemented with jQuery datatables [login to view URL] but other approaches can be used as well - Note2 - this could be implemented with some sort of Ajax approach, but other approaches are ok as well Tools - required: python - possible: html, jQuery, Ajax Other: - you give full rights to the code produced in this project.