A demonstration of using JQuery to load an Scalable Vector Graphics (SVG) image from a referenced file, into the current DOM, then interact with it.
For this example I created a simple SVG using Inkscape, then added the id values to the paths using the object properties window. This file is located in the /resources/ folder and is named demoman.svg.
Data included in the data.js file in the resources folder is used in the index.html page along with bootstrap to produce a popover, and to persist the colors of the objects in memory.
Note: This was created in Visual Studio 2013, but there is no .NET code involved at all.