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