d3-colorbar

This plugin provides a quick method to generate a color bar. The color bar can be created in a similar way to that of an axis, e.g.

var colorScale = d3.scaleSequential(d3.interpolateWarm).domain([-1,1]);
var cb = d3.colorbarV(colorScale, 20,100);
svg.append("g").call(cb);

Installing

If you use NPM, npm install d3-colorbar. Otherwise, download the latest release.

API Reference

# d3.colorbarH(colorScale, width, height) Create a horizontal color bar of size width x height that maps the given colorScale.

# d3.colorbarV(colorScale, width, height) Create a vertical color bar of size width x height that maps the given colorScale.

colorbar.tickValues([array]) Set the tick values to be shown on the color bar.