How to map dynamics data field to seating chart template image-- need visual representation

Thanks. I need to map data to a visual layout of the seating plan. So client can see on hold, purchased, not active, open using color codes. Hovering over each seat I need 2 fields associated, sale type and client name.

Here is example of layout where i would need to highlight each seat from the data.

http://www.oapc2015.ca/awards-gala-registration/

A friend who went to Ignite mentioned that he saw a warehouse demo using power bi that mapped a few data fields to certain points on a warehouse layout. He said it was mapped over top, like a layer. I have searched everywhere for this cannot locate it. 

So far I am leaning towards html5 canvas and js,..then theres angular, but still hunting for a microsoft tech way. Client is on O365.