d3-hsv

Этот модуль реализует цветовое пространство HSV (Цветовой тон, Насыщенность, Значение).

Например, для воспроизведения terrain.colors из R:

var i0 = d3.interpolateHsvLong(d3.hsv(120, 1, 0.65), d3.hsv(60, 1, 0.90)),
    i1 = d3.interpolateHsvLong(d3.hsv(60, 1, 0.90), d3.hsv(0, 0, 0.95));

function interpolateTerrain(t) {
  return t < 0.5 ? i0(t * 2) : i1((t - 0.5) * 2);
}

Установка

Если вы используете NPM, npm install d3-hsv. В противном случае, скачайте последнюю версию. Вы также можете загрузить её напрямую с d3js.org как самостоятельную библиотеку. Поддерживаются среды AMD, CommonJS и vanilla. В vanilla среде экспортируется глобальная переменная d3.

<script src="https://d3js.org/d3-color.v1.min.js"></script>
<script src="https://d3js.org/d3-hsv.v0.1.min.js"></script>
<script>

var yellow = d3.hsv("yellow"); // {h: 60, s: 1, v: 1, opacity: 1}

</script>

Попробуйте d3-hsv в вашем браузере.

Справочник API

d3.hsv(h, s, v[, opacity]) Исходный код
d3.hsv(specifier)
d3.hsv(color)

Создаёт новый цвет в цветовом пространстве HSV. Значения каналов доступны как свойства h, s и v возвращённого экземпляра.

Если заданы h, s и v, они представляют значения каналов возвращаемого цвета; также может быть задана opacity. Если указана строка specifier в формате CSS Color Module Level 3, она парсится и преобразуется в цветовое пространство HSV. См. d3.color для примеров. Если указан экземпляр color, он преобразуется в цветовое пространство RGB с помощью color.rgb, а затем преобразуется в HSV.

d3.interpolateHsv(a, b) Исходный код

Возвращает интерполятор цветового пространства HSV между двумя цветами a и b. Цвета a и b необязательно должны быть в HSV; они будут преобразованы в HSV с помощью d3.hsv. Если цветовой тон или цветность любого цвета равны NaN, используется значение канала противоположного цвета. Используется кратчайший путь между цветовыми тонами. Результатом интерполятора является строка RGB.

d3.interpolateHsvLong(a, b) Исходный код