Студийная диаграмма-торнадо в стилистике вашего бренда

Руководство по кастомизации Tornado Chart в Excel. Диаграмма типа «торнадо» — это безупречный инструмент для парного сравнения. Конструктивно это горизонтальные полосы, зеркально расходящиеся влево и вправо от нулевой отметки.

Excel умеет строить примитивное торнадо буквально за пару секунд, достаточно присвоить одному из рядов данных минусовой формат.

Классическая диаграмма-торнадо, как и большинство базовых решений Excel, имеет врожденные ограничения. В частности, сигнатуры вертикальной оси считываются с трудом, а в тело графика можно уместить строго два массива данных.

Я решил отойти от канонов и собрал дизайнерский вариант. Оцените, что вышло:

Здесь я сопоставил результативность двух складских хабов по пяти ключевым метрикам. Точкой отсчета служит планка в 100% — эталонное значение.

Столбцы получили белое наполнение и мягкий радиус скругления, что придает графику статусный, нетривиальный облик. Тени в паре с дымчато-серой подложкой формируют ощущение тактильного объема и многослойности.

Вместо стандартных текстовых меток я интегрировал иконки — это превращает аналитику в живую, эмоциональную историю.

Ключевой инженерный прием здесь — спаривание двух шкал на одной вертикальной оси. При этом левая шкала подвергается зеркальному отражению.

Шкала с маркером 100% и варьируемой степенью заполнения идеально ложится на процентные показатели. Для достижения такого визуала настраиваем тотальное наложение рядов.

Для обеих половин я выполнил столбцы «Итог» в ахроматическом белом цвете и снабдил их падающей тенью. Для ключевых индикаторов выбрана оптически напряженная пара: насыщенный голубой и яркий мандариновый с мягкими градиентными растяжками. Плавные переходы цвета и игра света делают картинку живой и дорогой.

Метки с процентами я элегантно расположил слева и справа от центральной оси симметрии.

Я вытеснил типовые заголовки, заменив их аккуратными смысловыми врезками. Рядом с ними прописал иконки локаций, синхронизированные по тону с палитрой рядов. Этот ход позволил полностью отказаться от громоздкой легенды. Заливка области построения нежно-серым тоном кардинально повысила премиальность восприятия всей аналитики.

🤍 Зажмите в закладках — когда придет час, этот материал окажется бесценным.

Разложим алгоритм сборки на атомы. Для тренировки скачайте учебный файл.

1. Закладка фундамента: построение базовой линейчатой диаграммы.

2. Активация обратной сортировки категорий для восстановления читаемой иерархии.

3. Настройка 100%-го взаимного проникновения рядов.

4. Корректировка слоев: перемещение ряда «Всего» на задний план сцены.

5. Оформление подложки: присвоение белого цвета фоновому ряду, утолщенный бордюр и смягченные углы полосы.