Coloring words in the cloud about d3-cloud HOT 5 CLOSED

I had the same question, I found the answer in the demo.

var fill = d3.scale.category20();
...
.style("fill", function(d) { return fill(d.text.toLowerCase()); })
...

from d3-cloud.

in d3 v4, use as follow:

var color = d3.scaleOrdinal(d3.schemeCategory10);

from d3-cloud.

This no longer works. Is using custom style deprecated? At a skim, it almost looks like the textFill is hard coded to red...

from d3-cloud.

I’ve updated the example to include some colour, but this is really a D3.js usage question.

In future you might be better off asking on StackOverflow or the d3-js Google Group. GitHub issues are meant to be for bugs only. Thanks!

from d3-cloud.

@alexresolute

Looking at the example from the /examples folder I simply added this after the font family style:

...
    .style('font-family', 'Impact')
    .style('fill', function (d) {
      return randomColor()
    })
...

// this is of course just an example, taken from 
// https://stackoverflow.com/a/25873123/3098783
const randomColor = () => {
  return 'hsla(' + (Math.random() * 360) + ', 100%, 50%, 1)';
}

from d3-cloud.