[FIXED] Plot Annotations using HTML

Issue

I am improving my data visualization skills. One of the top recommendations is use the colors to improve the readability of plots. Well, I am picking the plots on the great book Storytelling with Data https://www.storytellingwithdata.com/ and coding them. The following one is on my desk now.

Using matplotlib to put this information mark with the green blocks may be a nightmare. I believe HTML will be easier for this task. On notebooks, this will be perfect, however, if I need to export this to a presentation, for example, I will need to use some print screen to finish my job. I try to use the magic %%capture to save the whole cell output into an image or a HTML. After some searches, I think this is impossible. Do you have some ideas on how I can handle this? Thanks a lot!

Solution

After some more researches, I got that, by now, it is not possible to accomplish what I want. I could save the plots as images, create a html file and use a package or API to render the html into a image, but this comes with other problems that I want do avoid. This question (HTML to IMAGE using Python) is about a related problem and, on certain way, (not)solved my question.

Answered By - Gregory Oliveira