Counties Tree Map

HTML

<script src="http://mbostock.github.io/d3/talk/20111018/d3/d3.js"></script>
<script src="http://mbostock.github.io/d3/talk/20111018/d3/d3.layout.js"></script>
<link rel="stylesheet" href="http://mbostock.github.io/d3/talk/20111018/style.css">


<div id="body">
  <div id="footer">
    d3.layout.treemap
    <div class="hint">click or option-click to descend or ascend</div>
    <div><select>
          <option value="size">Size</option>
          <option value="count">Count</option>
        </select></div>
  </div>
  
<button id="update">
 Update
</button>
</div>

CSS

.chart {
    display: block;
    margin: auto;
    margin-top: 40px;
  }

  text {
    font-size: 11px;
  }

  rect {
    fill: none;
  }

JavaScript

console.log("First line")

var newData = {
  "name": "MADEUP",
  "children": [{
    "name": "BedfordMADEUP",
    "size": 1570800
  }, {
    "name": "CambridgeshireMADEUP",
    "size": 6220200
  }, {
    "name": "Central BedfordshireMADEUP",
    "size": 2556000
  }, {
    "name": "EssexMADEUP",
    "size": 13966000
  }, {
    "name": "HertfordshireMADEUP",
    "size": 11190800
  }, {
    "name": "LutonMADEUP",
    "size": 2030600
  }, {
    "name": "NorfolkMADEUP",
    "size": 8594000
  }, {
    "name": "PeterboroughMADEUP",
    "size": 1845000
  }, {
    "name": "Southend-on-SeaMADEUP",
    "size": 1743000
  }, {
    "name": "SuffolkMADEUP",
    "size": 7301000
  }, {
    "name": "ThurrockMADEUP",
    "size": 1583000
  }]
}
var data = {
  "name": "UK",
  "children": [{
    "name": "England",
    "children": [{
      "name": "North West",
      "children": [{
        "name": "Blackburn with Darwen",
        "size": 147700
      }, {
        "name": "Blackpool",
        "size": 142100
      }, {
        "name": "Cheshire East",
        "size": 370700
      }, {
        "name": "Cheshire West and Chester",
        "size": 329500
      }, {
        "name": "Cumbria",
        "size": 499800
      }, {
        "name": "Greater Manchester",
        "size": 2685400
      }, {
        "name": "Halton",
        "size": 125700
      }, {
        "name": "Lancashire",
        "size": 1171600
      }, {
        "name": "Merseyside",
        "size": 1380800
      }, {
        "name": "Warrington",
        "size": 202700
      }]
    }, {
      "name": "South East",
      "children": [{
        "name": "Bracknell Forest",
        "size": 113700
      }, {
        "name": "Brighton & Hove",
        "size": 273000
      }, {
        "name": "Buckinghamshire",
        "size": 506700
      }, {
        "name": "East Sussex",
        "size": 527200
      }, {
        "name": "Hampshire",
        "size": 1322300
      }, {
        "name": "Isle of Wight",
        "size": 138400
     ...