Sobre elDC.js github, Estrategia de selección del mercado de valores por Lon Riesberg aparece como un ejemplo del uso de la biblioteca dc.js.

Pudo codificar por color las filas, como se muestra en la imagen a continuación, que estoy tratando de imitar.

Vea aquí mi código:http://codepen.io/chriscruz/pen/myaWvR?editors=101

En particular, ¿cómo cambiaría el color de las filas para que todas las filas con el nombre 'Rojo' sean rojas, con el nombre 'Azul' sean azules y el nombre 'Blanco' sean blancas?

Javascript:

items = [
            {Id: "01", Name: "Red", Price: "1.00", Quantity: "1",TimeStamp:111},
            {Id: "02", Name: "White", Price: "10.00", Quantity: "1",TimeStamp:222},
            {Id: "04", Name: "Blue", Price: "9.50", Quantity: "10",TimeStamp:434},
            {Id: "03", Name: "Red", Price: "9.00", Quantity: "2",TimeStamp:545},
            {Id: "06", Name: "White", Price: "100.00", Quantity: "2",TimeStamp:676},
            {Id: "05",Name: "Blue", Price: "1.20", Quantity: "2",TimeStamp:777}
        ];

var ndx = crossfilter(items);


var Dim = ndx.dimension(function (d) {return d.Name;})
dc.dataTable("#Table")
  .width(250).height(800)
  .dimension(Dim)
  .group(function(d) {return ' '})
  .size(100)             // number of rows to return
  .columns([
  function(d) { return d.Id;},
  function(d) { return d.Name;},
  function(d) { return d.Price;},
  function(d) { return d.Quantity;},
  function(d) { return d.TimeStamp;},

])
  .sortBy(function(d){ return d.Price;})
  .order(d3.ascending);
dc.renderAll();

HTML:

<table class='table table-hover' id='Table'>
  <thead>
    <tr class='header'>
      <th>ID</th>
      <th>Name</th>
      <th>Price</th>
      <th>Quantity</th>
      <th>Timestamp</th>

    </tr>
  </thead>
</table>

¿Cómo podría hacerse esto teniendo en cuenta los únicos atributos quedc.js ¿Cuáles son tamaño, columnas, sortBy y orden?