D3 Table Creation

tabulate.js

// http://www.d3noob.org/2013/02/add-html-table-to-your-d3js-graph.html
const tabulate = (data, columns) => {
  const table = d3.select("body").append("table");
  const thead = table.append("thead");
  const tbody = table.append("tbody");
  // append the header row
  thead
    .append("tr")
    .selectAll("th")
    .data(columns)
    .enter()
    .append("th")
    .text(column => column);
  // create a row for each object in the data
  const rows = tbody
    .selectAll("tr")
    .data(data)
    .enter()
    .append("tr");
  // create a cell in each row for each column
  const cells = rows
    .selectAll("td")
    .data(row => columns.map(column => ({ column, value: row[column] })))
    .enter()
    .append("td")
    .html(d => d.value);
  return table;
};