Update chrome extension, replace static graphics with rendered images

We have a chrome extension that manages where target browser tabs open across multiple monitors. Currently the images that show the configurations are static PNG graphics. We want to change it so the images are rendered on demand. See image: GUI-Static-graphics to see what the current images look like. The dimensions of all graphics are in the image: Targets-to-render -Values to render images should be stored in a data structure. everything can be created with rectangles, so a data structure that has x,y,width,height, linecolor, bcolor for each rectangle can render any of these images. Colors are needed so white rectangles can be redered to get the tab effect. The 1x1 tab is 4 rectangles. 1 large, 2 small for tabs and 1 for white area. In the data structure in the code, put 1 rectangle per line so the code is easy to read and add to later. -The placement of the numbers must also be taken into account in defining the data structures. For example the 2x2 tabs has 4 numbers to be placed. Each will need an X,Y value in the data structure. The function should take as input: -the target to render -starting number -background color -line color -coverup color (ie white to cover the tab notch) example: Render(, 3, #bkcolor2, #linecolor2, #covercolor) 90% of this project is defining the data structures and adding the values to code. Rendering will be easy once the values are defined. if the starting number is 0, do not display text. Once the function is done, the goal is to replace the static images in the extension with the rendered images. To show you have read this full posting, please put the name of your favorite animal as all CAPS as the FIRST word in your bid. This will show us you actually read this full description. Green dot in the BIG-PICTURE graphics means that the image is already in the chrome extension. Red dot means it is not. The chrome extension will be provided to the winning coder.