• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Инструменты

Bullet chart в Excel — план-факт как никогда удобен 1

0
Comments
GooglePlus
0
Facebook
0
Twitter
Linkedin
1
ВКонтакте
0
Pocket

Продолжаем нашу замечательную серию статей про нестандартные графики в Excel. Кстати, раз уж рубрика стала постоянной, почему бы её не назвать «Эксель без штанов»? 🙂 Как обычно, никаких плагинов, обычный эксель и немного.. логики 🙂

Bullet Graph (bullet (eng) -дословный перевод «пуля») — достаточно новый вид диаграммы, появившийся всего несколько лет назад. Его придумал ни кто иной как Stephen Few, автор блога Perceprual Edge, книги о дэшбордах Information Dashboard Design (и ещё двух: Now you see it, и Show me the numbers). Ссылки на книги также доступны в конце этой статьи.

Ключевая идея, заложенная в Буллете — более компактный, и более удобный для чтения, индикатор для сложных многосоставных план-факт переменных. Очень полезен в дэшбордах. Занимает всего одну строчку, а читается не сложнее спидометров. Кстати, он уже пробегал чуть раньше в статье про диаграмму Nightingale, но, видимо, на него никто на тот момент не обратил внимание.

Итак, график в разрезе:

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

Состав диаграммы:

  1. Название буллета
  2. Количественная шкала, вдоль единой горизонтальной оси
  3. Значение переменной
  4. Значения переменной, используемые для сравнения (бенчмарки)
  5. Цветовая шкала, кодирующая шкалу по качественному признаку.

А теперь строим это в экселе.

1. Делаем таблицу с данными:

  • целевое значение (план)
  • текущее значение (факт)
  • сегменты «качественных» блоков (сектора)

2 Вычисляем все кусочки графика:

2.1 Вычисляем максимальную длину графика, как максимум из плана и факта (не забываем, что иногда план больше факта, а иногда наоборот). Делаем её чуть длиннее (умножим на 1.2, например);

2.2 Кусочки сектора есть части от максимальной длины (переводим %% в аболютные значения);

2.3 Буллет будет у нас Stack Bar / Row 100%, поэтому вычислим его кусочки: основа, кусок до плана, плановая отсечка, кусок после плана.

3. Нормируем все значения на единую длину, чтобы не пришлось задавать мин-макс значение по осям (высчитываем единую длину как максимум из значений):

4. Строим Stacked Row 100% диаграмму, и то что относится к буллету — располагаем на второй оси. Должно получиться вот так:

5. Ставим ширину зазора (gap) для подложки равную 0%.

6. Перекрашиваем сегменты буллета в чёрный, а план-отсечку в красный. Низ перекрашиваем в оттенки нужного цвета (для примера взял оттенки серого). И вот что получилось в итоге:

Две подсказки:

  • Нормируем всё на максимальную длину, чтобы получить %% выполнения
  • Чтобы плановая отсечка не была слишком маленькой, руками в формуле ставим её % равным 1% (на картинке ячейка выделена жёлтым цветом).

Итог: работает универсально при план > факте, и факте > плана.

Enjoy!

Ну а кто придумает более элегантное решение? Есть ещё пара вариантов решения задачи (например, при помощи маркеров ошибок), но меня рассказать всё — просто не хватит.

Кстати, буллеты могут быть как горизонтальными, так и вертикальными, и они ну оо-о-о-очень применимы в дэшбордах:

Как и все нестандартные графики, они требуют немного сноровки — но зато результат стоит того.  Я надеюсь они найдут применение у вас:) Присылайте скриншоты!

И в заключение, ссылки на книги Стивена на Amazon.

Покупайте!

Окт 31, 2011Максим Горбачевский
Статья была интересной?
  • Поделюсь (2)
  • Полезно (13)
  • Бесполезно (0)
  • Банально (0)
Гантт в Экселе - 4 вариантаВизуально мыслящие - семинар в Англии в июне 2012
Главная Книги Bullet chart в Excel — план-факт как никогда удобен
Статья9 г. назад 2 Инструментыexcel, графики и диаграммы, диаграмма bullet
facebook-profile-picture
Максим Горбачевский

Основатель и руководитель агентства Infographer

Сайт Фейсбук Instagram Твиттер Pinterest
  • Pingback: Google Data Studio — Infographer()

  • Pingback: Дэшборд — красота или понятность? — Infographer()

  См. также  
Колонка со-авторов, Критический взгляд

О вреде среднего арифметического

— Какова средняя температура больных в энской больнице? — 36,6 °С, включая гнойное и морг! 0

Теория

Дайте волю Экселю

Не торопитесь делать работу сразу с самого утра. После открытия экселевские файлы должны подышать. 2

Критический взгляд

Что нужно знать о данных человеку, который любит их визуализировать

Визуализация — это инструмент, мощный и действенный. И начинается она с фактов — тщательно отобранных, проверенных и осознанных. 0

Примеры визуализации, События, Теория

Malofiej24: про законы восприятия и эмпатию

Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать. 0

Инструменты

Как делается современная инфографика. Урок в Illustrator

А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе - создание графиков из объектов с соблюдением... 6

Теория

Дизайн высоконагруженных интерфейсов, управляемых данными

Недавно sketchapp.me перевели полезную статью Эрика Klimczak, основателя и креативного директора Truth labs. Делимся. 0

Теория

Диаграмма с параллельными координатами – или еще один вид графика, доступный в Excel

Cамым оптимальным выбором является диаграмма, использующая параллельные координаты (parallel coordinates chart). 0

Инструменты

Нестандартные графики стандартными средствами

Как сделать график-термометр в Excel своими силами? Иногда его ещё называют индикатором "батарейки". 0

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Error validating application. Application has been deleted.
Type: OAuthException
Code: 190
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+