static/tm0.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5 <title>Treemap - TreeMap with on-demand nodes</title>
   6
   7 <!-- CSS Files -->
   8 <link type="text/css" href="css/base.css" rel="stylesheet" />
   9 <link type="text/css" href="css/Treemap.css" rel="stylesheet" />
  10
  11 <!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
  12
  13 <!-- JIT Library File -->
  14 <script language="javascript" type="text/javascript" src="jit.js"></script>
  15
  16 <!-- Example File -->
  17 <script language="javascript" type="text/javascript" src="tm0data.js"></script>
  18 <script language="javascript" type="text/javascript" src="tm0.js"></script>
  19 </head>
  20
  21 <body onload="init();">
  22 <div id="container">
  23
  24 <div id="left-container">
  25
  26
  27
  28 <div class="text">
  29 <h4>
  30 TreeMap with on-demand nodes
  31 </h4>
  32
  33             This example shows how you can use the <b>request</b> controller method to create a TreeMap with on demand nodes<br /><br />
  34             This example makes use of native Canvas text and shadows, but can be easily adapted to use HTML like the other examples.<br /><br />
  35             There should be only one level shown at a time.<br /><br />
  36             Clicking on a band should show a new TreeMap with its most listened albums.<br /><br />
  37
  38 </div>
  39
  40 <div id="id-list">
  41 <table>
  42     <tr>
  43         <td>
  44             <label for="r-sq">Squarified </label>
  45         </td>
  46         <td>
  47             <input type="radio" id="r-sq" name="layout" checked="checked" value="left" />
  48         </td>
  49     </tr>
  50     <tr>
  51          <td>
  52             <label for="r-st">Strip </label>
  53          </td>
  54          <td>
  55             <input type="radio" id="r-st" name="layout" value="top" />
  56          </td>
  57     <tr>
  58          <td>
  59             <label for="r-sd">SliceAndDice </label>
  60           </td>
  61           <td>
  62             <input type="radio" id="r-sd" name="layout" value="bottom" />
  63           </td>
  64     </tr>
  65 </table>
  66 </div>
  67
  68 <a id="back" href="#" class="theme button white">Go to Parent</a>
  69
  70
  71 <div style="text-align:center;"><a href="example2.js">See the Example Code</a></div>
  72 </div>
  73
  74 <div id="center-container">
  75     <div id="infovis"></div>
  76 </div>
  77
  78 <div id="right-container">
  79
  80 <div id="inner-details"></div>
  81
  82 </div>
  83
  84 <div id="log"></div>
  85 </div>
  86 </body>
  87 </html>