NoDC.js github, Estratégia de Seleção do Mercado de Ações por Lon Riesberg está listado como um exemplo de uso da biblioteca dc.js.

Ele conseguiu codificar por cores as linhas, como mostrado na imagem abaixo, que estou tentando imitar.

Veja aqui o meu código:http://codepen.io/chriscruz/pen/myaWvR?editors=101

Em particular, como eu mudaria a cor das linhas para que todas as linhas com o nome 'Vermelho' sejam vermelhas, com o nome 'Azul' sejam azuis e o nome 'Branco' seja branco.

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>

Como isso pode ser feito considerando os únicos atributos quedc.js tem tamanho, colunas, sortBy e ordem?