D3 Treemap Milliardaires

<!DOCTYPE html>
<meta charset="utf-8">
<title>Zoomable Treemap</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="https://d3js.org/d3.v2.js"></script>
<script src="https://code.jquery.com/jquery-1.7.1.js"></script>

$( document ).ready(function() {
		// You can comment out the whole csv section if you just have a JSON file.
    // loadJSONFile('data/portaldata.json');

d3.csv("liste.csv", function(csv_data){

// Add, remove or change the key values to change the hierarchy. 
      var nested_data = d3.nest()
       				.key(function(d)  { return d.Continent; })
       				.key(function(d)  { return d.Pays; })
          			.key(function(d)  { return d.Name; })
				      .entries(csv_data);
			
			// Creat the root node for the treemap
			var root = {};
			
			// Add the data to the tree
			root.key = "Niveau de données";
			root.values = nested_data;
		
			// Change the key names and children values from .next and add values for a chosen column to define the size of the blocks
			root = reSortRoot(root,"Net_Worth");
			
			// DEBUG
// 			$("#rawdata").html(JSON.stringify(root));
			
			loadData(root);
			
		});

});
</script>

Modified http://d3js.org/d3.v2.js to a secure url

Modified http://code.jquery.com/jquery-1.7.1.js to a secure url

https://d3js.org/d3.v2.js

https://code.jquery.com/jquery-1.7.1.js