JavaScript TreeMap

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

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<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...