Old school D3 from simpler times

All examples By author By category About

fogonwater

Full window Github gist

stratify tests

Mucking about with d3 nests to work out how to summarise data for a timeline viz.

Betterer nesting whatnot:

forked from fogonwater's block: nest tests

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<body>
  <textarea id="out1" rows="40" cols="90"></textarea>
  <script>
    
var q = d3.queue()
  .defer(d3.csv, 'professions.csv')
	.defer(d3.csv, 'imports_2014.csv')
  .await(visualize);

function visualize(errors, prof, data) {
  
  
  var nested_data = d3.nest()
   .key(function(d) { return d['Median pay']; })
  	.rollup(function(leaves) { return {
      'count':leaves.length,
      'label':leaves.map(function(d) {return d['Category'] + ' (' + d['Sector'] +')'}).join(', '),
      'leaves':leaves
    };})
    .entries(data);
  	//.map(data);
  
  d3.select("#out1").
  	text(JSON.stringify(data, null, 4));
  
  var treeData = d3.stratify()
    .id(function(d) { return d.country_code; })
    .parentId(function(d) { return d.commodity_code; })
    (data);
  
  console.log(treeData)
  
}

</script>
</body>

https://d3js.org/d3.v4.min.js