Interpolating colors

It is sometimes necessary to interpolate colors when you interpolate values that do not contain numbers but rather RGB or HSL color code. This recipe addresses the question how can you define scales for color codes and perform interpolation on them?

Getting ready

Open your local copy of the following file in your web browser:

https://github.com/NickQiZhu/d3-cookbook-v2/blob/master/src/chapter4/color-interpolation.html .

How to do it...

Color interpolation is such a common operation in visualization that D3 actually provides a number of different kinds of interpolators dedicated to color supporting, for example, RGB, HSL, L*a*b*, HCL, and Cubehelix color space. In this recipe, we will demonstrate how color interpolation can be ...

Get Data Visualization with D3 4.x Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.