Embedding Tableau Chart Images

Step 1 - Grab the embed code

• Log into Tableau and click on the chart you wish to embed
• Click the Share button at the bottom 
• Copy everything in the 'Embed Code' field

Step 2 - Clean the code and find the static chart image

• Go to https://www.10bestdesign.com/dirtymarkup/
  • Select Output > Code Fragment
• Paste the embed code from Tableau and click 'Clean'
• On line 2 you will see an <img> tag. This is the ONLY thing you are keeping - delete everything outside of this tag. What you'll have left should be like this:
  <img alt='(article name)' src='httpstuff_article;1_rss.png' style='border: none'>

Step 3 - Tinker with the image tag

1. REMOVE the '_rss' from the image path, so it ends in just '1.png'
2. Add this to the tag: class="img-responsive center-block"
3. You can remove the style="border:none' but it's not that important

Below is an example of the new code for a clean static image, which you can drop into Code View "<>" of the HTML editor of your article:

<img alt='(article name)' src='httpstuff_article;1.png' class='img-responsive center-block'>

You can switch back to Design View to make sure it's on a new line, etc.

Example article: https://procureconeast.wbresearch.com/test-tableau-graph