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">
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <title>Treemap - TreeMap with on-demand nodes</title>
8 <link type="text/css" href="css/base.css" rel="stylesheet" />
9 <link type="text/css" href="css/Treemap.css" rel="stylesheet" />
11 <!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
13 <!-- JIT Library File -->
14 <script language="javascript" type="text/javascript" src="jit.js"></script>
17 <script language="javascript" type="text/javascript" src="tm.js"></script>
20 <body onload="init();">
23 <div id="left-container">
29 TreeMap with on-demand nodes
32 This example shows how you can use the <b>request</b> controller method to create a TreeMap with on demand nodes<br /><br />
33 This example makes use of native Canvas text and shadows, but can be easily adapted to use HTML like the other examples.<br /><br />
34 There should be only one level shown at a time.<br /><br />
35 Clicking on a band should show a new TreeMap with its most listened albums.<br /><br />
43 <label for="r-sq">Squarified </label>
46 <input type="radio" id="r-sq" name="layout" checked="checked" value="left" />
51 <label for="r-st">Strip </label>
54 <input type="radio" id="r-st" name="layout" value="top" />
58 <label for="r-sd">SliceAndDice </label>
61 <input type="radio" id="r-sd" name="layout" value="bottom" />
67 <a id="back" href="#" class="theme button white">Go to Parent</a>
70 <div style="text-align:center;"><a href="example2.js">See the Example Code</a></div>
73 <div id="center-container">
74 <div id="infovis"></div>
77 <div id="right-container">
79 <div id="inner-details"></div>