jQuery TreeMap

Set the renderCallbacks property of the jqxTreeMap. Author: http://jqwidgets.com

by Nalin Sajwan

HTML

<script src="//jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="//jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id="treemap"></div>

JavaScript

var data = [
    {
        label: 'Drama',
        value: null,
        color: '#B3FAFF'
    },
    {
        label: 'Crime',
        value: null,
        color: '#95FF7A'
    },
    {
        label: 'Action',
        value: null,
        color: '#FFA3CE'
    },
    {
        label: 'Comedy',
        value: null,
        color: '#F1A3FF'
    },
    {
        label: 'The Shawshank Redemption',
        value: 15.4,
        parent: 'Drama',
        data: { description: "Two imprisoned men bond over a number of years, finding solace and eventual redemption through acts of common decency.", title: "The Shawshank Redemption (1994)" }
    },
    {
        label: 'Top Gun',
        value: 4,
        parent: 'Drama',
        data: { description: "As students at the Navy's elite fighter weapons school compete to be best in the class, one daring young flyer learns a few things from a civilian instructor that are not taught in the classroom.", title: "Top Gun (1986)" }
    },
    {
        label: 'The Master',
        value: 4.5,
        parent: 'Drama',
        data: { description: "A Naval veteran arrives home from war unsettled and uncertain of his future - until he is tantalized by The Cause and its charismatic leader.", title: "The Master (2012)" }
    },
    {
        label: 'Argo',
        value: 6.8,
        parent: 'Drama',
        data: { description: "A dramatization of the 1980 joint CIA-Canadian secret operation to extract six fugitive American diplomatic personnel out of revolutionary Iran.", title: "Argo (2012)" }
    },
    {
        label: 'Fight Club',
        value: 8.8,
        parent: 'Crime',
        data: { description: "An insomniac office worker looking for a way to change his life crosses paths with a devil-may-care soap maker and they form an underground fight club that evolves into something much, much more.", title: "Fight Club (1999)" }
    },
    {
        label: 'The Godfather',
        value: 11,
        parent: 'Crime',
        data: {...