Forwarded from Диаграммы и презентации
Когда форма ради формы
Разберу простой пример, но очень показательный, уже не раз с подобным сталкивалась.
Посмотрите на эту визуализацию. Вроде бы все есть: проценты, подписи, цвета. Но считывать информацию как-то долго и неудобно. Почему?
Потому что форма ради формы.
Авторы решили подать данные в виде капель. Выглядит может даже "креативно", но визуально совершенно бесполезно:
- площадь каждой капли ничего не означает (если я совсем не ослепла🫠)
- сравнить значения между строками затруднительно
- мозгу приходится каждый раз "читать цифры", а не воспринимать форму, которая бы соответствовала значению и передавала бы его.
То есть визуализация перестала быть визуализацией - стала просто декоративной картинкой.
Форма должна помогать понять данные, а не прятать их. Когда мы в визуализации видим круги, капли и т.п., то мы автоматически ищем смысл в размере, форме, цвете. А если смысла там нет, то такая "визуализация" начинает только все усложнять и запутывать аудиторию.
К чему это все, а чтобы напомнить (побуду занудой):
- красота визуализации не в необычной форме, а в ясности передачи смысла
- форма может быть нестандартной, но она должна передавать смысл, эмоции, посыл. Если форма не помогает понять данные, ничего не доносит, то от нее стоит отказаться
- лучше "простая и понятная" диаграмма, чем "красивая, но бесполезная".
Не топите данные под формой. Визуализация должна быть в первую очередь все-таки про данные, про смысл, особенно, в бизнес-среде (да и не только).
Как можно сделать лучше?⬇️⬇️⬇️
#Разборыдиаграммы
Разберу простой пример, но очень показательный, уже не раз с подобным сталкивалась.
Посмотрите на эту визуализацию. Вроде бы все есть: проценты, подписи, цвета. Но считывать информацию как-то долго и неудобно. Почему?
Потому что форма ради формы.
Авторы решили подать данные в виде капель. Выглядит может даже "креативно", но визуально совершенно бесполезно:
- площадь каждой капли ничего не означает (если я совсем не ослепла🫠)
- сравнить значения между строками затруднительно
- мозгу приходится каждый раз "читать цифры", а не воспринимать форму, которая бы соответствовала значению и передавала бы его.
То есть визуализация перестала быть визуализацией - стала просто декоративной картинкой.
Форма должна помогать понять данные, а не прятать их. Когда мы в визуализации видим круги, капли и т.п., то мы автоматически ищем смысл в размере, форме, цвете. А если смысла там нет, то такая "визуализация" начинает только все усложнять и запутывать аудиторию.
К чему это все, а чтобы напомнить (побуду занудой):
- красота визуализации не в необычной форме, а в ясности передачи смысла
- форма может быть нестандартной, но она должна передавать смысл, эмоции, посыл. Если форма не помогает понять данные, ничего не доносит, то от нее стоит отказаться
- лучше "простая и понятная" диаграмма, чем "красивая, но бесполезная".
Не топите данные под формой. Визуализация должна быть в первую очередь все-таки про данные, про смысл, особенно, в бизнес-среде (да и не только).
Как можно сделать лучше?⬇️⬇️⬇️
#Разборыдиаграммы
❤20🔥19
Forwarded from Диаграммы и презентации
Как можно сделать лучше?
Накидала быстренько несколько вариантов, как иначе можно визуализировать эти данные (да-да, будут столбики🤓)
Линейчатая с накоплением прекрасно будет работать с этими данными. У нас есть части, которые в сумме дают 100% (вложенный характер) и в каждой группе мы смотрим доли каких ответов преобладают или нет. Можно выделить все категории, а можно сделать точечный акцент на основной идее, остальные ответы залить серым.
Можно вполне уйти в столбиковую с группировкой и полосовую. Здесь еще решила немного переиграть сам набор данных, чуть укрупнила "хвост из мелочевки". Дальше расставляем акценты, добавляем все подписи, доп.комментарии.
Ну и решила все-таки вынести на общее обозрение вариант с вафлей. Понятно, что многие значения близки и она не так визуально эффективна, но основную мысль вполне себе выделяет и разницу в некоторых интересных моментах тоже. Можно также выделять цветом не все ответы, а зацепиться за идею, остальное оставить серым.
Я еще пробовала варианты "с кругами", но из-за того что значения многие близки, смотрится все примерно одинаково, сложно сравнивать и различать
#Разборыдиаграммы
Накидала быстренько несколько вариантов, как иначе можно визуализировать эти данные (да-да, будут столбики🤓)
Линейчатая с накоплением прекрасно будет работать с этими данными. У нас есть части, которые в сумме дают 100% (вложенный характер) и в каждой группе мы смотрим доли каких ответов преобладают или нет. Можно выделить все категории, а можно сделать точечный акцент на основной идее, остальные ответы залить серым.
Можно вполне уйти в столбиковую с группировкой и полосовую. Здесь еще решила немного переиграть сам набор данных, чуть укрупнила "хвост из мелочевки". Дальше расставляем акценты, добавляем все подписи, доп.комментарии.
Ну и решила все-таки вынести на общее обозрение вариант с вафлей. Понятно, что многие значения близки и она не так визуально эффективна, но основную мысль вполне себе выделяет и разницу в некоторых интересных моментах тоже. Можно также выделять цветом не все ответы, а зацепиться за идею, остальное оставить серым.
Я еще пробовала варианты "с кругами", но из-за того что значения многие близки, смотрится все примерно одинаково, сложно сравнивать и различать
#Разборыдиаграммы
👍18❤16🔥4
Уже писал об этом, но давно. Но постоянно вижу эту ошибку. Поэтому повторяю.
Традиционно в России cartogram ошибочно переводят как картограмма. Хотя всё ровно наоборот. Это НЕ картограмма, а анаморфная карта (анаморфоза), где показатель кодируется площадью географической фигуры.
А на картограмме показатель кодируется цветом или оттенком цвета, которым фигура закрашивается. Только вот по-английски картограмма — choropleth map.
Пожалуйста, не повторяйте эту ошибку.
—
P.S. На первой картинке по-видимому сделано и то, и другое. То есть показатель кодируется и площадью фигур и цветом заливки.
Традиционно в России cartogram ошибочно переводят как картограмма. Хотя всё ровно наоборот. Это НЕ картограмма, а анаморфная карта (анаморфоза), где показатель кодируется площадью географической фигуры.
А на картограмме показатель кодируется цветом или оттенком цвета, которым фигура закрашивается. Только вот по-английски картограмма — choropleth map.
Пожалуйста, не повторяйте эту ошибку.
—
P.S. На первой картинке по-видимому сделано и то, и другое. То есть показатель кодируется и площадью фигур и цветом заливки.
❤21👍10🤨3👏1😱1😢1💯1
Причем анаморфоза может выглядеть достаточно сильно по-разному. Главный принцип — изменение площади для кодирования показателя.
(вторую поставил по ошибке. это proportional symbol map — пузырьковая (или в данном случае - квадратичная(?) картодиаграмма — всё же)
(вторую поставил по ошибке. это proportional symbol map — пузырьковая (или в данном случае - квадратичная(?) картодиаграмма — всё же)
🔥15❤5👏1
Ну, и последний важный тейк. Важно отличать всё вышеперечисленное от картодиаграм (proportional symbol map), где показатель кодируется (как правило) площадью кружочка или квадрата, который ставится либо на какую-то точку (город), либо в центр (центроид) полигона.
Собственно в этом их отличие от непрерывных анаморфоз. Потому что бывают непрерывные анаморфозы (contiguous cartograms), которые сохраняют топологию, но искажают форму, и раздельные (разобщенные) анаморфозы (non-contiguous cartograms), которые сохраняют форму, создавая при этом зазоры между областями.
И их отличие от картодиаграмм, где символы размещаются в центре каждой области в том, что анаморфозы масштабируют всю территорию целиком.
Собственно в этом их отличие от непрерывных анаморфоз. Потому что бывают непрерывные анаморфозы (contiguous cartograms), которые сохраняют топологию, но искажают форму, и раздельные (разобщенные) анаморфозы (non-contiguous cartograms), которые сохраняют форму, создавая при этом зазоры между областями.
И их отличие от картодиаграмм, где символы размещаются в центре каждой области в том, что анаморфозы масштабируют всю территорию целиком.
❤15👍5💯4
Forwarded from 🗞 Виз Ньюз (Nikita Rokotyan)
Пару недель назад в Сиэттле на Open Visualization Collaboration Summit я узнал про удивительный визуальный инструмент для создания гео-визуализаций — noodles.gl.
Инструмент еще совсем новый и у него нет детальной документации, но авторы выложили свое выступление из которого хорошо понятно насколько он гибкий и мощный. Особенно мне нравится, что можно анимацию сделать и экспортировать как видео.
Создатели его используют для анализа данных при разработке своего электролёта (если кто-то знает, как оно по-нормальному называется, напишите) в компании Joby Aviation (котороая изначально была частью Uber, но ее выкупили).
https://noodles.gl
@dataviznews
Инструмент еще совсем новый и у него нет детальной документации, но авторы выложили свое выступление из которого хорошо понятно насколько он гибкий и мощный. Особенно мне нравится, что можно анимацию сделать и экспортировать как видео.
Создатели его используют для анализа данных при разработке своего электролёта (если кто-то знает, как оно по-нормальному называется, напишите) в компании Joby Aviation (котороая изначально была частью Uber, но ее выкупили).
https://noodles.gl
@dataviznews
❤12👏1
У Яндекса актуальное и остроумное. Напомнило легендарный проект Паддинг про Макконахи (и других)
🔥68😁46❤15
Forwarded from Сделай это красиво
Линейный график нельзя делать без чисел
За последний месяц видел эту ошибку несколько раз. Дважды — в презентациях коллег, а теперь ещё и в материале «Бизнес-секректов».
Сила и одновременно слабость линейного графика — в том, что он может начинаться с какого угодно значения (да, не только с нуля!). Линейный график помогает нам видеть лишь направление тренда, но чаще всего мы не можем по одной лишь визуальной форме определить силу этого изменения.
Вот тут — с 2019 по 2024 — это какая разница? В 100 раз? В 2 раза? Или прирост совсем небольшой? Важно добавить этот контекст в виде чисел: на оси или хотя бы в виде пары подписанных точек.
В большинстве случаев графики без единого числа — это всегда плохая идея, даже если это столбики.
Могу представить несколько ситуаций, когда автор или заказчик просит сделать график без чисел:
🔗 Числа под NDA
🔗 Очень не хочется делать акцент на конкретных значениях. Важно не то, что компьютерные клубы заработали 300 млн, а что в 2024 году они заработали в 3, 5 или 10 раз больше, чем в 2019.
Но оба этих случая решаются процентами! Если это даты — можно в процентах от первой даты.
Можно ещё от среднего значения, от максимума, от суммы — когда это уместно. В общем, вариантов масса: надо подумать, зачем график вообще делали, и определиться, что за числа показывать.
Единственная ситуация, когда отсутствие значений в целом можно простить — это спарклайны (маленькие графики размером примерно как одна ячейка таблицы). Но и там можно что-то придумать.
За последний месяц видел эту ошибку несколько раз. Дважды — в презентациях коллег, а теперь ещё и в материале «Бизнес-секректов».
Сила и одновременно слабость линейного графика — в том, что он может начинаться с какого угодно значения (да, не только с нуля!). Линейный график помогает нам видеть лишь направление тренда, но чаще всего мы не можем по одной лишь визуальной форме определить силу этого изменения.
Вот тут — с 2019 по 2024 — это какая разница? В 100 раз? В 2 раза? Или прирост совсем небольшой? Важно добавить этот контекст в виде чисел: на оси или хотя бы в виде пары подписанных точек.
В большинстве случаев графики без единого числа — это всегда плохая идея, даже если это столбики.
Могу представить несколько ситуаций, когда автор или заказчик просит сделать график без чисел:
Но оба этих случая решаются процентами! Если это даты — можно в процентах от первой даты.
Можно ещё от среднего значения, от максимума, от суммы — когда это уместно. В общем, вариантов масса: надо подумать, зачем график вообще делали, и определиться, что за числа показывать.
Единственная ситуация, когда отсутствие значений в целом можно простить — это спарклайны (маленькие графики размером примерно как одна ячейка таблицы). Но и там можно что-то придумать.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥28❤12👍8
Forwarded from Исследования Яндекса
У канала 3 тысячи подписчиков! Вас так много 🤩
Мы хотим рассказать, кто делает этот канал, чтобы познакомиться поближе. Заодно этим постом запускаем рубрику #почему — короткие разборы ошибок и приёмов визуализации данных. Так можно с пользой посмотреть на наши лица.
В прошлый раз мы заказывали пиццу, а в этом выпуске на собственном примере рассказываем, почему нельзя обрезать столбики в столбиковой диаграмме (её ещё называют «барчарт»).
Напишите в комментариях, если догадались, постер какого фильма мы пытались повторить 😎
Исследования Яндекса @YaResearches
Мы хотим рассказать, кто делает этот канал, чтобы познакомиться поближе. Заодно этим постом запускаем рубрику #почему — короткие разборы ошибок и приёмов визуализации данных. Так можно с пользой посмотреть на наши лица.
В прошлый раз мы заказывали пиццу, а в этом выпуске на собственном примере рассказываем, почему нельзя обрезать столбики в столбиковой диаграмме (её ещё называют «барчарт»).
Напишите в комментариях, если догадались, постер какого фильма мы пытались повторить 😎
Исследования Яндекса @YaResearches
❤54😁26👍22🔥4👎1