
Привет, рад снова видеть вас, я надеюсь, что вы следите за предыдущими статьями, если нет, вам следует их прочитать, нет необходимости знать эти темы для этого урока, но это, безусловно, расширит ваши знания.
Что ж, давайте продолжим с того места, на котором остановились.
Композиционные графики
Композиционные графики идеально подходят, если вы думаете о чем-то как о части целого. Для статических данных можно использовать круговые диаграммы, гистограммы с накоплением или диаграммы Венна. Круговые диаграммы или кольцевые диаграммы помогают отображать пропорции и проценты для групп. Если вам нужно дополнительное измерение, гистограммы с накоплением отлично подходят. Диаграммы Венна — лучший способ визуализировать перекрывающиеся группы, где каждая группа представлена кружком. Для данных, которые со временем меняются, можно использовать гистограммы с накоплением или диаграммы с областями с накоплением.
1. Круговая диаграмма
Круговые диаграммы иллюстрируют числовые пропорции, разделяя круг на части. Каждая длина дуги представляет долю категории. Полный круг соответствует 100%. Людям легче сравнивать стержни, чем длины дуг; поэтому в большинстве случаев рекомендуется использовать гистограммы или гистограммы с накоплением.
Для сравнения предметов, которые являются частью целого.
На следующей диаграмме показано:

Практики проектирования
- Расположите ломтики в соответствии с их размером в порядке возрастания/убывания, либо по часовой стрелке, либо против часовой стрелки.
- Убедитесь, что каждый кусочек имеет свой цвет.
2. Варианты: кольцевая диаграмма
Альтернативой круговой диаграмме является кольцевая диаграмма. В отличие от круговых диаграмм, здесь легче сравнивать размеры секторов, поскольку читатель больше фокусируется на чтении длины дуг, а не площади. Кольцевые диаграммы также более компактны, потому что центр вырезан, поэтому их можно использовать для отображения информации или дальнейшего разделения групп на подгруппы.


Практика проектирования
Используйте тот же цвет, который используется для категории для подкатегорий. Используйте разные уровни яркости для разных подкатегорий.
3. Столбчатая диаграмма с накоплением
Гистограммы с накоплением используются, чтобы показать, как категория делится на подкатегории и долю подкатегории по сравнению с общей категорией. Вы можете либо сравнить общие суммы по каждому бару, либо показать процент каждой группы. Последняя также называется столбчатой диаграммой со 100% накоплением и упрощает просмотр относительных различий между количествами в каждой группе.
На следующей диаграмме показана гистограмма с пятью группами:



Практики проектирования
- Используйте контрастные цвета для сложенных столбцов.
- Убедитесь, что полосы расположены на достаточном расстоянии друг от друга, чтобы устранить визуальный беспорядок. Идеальное расстояние между каждым стержнем составляет половину ширины стержня.
- Классифицируйте данные по алфавиту, последовательно или по значению, чтобы упорядочить их единообразно и упростить работу для вашей аудитории.
4. Диаграмма с накоплением областей
Диаграммы с областями с накоплением показывают тенденции для отношений части к целому. Значения нескольких групп иллюстрируются путем наложения отдельных диаграмм с областями друг на друга. Это помогает анализировать как индивидуальную, так и общую информацию о тенденциях.
Чтобы показать тенденции для временных рядов, которые являются частью целого.

Практика проектирования
Используйте прозрачные цвета, чтобы улучшить видимость информации. Это поможет вам проанализировать перекрывающиеся данные, а также вы сможете увидеть линии сетки.
В этой статье мы рассмотрели различные композиционные сюжеты, а остальные темы мы продолжим в следующей статье, так что следите за обновлениями.
Чтобы получить больше классного контента и регулярных постов, вы можете связаться со мной в nstagram😍