Визуализируем данные без аффирмаций
- Как с помощью цвета управлять вниманием зрителя
- Работы беларусского дизайнера инфографики Игоря Яновского
- Интерактивная репродукция учебника по геометрии 19 века
- Работы пионеров картографии
- Победительница конкурса инфографики
- Кейс визуализации исторических данных
- Бесплатный мини-инструмент для создания очаровательной диаграммы с птичкой
Как с помощью цвета управлять вниманием зрителя
Статья-инструкция о том, как использовать суперсилу цвета при создании диаграмм. С примерами и картинками.
Определитесь, какая информация на вашей диаграмме наиболее важна. Если важно и выделено все — значит, неважно и не выделено ничего.
![](https://right.by/wp-content/uploads/2024/05/242-digest-blog.datawrapper.png)
Выбранные приоритеты будут определять решения по визуализации:
— какие категории важно показать, а какие можно сгруппировать или удалить,
— какой тип визуализации выбрать, чтобы донести сообщение,
— какой должен быть заголовок, чтобы он отражал то, что вы хотите сказать,
— где на странице разместить диаграмму,
— и какую иерархию элементов создать.
![](https://right.by/wp-content/uploads/2024/05/242-digest-blog.datawrapper-2.png)
Работы беларусского дизайнера инфографики Игоря Яновского
В рамках #30DayChartChallenge информационный дизайнер Игорь Яновский сделал здоровские визуализации. Некоторыми из них делимся в этом дайджеста, остальные — ищите у Игоря в Инстаграме.
![](https://right.by/wp-content/uploads/2024/05/242-digest-czrt.by-2.jpg)
«Паглядзеў на размеркаваньне па мове і рэлігіі насельніцтва беларуска-літоўскіх зямель паводле перапісу 1897 году.
Для мяне выявілася нечаканым, што:
1) у Горадзенскай губерні колькасьць людзей, што размаўлялі па-украінску, большая за колькасьць тых, хто размаўляў польскаю;
2) у Віленскай губерні колькасьць каталікоў сярод беларускамоўнага насельніцтва перавышала колькасьць праваслаўных;
3) у Віцебскай губерні быў такі высокі адсотак (24%) каталіцкага насельніцтва — усё таму, што я неяк не ўлічваў раней, што недзе чвэрць тэыторыі губерні складалі землі сучаснай Латвіі».
![](https://right.by/wp-content/uploads/2024/05/242-digest-czrt.by-4.jpg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-czrt.by-3.jpg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-czrt.by-5.jpg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-czrt.by-1.jpg)
«Колькасьць беларусаў, што рэгулярна займаюцца фізічнымі практыкаваньнямі і спортам, у 2023 годзе склала 27,3%. Паспрабаваў разьлічыць гэты паказьнік асобна для дзяцей і дарослых: атрымаў 85,4% і 12,9% адпаведна. Цікава, у Менску колькасьць дзяцей, што маюць рэгулярную фізічную актыўнасьць, перавысіла колькасьць дзяцей, што жыве ў горадзе (411 тыс. і 382 тыс. адпаведна). Магчыма, гэта сьведчыць пра тое, што частка дзяцей прыязджае ў Менскія клубы з іншых раёнаў. Зрэшты, таксама магчыма, што я дзесьці памыліўся 🙄».
Интерактивная репродукция учебника по геометрии 19 века
Сайт был создан, чтобы вдохнуть жизнь в «одну из самых странных и красивых книг 19 века» — издание «Евклид» Оливера Бирна 1847 года. В новой редакции — оригинальный дизайн, интерактивные диаграммы, перекрестные ссылки и плакаты. Все это создано дизайером Николасом Ружо.
![](https://right.by/wp-content/uploads/2024/05/242-digest-evolution.jpeg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-euclid-first-8.jpeg)
Николас Руже воссоздал онлайн-учебник Бирна с максимальной приближенностью к оригиналу, а каждая схема была создана с соблюдением пропорций и размеров, чтобы соответствовать геометрическим принципам Евклида.
![](https://right.by/wp-content/uploads/2024/05/242-digest-construction.jpeg)
В своем блоге дизайнер подробно рассказал о создании сайта, работе с иллюстрациями, типографикой, пунктирными линиями, углами и о добавлении анимаций. Также Руже повторил шрифт учебника, в частности, начертание старинных математических символов.
Создавая диаграммы, я разработал палитру всех стилей, которые Бирн использовал на протяжении всей книги. Он использовал только четыре цвета (красный, синий, желтый и черный), два стиля линий (сплошные и пунктирные) и две толщины линий (толстые и тонкие). В совокупности это создало 16 различных вариантов раскраски диаграмм — более чем достаточно для иллюстрации необходимых концепций.
Дизайнер переиздания «Евклид»
![](https://right.by/wp-content/uploads/2024/05/242-digest-euclid-colors.jpeg)
Работы пионеров картографии
Как визуализировали данные до появления компьютеров — смотрим на примере нетривиальных работ путешественников, историков, учёных и других законодателей мод в сфере карт, вдохновляемся и забираем себе новые или давно забытые приёмы.
![](https://right.by/wp-content/uploads/2024/05/242-digest-orthoslogos-map-atlas-of-places-epichtonius-cosmopolites-o-caput-elleboro-dignum-o-caput-elleboro-dignum-gph-1-scaled.jpeg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-orthoslogos-map-atlas-of-places-j-andriveau-goujon-des-principales-montagnes-et-du-cours-des-principaux-fleuves-du-monde-gph-1-scaled.jpeg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-orthoslogos-map-atlas-of-places-john-bartholomew-son-world-physiography-gph-1-scaled.jpeg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-orthoslogos-map-atlas-of-places-xaver-imfeld-meister-der-alpentopografie-gph-1.png)
Победительница конкурса инфографики
Дарья Маглеванная заняла первое место в конкурсе инфографики, провизуализировав печальные истории Формулы-1.
Каждый плакат — дань памяти погибшим гонщикам, которые жили скоростью и при этом боролись за безопасность на трассе для последующих поколений любителей драйва.
![](https://right.by/wp-content/uploads/2024/05/242-digest-gonki.jpeg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-gonki-2-1024x720.jpeg)
![](https://right.by/wp-content/uploads/2024/05/242-digest-gonki-3.jpeg)
Посмотреть работы других участников можно на сайте проекта.
Кейс визуализации исторических данных
Дизайнеры спецпроекта «Бескрайний крайний» рассказывают, как строили график, который показывает различия в годовом количестве осадков в европейской части России, на Дальнем Востоке, в Китае и на севере Монголии.
В кейсе можно прочитать, как дизайнеры подбирали подходящий способ визуализации, почему отказались от линейного графика и лепестковой диаграммы, почему пришли к графику горизонта, в какой программе его строили и как дорабатывали.
![](https://right.by/wp-content/uploads/2024/05/242-digest-chart.png)
Бесплатный мини-инструмент для создания очаровательной диаграммы с птичкой
Венгерская дизайнерка по визуализации данных Krisztina Szűcs создает причудливые диаграммы в ходе своих экспериментов с d3.js.
Держите одну из них — с ее помощью можно сделать милую круговую диаграмму с птичкой. Для этого нужно ввести только одно число и в зависимости от его величины, птичка будет меняться. Наша — раскрывает свои крылья для обнимашек.
![](https://right.by/wp-content/uploads/2024/05/plotparade.png)