How to assign random colors to D3 bar chart?

d3.js, javascript

Solution

d3 has 4 built in color palettes.

Here's the `link` for the built in color palettes.

`This` tutorial is good on using specific colors for specific element.

Another `tutorial` by Jerome Cukier.

And the official `site` for d3 colors.

`Fiddle` - Note: In the fiddle I've passed the colors by adding colors in the data.

It can even be done by passing the colors from a different variables.

Hope this helps.

Problem

I am working on a D3 bar chart as per the mock-up below: How do I make the bars to have random colors? jsFiddle Code: ``` svg.append("g") .attr("class", "x axis") .attr("transform", "translate(0," + height + ")") .call(xAxis); ```

Original source