ТЕХНИЧЕСКАЯ ЗАМЕТКА #27


Слайд1 (1).PNG


Выбор типа диаграммы, подходящего для слайда презентации, определяется не только соответствующим видом сравнения данных, но и композицией слайда (в случае, когда на слайде присутствует еще какой-либо контент помимо самой диаграммы).

Покажем это на примере слайда, где необходимо отобразить покомпонентное сравнение цифровых данных или, как еще говорят, сравнение вклада отдельных частей в общее целое. В подавляющем числе случаев такое сравнение визуализируется посредством круговой и (реже) кольцевой диаграммы. Однако, если на слайде помимо упомянутой диаграммы нужно разместить еще и другой контент — всегда ли удобно использовать такую визуализацию?

Давайте разбираться.

КРУГОВАЯ ДИАГРАММА И ТРИ БЛОКА КОНТЕНТА

Типичная ситуация для презентаций-отчетов, когда на слайде надо разместить 3 «жестких» информационных блока (т.е. таких, у которых нельзя менять пропорции — типа карт, фотографий или инфографики). Что произойдет, если мы попробуем совместить их с круговой диаграммой на слайде презентации?


Слайд2 (5).PNG



На рисунках видно, что для размещения информации на слайде приходится или пожертвовать размером текстовых блоков, или размером круговой диаграммы. Можно ли этого избежать?


Слайд4 (4).PNG


Слайд3 (4).PNG


Да — если мы поменяем тип диаграммы, ведь для визуализации нужного нам вида сравнения цифровых данных (вклада частей в целое) подходит не только круговая (кольцевая) диаграмма. Например, под тремя блоками контента мы можем разместить одну категорию линейчатой диаграммы с накоплением (см. рисунок справа), что также отлично визуализирует вклад частей в целое.


Слайд5 (4).PNG


Далее рассмотрим еще один пример.

Снова обратимся к случаю, когда диаграмма является не основным контентом слайда, но вместе с этим, ее необходимо отобразить на слайде презентации.


КРУГОВАЯ ДИАГРАММА И КРУПНЫЙ БЛОК КОНТЕНТА

Пусть у нас будет один крупный блок контента, занимающий значительную часть слайда. Как гармонично добавить к нему диаграмму для покомпонентного сравнения данных?


Слайд6 (4).PNG

Если решать эту задачу «в лоб» — мы снова столкнемся с тем, что диаграмма получается очень маленькой и, как следствие, нечитаемой.


Слайд7 (4).PNG


Однако, если вместо круговой диаграммы мы станем использовать одноуровневый тримеп (treemap), прямоугольные блоки которого «замостят» нужную нам часть слайда (см. рисунок справа), то таким образом, мы корректно визуализируем сравнение данных между собой и рационально распорядимся площадью слайда.


Слайд8 (4).PNG


Константин Белов

Агентство визуальной коммуникации PоwerGuide.ru

03.07.2022

СКАЧАТЬ PDF