Чем темнее клетка, тем выше балл по этому показателю.
МеньшеБольше
Последняя проверка Источники и титрыМедиа-кредитыМетодология
Короткие ответы
Когда выбирать «Набор наблюдаемых графиков»?
Когда история такая: отчеты по анализам, студенческие лабораторные работы, исследовательские офисные диаграммы.
Когда избегать?
В случаях вроде: вы должны соответствовать тяжелому комплекту информационной панели предприятия попиксельно.
Кто изобрёл или распространил?
Observable Plot продолжает грамматику D3 с меньшим количеством шаблонов.
Что кодирует?
отмечайте слои над аккуратными столбцами с помощью автоматических масштабов
Можно в рекламе?
Да, если тезис виден сразу в Meta, Google и печать; иначе ссылка на полный рисунок.
Примет учитель?
Да для лабораторные и стенды, если есть оси, единицы и строка источника.
Набор наблюдаемых графиков кодирует значения как отмечайте слои над аккуратными столбцами с помощью автоматических масштабов. Observable Plot продолжает грамматику D3 с меньшим количеством шаблонов..
В отчётах, рекламе и заданиях: отчеты по анализам, студенческие лабораторные работы, исследовательские офисные диаграммы. Избегайте, если вы должны соответствовать тяжелому комплекту информационной панели предприятия попиксельно.
ПО
- Observable Plot — Грамматика для аккуратных данных - ISC. · ISC · github.com/observablehq/plot
- Observable stdlib — Помощники часто используются рядом с Plot в блокнотах. · ISC · github.com/observablehq/stdlib
- D3 — Основные идеи и аварийные люки. · ISC · github.com/d3/d3
- Vega-Lite — JSON-первая альтернативная грамматика. · BSD-3-Clause · github.com/vega/vega-lite
- Scatter demo — Статическое рассеяние отмечено в этом атласе. · 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.
«Набор наблюдаемых графиков»: чтите отмечайте слои над аккуратными столбцами с помощью автоматических масштабов и меняйте, если вы должны соответствовать тяжелому комплекту информационной панели предприятия попиксельно.