title: Stacked barplot for table
body: <p>I have a table which lists different categories and some related subcategories. Something like:</p>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th>General Type</th>
  <th>Specific Food</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>fruit</td>
  <td>apple</td>
  </tr>
  <tr>
  <td>fruit</td>
  <td>apple</td>
  </tr>
  <tr>
  <td>meat</td>
  <td>ham</td>
  </tr>
  <tr>
  <td>fruit</td>
  <td>banana</td>
  </tr>
  <tr>
  <td>meat</td>
  <td>pork</td>
  </tr>
  <tr>
  <td>vegetable</td>
  <td>lettuce</td>
  </tr>
  </tbody>
  </table>
  </div>
  <p>Now I want to display this in a stacked barplot where each <em><strong>General Type</strong></em> has its own bar. Each of those bars should be subdivided into its subcategories (in this case <em><strong>Specific Food</strong></em>).</p>
  <p>In the end there will be three bars (<em><strong>fruit</strong></em>, <em><strong>meat</strong></em> and <em><strong>vegetable</strong></em>). Where <em><strong>fruit</strong></em> has a height of three with two different areas (of size two for <em><strong>apple</strong></em> and one for <em><strong>banana</strong></em>) and so on, I think you get the Idea.... Or you just look at the Picture I uploaded:</p>
  <p><img src="https://i.stack.imgur.com/pUGCW.png" alt="Basic Idea of what the Plot should look like" />.</p>
  <p>I hope there is an easy way I just didn't find...</p>