if(!d3.chart) d3.chart = {};


d3.chart.table = function(){
  var data;
  var width;

  function chart(container){
    var table = display.append("table");

    var rows = table.selectAll("tr.row")
    .data(data)

    var rowsEnter = rows.enter()
    .append("tr").classed("row", true)

    rowsEnter.append("td")
    .text(function (d) { return d.data.score})

    rowsEnter.append("td")
    .append("img")
    .attr({
      src: function (d) { return d.data.thumbnail}
    })

    rowsEnter.append("td")
    .append("a")
    .attr({
      href: function (d) {return d.data.url}
    })
    .text(function (d) {return d.data.title })

    rowsEnter.append("td")
    .text( function (d) {return "▲ "+d.data.ups } )
    .style({
      color:'#f38965'
    })

    rowsEnter.append("td")
    .text( function (d) {return "▼ "+d.data.downs } )
    .style({
      color:'#9699fb'
    })

    // rows.exit.remove();
  }

  chart.data = function (value)
  {
    if(!arguments.length) return data;
    data = value;
    return chart;
  }
  
  chart.width = function (value)
  {
    if(!arguments.length) return width;
    width = value;
    return chart;
  }

  return chart;

}