First we create a table of values that add up to 100%. These are the values for each wedge in the pie chart. We can enhance the regular table if the browser supports it. <table id="nutritionFacts"> <caption>Nutritional information for product X</caption> <tr> <th scope="row">Calories</th> <td>45%</td> </tr> <tr> <th scope="row">Saturated Fats</th> <td>25%</td> </tr> <tr> <th scope="row">Protein</t
![SVG with a little help from Raphaël](https://cdn-ak-scissors.b.st-hatena.com/image/square/a510efce28e55e7fe6b8367b1df2370830966f5b/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Falistapart.com%2Fwp-content%2Fuploads%2F2013%2F01%2FALA310_raphael_300.png%3Ffit%3D646%252C1101%26ssl%3D1)