Treemap First Level

Example of treemap

by Joviano Dias

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="chart_div"></div>

JavaScript

google.charts.load('current', {'packages':['treemap']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'ID');
data.addColumn('string', 'Parent');
data.addColumn('number', 'Journals');
data.addRows([
  ['BioMed Central Journals', null, 0],

  ['16 to Springer Science + Business Media', 'BioMed Central Journals', 16],
  ['14 to Elsevier BV', 'BioMed Central Journals', 14],
  ['5 to Hindawi Publishing Corporation', 'BioMed Central Journals', 2],
  ['11 to Scientific Research Publishing, Inc', 'BioMed Central Journals', 11],
  ['1 to Informa UK Limited', 'BioMed Central Journals', 1],

  ['6 to SpringerPlus', '16 to Springer Science + Business Media', 6],
  ['6 to Fixed Point Theory Appl', '16 to Springer Science + Business Media', 4],
  ['6 to National Academy Science Letters', '16 to Springer Science + Business Media', 3],
  ['6 to Afr. Mat.', '16 to Springer Science + Business Media', 3],


  ['4: Journal of the Egyptian Mathematical Society', '14 to Elsevier BV', 4],
  ['3 to Applied Mathematics and Computation', '14 to Elsevier BV', 3],
  ['3: Journal of Clinical Orthopaedics and Trauma', '14 to Elsevier BV', 3],
  ['2: Gene', '14 to Elsevier BV', 2],
  ['2: Clinical Imaging', '14 to Elsevier BV', 2],


  ['3: Chinese Journal of Mathematics', '5 to Hindawi Publishing Corporation', 3],
  ['2: International Journal of Combinatorics', '5 to Hindawi Publishing Corporation', 2],


  ['3: OJO', '11 to Scientific Research Publishing, Inc', 3],
  ['2: MSA', '11 to Scientific Research Publishing, Inc', 2],
  ['2: International Journal of Geosciences', '11 to Scientific Research Publishing, Inc', 2],
  ['2: Open Journal of Radiology', '11 to Scientific Research Publishing, Inc', 2],
  ['2: OALib', '11 to Scientific Research Publishing, Inc', 2],

  ['1: Communications in Algebra', '1 to Informa UK Limited', 1],

]);

var tree = new...