D3 Treemap from CSV with d3.nest

Treemap from CSV of flights taken by members of the UK Government Home Office in 2011.

Original dataset from: http://data.gov.uk/dataset/home-office-flight-data

Thanks to: PMeinshausen phoebebright mbostock

forked from davetaz's block: D3 Treemap from CSV with d3.nest

forked from anonymous's block: D3 Treemap from CSV with d3.nest

<!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("UK_Home_Office_Air_Travel_Data_2011.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.Destination; })
       				.key(function(d)  { return d.Supplier_name; })
              .key(function(d)  { return d.Ticket_class_description; })
				      .entries(csv_data);
			
			// Creat the root node for the treemap
			var root = {};
			
			// Add the data to the tree
			root.key = "Data";
			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,"Paid_fare");
			
			// 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