Feature? Continuous color scale about d3-legend

[susielu]

Hmm interesting okay these last two examples make more sense to me than the original one. Will think about how this should be implemented. Thanks for the feedback. Feel free to post a pull request if any of you think of a way to implement this.

[syntagmatic]

Here's a simpler prototype with a function to generate a continuous color legend from a D3 color scale: http://bl.ocks.org/syntagmatic/e8ccca52559796be775553b467593a9f

var colorScale = d3.scaleSequential(d3.interpolatePlasma)
  .domain([0, 20]);

continuous("#legend", colorScale);

[letmaik]

+1 Example use case:

[curran]

I have been studying this D3 Heatmap example, which also uses a continuous color scale. I was confused by the legend there because it shows discrete values for colors, but the actual scale is a continuous interpolation between two colors. A better legend representation would be exactly what you describe here - a continuously varying color ramp with tick marks.

[syntagmatic]

Some sample D3 code for a similar color scale as the heatmap @letmaik posted:

[susielu]

Awesome, thank you Kai!

[susielu]

I won't be adding this feature into d3 legend however in the latest version (2.24.0) you can use d3.scaleSequential to create a legend with steps in this scale. Here's an example: http://d3-legend.susielu.com/#color-sequential