Тема: Примеры визуализации 3
Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Изобрели новый вид диаграмм для сравнения плана и факта!
Всю прошлую неделю не было сил написать ни единой строчки в блоге — 4 дня подряд мы проводили тренинг в аналитическом департаменте Интер РАО ЕЭС. Мы очень плодотворно провели время и кажется даже изобрели новый вид графиков в ответ на одно из упражнений!
Упражнение было следующим: У вас есть несколько статей бюджета (например 5) и вам нужно отобразить выполнение плана (отклонение фактического показателя от планового) по каждой из них. При этом, показав вес каждой из категорий в общем результате. И еще чтобы строился в Excel и обновлялся без проблем.
Вообще для сравнения плана с фактом обычно используются спидометры и термометры, но они не показывают размер категорий. Да и 5 спидометров в ряд рисовать странно.
Довольно стандартные варианты решений выглядят так (все основаны на столбиковых диаграммах):
А на тренинге, благодаря участникам, был придуман новый вариант на базе пай-чарта. Величина сектора привычно показывает вес статьи в общем бюджете, а его высота показывает процент выполнения. Соответственно «голубая статья бюджета» у нас является самой большой и перевыполняющей план.
Более того, мы придумали как эту диаграмму построить в Экселе — сделали комбинация Радара и Круговой\пирожковой диаграммы. Много технических дополнительных строк, но диаграмма работает! Продолжить чтение →
Когда много графиков
Бывают макеты, в которых просто очень много графиков и их аккуратно нужно уложить. Не нужно много креатива, потому что обычные типы графиков работают лучше всего, нужна аккуратная верстка и цветовая гамма.
Публикую несколько примеров, которые помогали нам работать над бизнес отчетами и дэшбордами. Хоть там и простые диаграммы, сделать эстетически приятную работу не просто.
Про цветовую гамму — цвета это проблема. Эффективнее всего работает зеленый, желтый и красный, чтобы сразу было ясно где все хорошо, а где плохо. Но если эти три одинаково ярких цвета ставить рядом, это будет не красиво, поверьте. А вот в работах ниже палитра решена удачно.
Ваш собственный дэшборд
Короткий но занимательный пост для любителей дэшбордови информационных панелей. Дэшборды, дэшборды.. Все мы знаем, что дэшборду нужны данные. А как научиться их проектировать, если данные брать неоткуда? Даю наводку: вы сейчас смотрите прямо в источник этих данных! Да:)
Итак, это ваш компьютер. Как многокомпонентное устройство, он мониторит огромное количество параметров — частота работы процессора, температуры процессора винчестера видеокарт и так далее, скорости вращения вентиляторов, и даже электрическое напряжение. В дополнение к этому — есть интернет с прогнозами погоды, камерами дорожного движения, курсами валют, и так далее.
Как из компьютера вытащить «данные»? Как их уложить на рабочем столе? Всё это помогут сделать специализированные программы (Samurize для windows, GeekTool для макинтоша). Описывать процесс настройки не имею никакой возможности — возможностей столько, что есть очень подробные хелп-справочники.
Для вдохновения — несколько наиболее чумовых визуализаций (в конце поста — ещё ссылки):
Собственный дэшборд - даже видеокамера дорожного трафика
Очень стильная визуализация дэшборда - включая санкей-диаграмму, пусть и лишь в статическом виде
Очень стильная визуализация dashboard с намёком на старые компьютерные игры