Чем темнее клетка, тем выше балл по этому показателю.
МеньшеБольше
Последняя проверка Источники и титрыМедиа-кредитыМетодология
Короткие ответы
Когда выбирать «Древовидная карта»?
Когда история такая: часть–целое с многими листьями и иерархией.
Когда избегать?
В случаях вроде: нужно точно сравнить близкие размеры.
Кто изобрёл или распространил?
Бен Шнейдерман, Мэриленд, 1991, место на диске
Что кодирует?
площадь вложенных прямоугольников
Можно в рекламе?
Да, если тезис виден сразу в Meta, Google и печать; иначе ссылка на полный рисунок.
Примет учитель?
Да для лабораторные и стенды, если есть оси, единицы и строка источника.
Древовидная карта кодирует значения как площадь вложенных прямоугольников. Бен Шнейдерман, Мэриленд, 1991, место на диске.
В отчётах, рекламе и заданиях: часть–целое с многими листьями и иерархией. Избегайте, если нужно точно сравнить близкие размеры.
ПО
- ПО 1 — Excel или Google Таблицы
- ПО 2 — PowerPoint
- ПО 3 — Figma / Illustrator — фигуры для рекламы и постеров
- ПО 4 — Python matplotlib или R ggplot — учебные и исследовательские рисунки
- ПО 5 — Серверный SVG этого атласа — примеры без библиотеки графиков
Экспорт
- Экспорт 1 — SVG
- Экспорт 2 — PDF
- Экспорт 3 — EMF/SVG в слайды (без скриншотов)
- Экспорт 4 — SVG для веба, PDF для печати
Доступность
- Доступность 1 — Никогда не цвет один. Сложите узор, подпись и положение.
- Доступность 2 — 4,5:1 для текста, 3:1 для крупных марок.
- Доступность 3 — Короткий alt у графика; числа также HTML-таблицей.
- Доступность 4 — Движение только как акцент. Уважайте prefers-reduced-motion.
«Древовидная карта»: чтите площадь вложенных прямоугольников и меняйте, если нужно точно сравнить близкие размеры.