Javascript为虹膜数据的平行绘图为不同的组提供不同的颜色

Question

这是我的第一个javascript问题，我主要使用python编写脚本，对javascript几乎不熟悉。

我一直在寻找虹膜数据集的平行图，却遇到this beatiful library。我查看了github存储库并下载了所需的.js文件，并设法获得了虹膜数据集的图。我根据PetalWidth给出了颜色，但是我想根据虹膜花的名称指定颜色代码。

如何根据花名赋予不同的颜色？

这是brushing.html中的脚本片段：

<script>
// quantitative color scale
var blue_to_brown = d3.scale.linear()
  .domain([9, 50])
  .range(["steelblue", "brown"])
  .interpolate(d3.interpolateLab);

var color = function(d) { return blue_to_brown(d['PetalWidth']); };

var parcoords = d3.parcoords()("#example")
    .color(color)
    .alpha(0.4);

// load csv file and create the chart
d3.csv('data/iris.csv', function(data) {
  parcoords
    .data(data)
    .hideAxis(["name"])
    .composite("darker")
    .render()
    .shadows()
    .reorderable()
    .brushMode("1D-axes");  // enable brushing
});

到目前为止，我已经获得了这张图片：

我对javascript和使用它们不是很熟悉。这也是我第一次使用JavaScript。

问题：如何根据花名赋予不同的颜色？

虹膜数据样本：

SepalLength,SepalWidth,PetalLength,PetalWidth,Name
5.1,3.5,1.4,0.2,Iris-setosa
4.9,3.0,1.4,0.2,Iris-setosa
4.7,3.2,1.3,0.2,Iris-setosa
4.6,3.1,1.5,0.2,Iris-setosa