examples/example-4.html

<html>
<head>
    <!-- just usingjquery for the $(document).ready() - we don't need it for charting  -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>     
    <!-- need the raphael vector library -->
    <script type="text/javascript" src="raphael-min.js"></script>
    <!-- our treemapping library-->
    <script type="text/javascript" src="../min/treemap-squared-0.5.min.js"></script>
</head>
<body>

<div id="example-4"></div>

<script type="text/javascript">
    $(document).ready(function () {
        var data = [[60000, 60000, 40000], [30000, 20000, 10000]];
        var labels = [["Paris", "London", "New York"], ["Moscow", "Berlin", "Tokyo"]];  

        Treemap.draw("example-4", 600, 450, data, labels, {'background' : {'fill': 'url("marble.jpg")'}, 'box' : {'fill-opacity' : "0.7"}});
    });
</script>

</body>
</html>