Чем темнее клетка, тем выше балл по этому показателю.
МеньшеБольше
Последняя проверка Источники и титрыМедиа-кредитыМетодология
Короткие ответы
Когда выбирать «Конструктор палитр и масштабов»?
Когда история такая: картограммы, тепловые карты, многосерийные диаграммы, фирменные колоды.
Когда избегать?
В случаях вроде: Радужная шкала на данных упорядоченной величины.
Кто изобрёл или распространил?
Синтия Брюэр ColorBrewer (2002) за картографию; более поздние инструменты темы пользовательского интерфейса
Что кодирует?
упорядоченные или неупорядоченные наборы оттенков, сопоставленные с классами данных
Можно в рекламе?
Да, если тезис виден сразу в Meta, Google и печать; иначе ссылка на полный рисунок.
Примет учитель?
Да для лабораторные и стенды, если есть оси, единицы и строка источника.
Конструктор палитр и масштабов кодирует значения как упорядоченные или неупорядоченные наборы оттенков, сопоставленные с классами данных. Синтия Брюэр ColorBrewer (2002) за картографию; более поздние инструменты темы пользовательского интерфейса.
В отчётах, рекламе и заданиях: картограммы, тепловые карты, многосерийные диаграммы, фирменные колоды. Избегайте, если Радужная шкала на данных упорядоченной величины.
ПО
- chroma.js — Управляйте цветами и масштабируйте их в JavaScript. · Apache-2.0 · github.com/gka/chroma.js
- ColorBrewer — Проверенные в боях палитры карт для последовательных и расходящихся данных. · Apache-2.0 · github.com/axismaps/colorbrewer
- d3-scale-chromatic — Цветовые схемы, используемые в экосистеме D3. · ISC · github.com/d3/d3-scale-chromatic
- Open ColorBrewer — Открытые порты схем Брюера для стеков анализа. · Apache-2.0 · github.com/sctyner/OpenColorBrewer
- Atlas palettes pillar — Обучающие свотчи на столбе визуальных палитр - не брендбук. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Экспорт
- Экспорт 1 — SVG
- Экспорт 2 — PDF
- Экспорт 3 — EMF/SVG в слайды (без скриншотов)
- Экспорт 4 — SVG для веба, PDF для печати
Доступность
- Доступность 1 — Никогда не цвет один. Сложите узор, подпись и положение.
- Доступность 2 — 4,5:1 для текста, 3:1 для крупных марок.
- Доступность 3 — Короткий alt у графика; числа также HTML-таблицей.
- Доступность 4 — Движение только как акцент. Уважайте prefers-reduced-motion.
«Конструктор палитр и масштабов»: чтите упорядоченные или неупорядоченные наборы оттенков, сопоставленные с классами данных и меняйте, если Радужная шкала на данных упорядоченной величины.