infografika | Unsorted

Telegram-канал infografika - #Инфографика в примерах

460

Инфографика, детка!

Subscribe to a channel

#Инфографика в примерах

https://vc.ru/design/112303-veb-dizayner-prevrashchaet-starinnye-knigi-i-broshyury-19-veka-v-interaktivnye-sayty

Читать полностью…

#Инфографика в примерах

Данные мелом на тротуаре!

Amber Lee Fawson делится своим новым проектом, где она рисует графики прямо на асфальте и также делится шаблоном, чтобы имея 4 мелка, бумагу и доступ к принтеру - кто угодно мог повторить ее путь!

Получается невероятно мило. Что ж скоро весна, асфальт высохнет, попробуем? 🥰

https://artscharts.tiiny.site

Читать полностью…

#Инфографика в примерах

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

Читать полностью…

#Инфографика в примерах

Наиболее болезненные места для тату

Читать полностью…

#Инфографика в примерах

Visualizing Complexity
Modular Information Design Handbook

Читать полностью…

#Инфографика в примерах

🌎 Крупнейшие производители вина в мире по странам:

1. 🇮🇹 Италия — 49.8 млн гл
2. 🇫🇷 Франция — 45.6 млн гл
3. 🇪🇸 Испания — 35.7 млн гл
...
11. 🇷🇺 Россия — 4.7 млн гл

1 гл == 100 литров

Читать полностью…

#Инфографика в примерах

Дата заметки от Giorgia Lupi и Paolo Ciuccarelli:
1. Всегда проверяйте источник данных и меодологию сбора/расчета метрик.
2. Часто стоит обратиться к пропорциям, а не абсолютным значениям.
3. Многие данные важны в контексте других.
4. Проверяйте, как вели себя данные до и после выбранного вами периода данных.
5. Иногда важно показать неопределенность в данных (доверительные интервалы, погрешности и тд)
6. Если данные отсутствуют – это тоже важный признак.
7. Всегда показывайте источник данных на визуализациях.
8. Визуализация должна отвечать специфике данных и ее коммуникационной цели.
9. Пробуйте показывать многомерность данных даже на одном графике.
10. Эстетика и риторика – мощные триггеры, чтобы заинтересовать людей исследовать данные через визуализации.
11. Продумывайте формат визуализаций (устройства, интерактивность).
12. Сохраняйте индивидуальность данных даже при агрегации, давая людям понять их природу и что эти явления могут быть и с ними.

Читать полностью…

#Инфографика в примерах

📈Полезнейшая статья о правильном использовании шрифтов в графиках вышла в блоге Datawrapper. Мастрид!

Читать полностью…

#Инфографика в примерах

Сколько стоит #BTC BITCOIN в золоте ❓

Один BTC = примерно 12,6 унций золота или кубику с размером грани 2,7 сантиметров.

В целом рынок золота сейчас по капитализации больше примерно в 20 раз рынка криптовалют.

В целом же весь рынок BITCOIN сейчас
можно оценить в размере двухгодовалой мировой добычи золота.

BITCOIN или GOLD Ваш выбор❓😉

Читать полностью…

#Инфографика в примерах

UX может и идеальный, но куда же делся компот?

Читать полностью…

#Инфографика в примерах

Интересная анимация графика с самыми популярными сайтами с 1993 года по количеству посещений в месяц.

В рейтинге был даже «Вконтакте», но закрепился лишь «Яндекс». Главное обратите внимание в самом конце на последнее место.

Читать полностью…

#Инфографика в примерах

Вместе с ребятами из Make Sense подготовили лонгрид про проектирование дашбордов. Я прям доволен, давно хотел написать подобный гайд, но всё никак не доходили руки. А тут получился большой полезный материал, который можно использовать в качестве шпаргалки или узнать как и что, если вы только знакомитесь с дашбордами.

