Score distribution chart color range

[obfuscurity]

Instead of category20c it would be nice to use a stepped gradient to represent the distribution so it's obvious we're looking at increasing values. This might not be the best way to visualize a distribution of scores, but I'd like to try it.

John Schulz pointed out that d3 supports this natively:

var scale = d3.scale.linear().range(["white", "red"])
d3.range(0, 1.1, .1).map(scale)

[obfuscurity]

Also, John has https://github.com/jfsiii/chromath/ which is useful for calculating color values in js.

[whilp]

linear ranges on things like colors in d3 blew my mind.

[obfuscurity]

Tried this but I don't like it. I'll probably destroy the score distribution chart, at least in its current donut form. Perhaps a more traditional histogram.

      colors: d3.range(0, 1.1, .1).map(d3.scale.linear().range(["white", "red"]))