More complex table from multiply nested data

_.md

[ Launch Inlet ]
Gist #4423316 [ Launch Inlet ]
Gist #4423290 [ Launch Inlet ]
Gist #4423284 [ Launch Inlet ]
Gist #4418538
Gist #4418535
Gist #4418534
Gist #4418519
Gist #4418512
Gist #4418503
Gist #4418495
Gist #4418489
Gist #4418486
Gist #4418477
Gist #4418442
Gist #4418430
Gist #4418428
Gist #4418406
Gist #4418386
Gist #4418383
Gist #4418379
Gist #4418376
Gist #4418374
Gist #4418370
Gist #4418367
Gist #4418354
Gist #4418350
Gist #4418337
Gist #4418335
Gist #4418331
Gist #4418327
Gist #4418323
Gist #4418312
Gist #3200444

config.json

{"description":"More complex table from multiply nested data","endpoint":"","display":"html","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":false,"vim":true,"emacs":false,"fontSize":12},"USArrests.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"USArrests2.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"edit","display_percent":0.7,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"hidepanel":false}

inlet.js

var div = d3.select("#display");
  
objectSlice=function(object,fields) {
  return _.map(fields,function(k){
    return object[k]
  })
}

// Parts of the data to build csv from
keyNames = ["Region","State"]  
varNames = "Crime"
valNames = "Count"
  
ArrestsL = tributary.USArrests2;
ArrestsW = d3.nest()
  .key(function(x){return objectSlice(x,keyNames)})
  .sortKeys(d3.ascending)
  .entries(ArrestsL)  
    
var table = div.selectAll("table").data([ArrestsW])
    
table.enter().append("table")
  .each(function(s){
    var n=d3.select(this)
    n.append("thead")
    n.append("tbody")
  })
  
head=table
  .select("thead")
  .selectAll("tr")
  .data([ArrestsW[0]])
        
head.enter()
  .append("tr")
  .append("th").attr("class","key")
  
head.exit().remove()  
  
headkeys=head
  .selectAll("th.key")
  .data(function(d){return keyNames})
  
headkeys.enter()
  .append("td")
  .attr("class","key")
  
headkeys.text(function(d){return d})
  
cols=head
  .selectAll("th.crime")
  .data(function(d){return d.values})
  
cols.enter()
  .append("th").attr("class","crime")
  
cols.exit().remove()
  
cols
  .text(function(d){return d[varNames]})

states=table
  .select("tbody")
  .selectAll("tr")
  .data(ArrestsW)
    
states.enter()
  .append("tr")

states.exit().remove()

  
keys=states.selectAll("td.key")
  .data(function(d){
    return objectSlice(d.values[0],keyNames)
  })
  
keys.enter()
  .append("td")
  .attr("class","key")

keys.text(function(d){return d})
  
keys.exit().remove()
    
crimes=states
  .selectAll("td.crime")
  .data(function(d){return d.values})
  
crimes.enter()
  .append("td").attr("class","crime")
  
crimes.exit().remove()

crimes
  .text(function(d){return d[valNames]})

USArrests.csv

USArrests2.csv