В статье:
— Рассказываю про алгоритм Dashboard Canvas и базовые принципы верстки;
— Обсуждаем какие BI-инструменты бывают и какие задачи они решают;
— Говорим про мобильные версии дашбордов, детализацию данных и частоту обновления.

А если вам интересна тема управления продуктом, то присмотритесь к каналу Make Sence и их подкасту, очень толковые.
#статья

Читать полностью…

#Инфографика в примерах

Дон Норман про эмоциональный дизайн и почему мы любим разные красивые штучки. Также рассказывает коротко про три уровня дизайна: инстинктивный (яркое и красивое), поведенческий (удобное в использовании) и рефлексивный (культурные и социальнные ассоциации). Есть статья на русском от SKVOT с прикольными примерами.

У него вот есть соковыжималка, которой невозможно пользоваться, но она очень красивая 🙈 Думаю, у всех у нас что-то такое есть и при выборе продукта с одинаковой стоимостью и функционалом мы обычно берем то, что симпатичнее.

Картинка отсюда

Читать полностью…

#Инфографика в примерах

Китай впервые обошел США по числу патентных заявок

Посмотрите, как менялся рейтинг стран, подающих заявки на регистрацию патентов на изобретения.

По данным Всемирной организации по интеллектуальной собственности (WIPO), в 2019 г. Китай впервые занял первое место и обошел США: 58 990 заявок против 57 840.

За последние 20 лет количество заявок на изобретения от Китая выросло в 200 раз. А в целом из стран Азии сейчас поступает больше половины всех заявок.

Топ компаний по заявкам:

✔️Huawei (Китай, 4 411)
✔️Mitsubishi Electric (Япония, 2 661)
✔️Samsung Electronics (Южная Корея, 2 334)
✔️Qualcomm (США, 2 127)
✔️Oppo Mobile (Китай, 1 927)

Источник

Читать полностью…

#Инфографика в примерах

Карта мира глазами Рейгана

Читать полностью…

#Инфографика в примерах

🧠Для борьбы со стрессом - психологи советуют слушать «Лунную сонату» Бетховена и музыку оркестра Поля Мориа

Читать полностью…

#Инфографика в примерах

Давно не ходил на Behance, а там оказывается подборка инфографики от их кураторов. Очень залипательная. Кое-кого встретил :)

Читать полностью…

#Инфографика в примерах

Valentina D'Efilippo сделала индивидуальные основанные на данных бейджи для посетителей экологического мероприятия, проводимого The Infrastructure Industry Innovation Platform (i3P).

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

Очень нравится созданный с аналогичным подходом уже ставший классическим для меня проект Giorgia Lupy для TED.

Читать полностью…

#Инфографика в примерах

👨‍🎓 Как начать заниматься визуализацией данных

Лиза Шарлотта Мут из Datawrapper написала шикарную статью «Как начать заниматься визуализацией данных» (англ.) на основе своего опыта и того, что помогло лично ей. Она дает несколько практических советов относительно ваших действий, если вы задаетесь вопросом «как начать заниматься визуализацией данных»:

1. Выясните, что вам нравится в визуализации данных.
2. Не стоит слишком беспокоиться о данных или инструментах.
3. Начните визуализировать данные.
4. Станьте лучше в визуализации данных.

Читаем, вдохновляемся, действуем! 💪

#статьи #опыт #начинающим #визуализация_данных

Читать полностью…

#Инфографика в примерах

Sprout Social опубликовала ежегодный список лучшего времени для размещения публикаций в популярных соцсетях.

Исследование проведено среди 34 тысяч пользователей Sprout за последний год.

Читать полностью…

#Инфографика в примерах

15 частых ошибок в данных от Visual Capitalist. Помню первый день, когда столкнулась с парадоксом Симпсона, очень долго не могла понять, что же не так))

Читать полностью…

#Инфографика в примерах

Увидела у Ромы хорошее от Vizuators - 25 способов создания KPI.

У них есть еще классный ютуб канал с разными Табло челленджами, можно посмотреть как решать разные задачки.

