Time for action – showing data in graphs and charts
Perform the following steps to create graphs and charts from HTML tables:
- We'll get started as usual with our basic HTML file and associated files and folders, just like we did in Chapter 1, Designer, Meet jQuery. Inside the
<body>element of the HTML document, we'll include a heading and a table with some numerical data, as follows:<div class="content"> <h1>A Mad Tea-Party</h1> </div> <table id="menu"> <caption>Menu Items</caption> <thead> <tr> <td>Title</td> <th scope="col">Total Items</th> </tr> </thead> <tbody> <tr> <th scope="row">Scones</th> <td>23</td> </tr> <tr> <th scope="row">Tea Sandwiches</th> <td>18</td> </tr> <...
