Способы добавления контекста на визуализации от Andy Kriebel:
- добавление значений прошлых периодов (год назад, период к периоду и тд)
- отметка плановых значений
- сравнение с предсказанными значениями
- визуализация средних показателей
- добавление значений кокурентов или бенчмарков
- визуализация рядом другой метрики, связанной с основной
- добавление значений прошлых периодов (год назад, период к периоду и тд)
- отметка плановых значений
- сравнение с предсказанными значениями
- визуализация средних показателей
- добавление значений кокурентов или бенчмарков
- визуализация рядом другой метрики, связанной с основной
❤56
Info Design Songbook 💫
Вместе с главным по бордам @datanature начали собирать карты ссылок и идей в сфере информационного дизайна. Начали с любимой Lisa Charlotte Muth и ее нереальных ресурсов про цвет, текст и дизайн в блоге Datawrapper.
Категоризовали и выделили основнее идеи, чтобы было проще искать то, что нужно. Прочтение самих статей это, конечно же, не заменяет.
📌 Борд в Miro
А у Саши в комментариях можно предложить, кого разобрать следующим✏️
Вместе с главным по бордам @datanature начали собирать карты ссылок и идей в сфере информационного дизайна. Начали с любимой Lisa Charlotte Muth и ее нереальных ресурсов про цвет, текст и дизайн в блоге Datawrapper.
Категоризовали и выделили основнее идеи, чтобы было проще искать то, что нужно. Прочтение самих статей это, конечно же, не заменяет.
📌 Борд в Miro
А у Саши в комментариях можно предложить, кого разобрать следующим✏️
❤46
Пример интерфейса опроса, который может запутать.
Для оценки согласия используется градиент, но не просто какого-то цвета, а уходящего в красно-бордовый, что сразу создает негативную ассоциацию. Когда вопрос про что-то позитивное, то может запутать – соглашаетесь вы или наоборот отрицаете. Брала бы тут какой-то нейтральный цвет, вроде синенького.
Для оценки согласия используется градиент, но не просто какого-то цвета, а уходящего в красно-бордовый, что сразу создает негативную ассоциацию. Когда вопрос про что-то позитивное, то может запутать – соглашаетесь вы или наоборот отрицаете. Брала бы тут какой-то нейтральный цвет, вроде синенького.
❤67
Что делать с отрицательными значениями в барчартах с группировкой от Yan Holtz.
1. Можно просто разместить отрицательные значения ниже нуля.
+ Будет легко прочитать значение каждого элемента.
+ Очевидно, что является отрицательным, а что положительным.
- Проблема такого подхода в том, что невозможно понять, каковы итоговые значения.
- Категории могут пересекаться из нижней части графика в верхнюю, если значения изменяются.
2. Перекрытие друг друга. Если всегда сохранять один и тот же порядок категорий, то отрицательные значения будут скрыты под положительными.
+ В зависимости от порядка категорий, значение по оси Y может отражать сумму элементов, но не факт.
- Категории перекрывают друг друга, и график становится сложнее для чтения.
Как и Yan Holtz и большая часть датавиз инструментов, я бы все же оставила первый формат. А если очень нужны суммарные значения, то располагать их сверху графиком без разбивки, чтобы увидеть сумму. Второй формат перекрытия в жизни не видела, но видимо встречается.
1. Можно просто разместить отрицательные значения ниже нуля.
+ Будет легко прочитать значение каждого элемента.
+ Очевидно, что является отрицательным, а что положительным.
- Проблема такого подхода в том, что невозможно понять, каковы итоговые значения.
- Категории могут пересекаться из нижней части графика в верхнюю, если значения изменяются.
2. Перекрытие друг друга. Если всегда сохранять один и тот же порядок категорий, то отрицательные значения будут скрыты под положительными.
+ В зависимости от порядка категорий, значение по оси Y может отражать сумму элементов, но не факт.
- Категории перекрывают друг друга, и график становится сложнее для чтения.
Как и Yan Holtz и большая часть датавиз инструментов, я бы все же оставила первый формат. А если очень нужны суммарные значения, то располагать их сверху графиком без разбивки, чтобы увидеть сумму. Второй формат перекрытия в жизни не видела, но видимо встречается.
❤16
На прошлых выходных Макс Ферстаппен установил абсолютный рекорд – 10 побед подряд в Формуле 1! Предыдущий рекорд принадлежал Себастьяну Феттелю с 9 победами и Михаэлю Шумахеру – 7 🥇
Такие достижения – это не просто талант, но и огромный труд, как со стороны водителя, так и от конструкторов. Очень жду Сингапур, будет ли 11 🍀
ps я не тот ориджинал фанат, начала смотреть только после нетфликсовского сериала и оторваться теперь не могу 🙈
как всегда табло, bump chart по тьюториалу от Kevin Flerlage
Такие достижения – это не просто талант, но и огромный труд, как со стороны водителя, так и от конструкторов. Очень жду Сингапур, будет ли 11 🍀
ps я не тот ориджинал фанат, начала смотреть только после нетфликсовского сериала и оторваться теперь не могу 🙈
как всегда табло, bump chart по тьюториалу от Kevin Flerlage
❤80
Понравилось сочетание карты как подписи для графика от Pew Research Center. Левая картинка – переверстка на R, правая – оригинал.
❤51
Ко Дню программиста сразу две прекрасные штуки.
🗺 Карта проектов гитхаба, прям как реальная карта, со страной Питонией. Можно попробовать найти свой.
🕸И карта навыков фронтенд-разработчиков от Яндекс Исследований.
🗺 Карта проектов гитхаба, прям как реальная карта, со страной Питонией. Можно попробовать найти свой.
🕸И карта навыков фронтенд-разработчиков от Яндекс Исследований.
❤34
Хорошее от Evelina Judeikyte про мини-ошибки в визуализации данных на примере живой презентации Scott Galloway.
📐1. Расстояние между барами в барчарте должно равняться половине ширине самого бара. Тут не так страшно, тк иконки достаточно объемные, но для меня они немного расплылись как-то.
📏2. Если используется примем small multiples (много графиков рядом), то вертикальные оси между ними должны быть одинаковыми.
🖍3. Вместо легенд лучше подписывать значения прямо на линии. Не всегда возможно, особенно для динамичных графиков, но для презентации точно можно.
🎈4. Не надо пытаться кодировать размером формы, которые для этого не предназначены. Сравнивать их очень тяжело, а правильно нарисовать, не ошибившись с размерами, еще тяжелее. Как эффектный прием для презентации может и да, но лучше нет))
📌5. Сортировать графики лучше от большего к меньшему. Если только нет логической сортировки, например, возрастные группы.
📐1. Расстояние между барами в барчарте должно равняться половине ширине самого бара. Тут не так страшно, тк иконки достаточно объемные, но для меня они немного расплылись как-то.
📏2. Если используется примем small multiples (много графиков рядом), то вертикальные оси между ними должны быть одинаковыми.
🖍3. Вместо легенд лучше подписывать значения прямо на линии. Не всегда возможно, особенно для динамичных графиков, но для презентации точно можно.
🎈4. Не надо пытаться кодировать размером формы, которые для этого не предназначены. Сравнивать их очень тяжело, а правильно нарисовать, не ошибившись с размерами, еще тяжелее. Как эффектный прием для презентации может и да, но лучше нет))
📌5. Сортировать графики лучше от большего к меньшему. Если только нет логической сортировки, например, возрастные группы.
❤107