Читать полностью…

#Инфографика в примерах

🇨🇳🌍Страны мира, чей подушевой ВВП был выше китайского в 1980 и 2022 гг.

Читать полностью…

#Инфографика в примерах

☎️📅 КАК МЕНЯЛСЯ РЫНОК МОБИЛЬНЫХ ТЕЛЕФОНОВ В ПОСЛЕДНИЕ 30 ЛЕТ

Читать полностью…

#Инфографика в примерах

Карта мирового GDP в детализации на регионы и крупные города. Очень наглядно и подробно. Комментарии излишни, как говорится.

Хайрез по ссылке

https://www.visualcapitalist.com/wp-content/uploads/2021/08/Global-Wealth-Distribution.html

Читать полностью…

#Инфографика в примерах

Топологическая карта мира https://m.imgur.com/O87iRCm

Читать полностью…

#Инфографика в примерах

Нашла тут статью: 8 правил для использования цвета в датавизе. Хорошо структурировано, как по мне, и много взять с Datawrapper💫

1. Пользуйтесь цветом эффективно: нет смысла делать разноцветный барчарт, лучше сделать его серым, а какую-то важную категорию выделить.
2. Цвет помогает группировать категории. Если у вас есть данные, которые идут как в -, так и в +, например, коэффициент естественного прироста, то лучше брать шкалу не просто непрерывную (от светлого к тёмному), а расходящуюся в два оттенка (красно-зелёную).
3. Качественные шкалы (где отдельный цвет отвечает за разные категории) надо использовать для неесвязанных данных, тот же естественный прирост нельзя показывать всеми цветами радуги одновременно.
4. Используйте не больше 6-8 цветов (больше просто не запоминается), если цвет нужен, то как и с пайчартами, делайте категорию "другое".
5. Иногда изменение типа графика может помочь избавиться от необходимости в цвете (например, одноцветный барчарт вместо цветного пайчарта).
6. Непрерывная шкала плохо считывается на графиках, где точки данных далеко друг от друга. Например, на скаттерплоте разницу будет понять тяжелее, чем на карте.
7. Помните про фон и то, что мы по-разному воспринимаем цвета на тёмном и светлом (это может сильно менять восприятие).
8. Проверяйте цвета на то, как их видят люди с дальтонизмом. Это правда важно.

Читать полностью…

#Инфографика в примерах

❗️Негласные правила визуализации❗️

Must-read статья про то, как сделать график, который не осудит датавиз сообщество. Небольшой рекап их рекапа от меня:

🥮Пайчарты:
- Используйте разумное количество секторов (больше 5 долей обычно уже нечитаемо)
- Объединяйте второстепенные категории в вариант “другое”, если показать нужно все и сразу
- Упорядочивайте доли по размеру от самого большого до самого маленького по часовой стрелке (так “читать” будет легче)
- Если вы делаете вариант “другое”, то он должен быть в конце последовательности (даже если по порядку он должен быть не в конце)
- Самый большой кусочек лучше располагать в нижней части круга
- Делать пайчарт разноцветным необязательно - цвета нужны только для обозначения категорий, если это требуется

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

Скаттерплот:
- Независимую переменную стоит располагать на горизонтальной оси, а зависимую - на вертикальной

📆Линейный график:
- Время всегда на горизонтальной оси и идет слева направо (от старого к новому)
- Выбранные временные интервалы и отметки на шкале должны соответствовать друг другу

🌈Цвета:
- Ограничьте общее количество цветов (цвет должен помогать ориентироваться в графике, а не просто создавать красивую картинку)
- Разница в цвете должна отражать разницу в данных
- Думайте о людях с дальтонизмом (из-за плохо подобранной палитры они могут не увидеть цветовые различия)

https://datajournalism.com/read/longreads/the-unspoken-rules-of-visualisation-and-when-to-break-them

Читать полностью…
Subscribe to a channel