Color coding on top of an existing image of a floor plan

Question

I have a series of floorplans for my university. I know which students live in each room and have attributes (retention, gender, Greek life, race, GPA, major) for each student. I want to upload the existing graphic of the floor plan to a website and then make the floor plan interactive such that if people filter to see which rooms have students who dropped out, have GPA below 2.5, participate in Greek life etc, those rooms light up a certain color. Which language would work for this project the best?

Answer 1

Modified this code further to suit your requirement.
https://code.sololearn.com/WX04Jrg33A28/?ref=app

Answer 2

imo the most straightforward way to go about this is to use web technologies, more specifically for this case, HTML, CSS, and JavaScript. Using frameworks (bootstrap for the UI, Vuejs for JS interaction. just an example, it all comes down to your preferences here ) might even help you get there pretty quickly