Вероятно большинство людей под инфографикой понимают визуализацию данных, то есть разного рода диаграммы и графики. Надеюсь, по крайней мере, что не рекламные карточки-флаеры, которые пытаются переименовать в «инфографику для маркетплейсов». В профессиональной среде до сих пор не устоялась терминология, но я придерживаюсь мнения, что инфографика — это общий «зонтичный» термин, а датавиз является его подмножеством. 🧐
Сегодня в подборке датавиз. В основном, простейший и самый рабочий — это линейные и столбчатые графики. На что тут можно обратить внимание:
1. Каскадная диаграмма (ну почти)
Барчарт, разделённый на этапы. В каком-то смысле он тут маскируется под каскадную диаграмму, также называемую водопадом (waterfall chart). Но обычно водопад используют для других целей — показать поэтапное изменение какого-то показателя с учетом влияния разнознаковых факторов.
2. Разностная диаграмма
В лучших традициях «визуальных методов статистики» Уильяма Плейфера, удобный способ показать два взаимных процесса и акцентировать внимание на их дисбалансе путём закрашивания разными цветами положительную и отрицательную разницу.
3. Синхронизация осей
Для анализа корелляций часто можно встретить трёхосевые графики, но это не очень хорошая практика. Лучше синхронизировать оси на отдельных графиках, просто размещая их в ряд или друг под другом.
4. Тримап и диаграмма рассеяния
Эти визуализации в отличие от простых (линейных и столбчатых) графиков уже требуют от читателя некоторого опыта анализа визуальной информации. К тому же оба — довольно мощные инструменты визуализации, поэтому оставим их на более подробный разбор в другой раз.
5. Простейшие барчарты и топы
Элементарные для восприятия визуализации — столбчатые графики. Главное не забывать простое и непреложное правило — столбчатые графики должны показывать всю длину столба, потому что именно длиной кодируются числовые показатели. Нельзя обрезать столбы, чтобы показать их разницу «более явно» — это грубая ошибка в датавизе.
Сегодня в подборке датавиз. В основном, простейший и самый рабочий — это линейные и столбчатые графики. На что тут можно обратить внимание:
1. Каскадная диаграмма (ну почти)
Барчарт, разделённый на этапы. В каком-то смысле он тут маскируется под каскадную диаграмму, также называемую водопадом (waterfall chart). Но обычно водопад используют для других целей — показать поэтапное изменение какого-то показателя с учетом влияния разнознаковых факторов.
2. Разностная диаграмма
В лучших традициях «визуальных методов статистики» Уильяма Плейфера, удобный способ показать два взаимных процесса и акцентировать внимание на их дисбалансе путём закрашивания разными цветами положительную и отрицательную разницу.
3. Синхронизация осей
Для анализа корелляций часто можно встретить трёхосевые графики, но это не очень хорошая практика. Лучше синхронизировать оси на отдельных графиках, просто размещая их в ряд или друг под другом.
4. Тримап и диаграмма рассеяния
Эти визуализации в отличие от простых (линейных и столбчатых) графиков уже требуют от читателя некоторого опыта анализа визуальной информации. К тому же оба — довольно мощные инструменты визуализации, поэтому оставим их на более подробный разбор в другой раз.
5. Простейшие барчарты и топы
Элементарные для восприятия визуализации — столбчатые графики. Главное не забывать простое и непреложное правило — столбчатые графики должны показывать всю длину столба, потому что именно длиной кодируются числовые показатели. Нельзя обрезать столбы, чтобы показать их разницу «более явно» — это грубая ошибка в датавизе.
❤15👍7🔥7🤝1
Метафоричность датавиза играет важную роль в восприятии визуализации, хотя и не всегда помогает точно оценивать показанные величины. Самый очевидный образ даже стал названием — piechart (pie — пирог).
Но графикам редко везёт с образным названием. Особенно обидно за Cанкей (санки, сэнки), которому лучше всего подошло бы название flowchart — диаграмма потоков. Но это имя уже заняла себе блок-схема. Санкей, по странному стечению обстоятельств, назвали по имени инженера Мэтью Генри Финеаса Райала Сэнки, который использовал её в 1898 году в своей публикации об эффективности паровых двигателей. Хотя самым знаменитым примером диаграммы Cанкей являются карты Шарля Минара, которые публиковались задолго до работы мистера Сэнки, с 1844 года. Возможно причина в соблюдении числового баланса диаграммы у Сэнки, которого на картах Минара нет. 🤔
Мне Cанкей очень нравится своей наглядностью и прозрачностью. Оказалось, что в своих первых инфографических проектах я часто его использовал. Сегодня подборка из новостной практики:
1–4. Потоки товаров и денег
Классические и не очень Cанкей диаграммы потоков между странами.
5. Русская кампания Наполеона 1812 года
Визуализация численности наполеоновских войск в проекте про Отечественную войну 1812 года.
Но графикам редко везёт с образным названием. Особенно обидно за Cанкей (санки, сэнки), которому лучше всего подошло бы название flowchart — диаграмма потоков. Но это имя уже заняла себе блок-схема. Санкей, по странному стечению обстоятельств, назвали по имени инженера Мэтью Генри Финеаса Райала Сэнки, который использовал её в 1898 году в своей публикации об эффективности паровых двигателей. Хотя самым знаменитым примером диаграммы Cанкей являются карты Шарля Минара, которые публиковались задолго до работы мистера Сэнки, с 1844 года. Возможно причина в соблюдении числового баланса диаграммы у Сэнки, которого на картах Минара нет. 🤔
Мне Cанкей очень нравится своей наглядностью и прозрачностью. Оказалось, что в своих первых инфографических проектах я часто его использовал. Сегодня подборка из новостной практики:
1–4. Потоки товаров и денег
Классические и не очень Cанкей диаграммы потоков между странами.
5. Русская кампания Наполеона 1812 года
Визуализация численности наполеоновских войск в проекте про Отечественную войну 1812 года.
❤11🔥7👍3❤🔥1
В догонку к предыдущему посту. Если не ошибаюсь, этот фрагмент проекта 2014 года про Первую мировую войну — моя первая попытка построить диаграмму Санкей (по совету редактора проекта). Я тогда был в большей степени дизайнером, чем разработчиком и всё делал вручную в Иллюстраторе, включая подобный датавиз. 😅
Из любопытного, можно отметить, что в данном случае Санкей является ещё и таймлайном событий. Подобные ходы позволяли нам выстраивать сторителлинг даже в проектах, где на выходе статичная картинка, а не интерактив или лонгрид. 🧐
Другие проекты-портянки:
— Берлинская стена
— Глаз-алмаз
— Винтовка Мосина
— Бермудский треугольник
— Кубик Рубика
Из любопытного, можно отметить, что в данном случае Санкей является ещё и таймлайном событий. Подобные ходы позволяли нам выстраивать сторителлинг даже в проектах, где на выходе статичная картинка, а не интерактив или лонгрид. 🧐
Другие проекты-портянки:
— Берлинская стена
— Глаз-алмаз
— Винтовка Мосина
— Бермудский треугольник
— Кубик Рубика
❤10🔥5👍4
В современных условиях агрессивного натиска систем ИИ это как глоток свежего воздуха, когда ты находишь единомышленников среди людей, работа которых тебя вдохновляет. Ниже фрагмент ответа на вопрос об ИИ со стороны исследовательской группы Брета Виктора:
...Одно из наших возражений против использования продукта заключается в том, что это форма “аутсорсинга понимания”. Вместо того, чтобы изучать практику, человек использует продукт, который изолирует его от базовых знаний. Чем “умнее” продукт, тем меньше пользователю нужно понимать. Хотя каждый продукт может быть удобен по отдельности, совокупным результатом является почти повсеместное невежество, беспомощность, зависимость и хрупкость.
Мы рассматриваем многие современные продукты ИИ, особенно так называемые генеративные инструменты, как “аутсорсинг понимания” в его наиболее опасной форме.
С другой стороны, существуют некоторые “несемантические” способы применения методов искусственного интеллекта, такие как распознавание текста и транскрипция речи, которые могут быть использованы таким образом, чтобы не вытеснять обучение и развитие. Мы по-прежнему выступаем против их сложности, непрозрачности и огромных наборов обучающих программ, но, возможно, мы будем более склонны осторожно использовать их для второстепенных целей и искать способы повысить их наглядность.
...Крайне важно, чтобы наши модели отражали реальность, и чтобы все понимали, насколько они отражают реальность и почему мы так считаем.
...Многие современные системы искусственного интеллекта не учитывают реальность и легко выдают результаты, которые кажутся реальными, но таковыми не являются.
...Одно из наших возражений против использования продукта заключается в том, что это форма “аутсорсинга понимания”. Вместо того, чтобы изучать практику, человек использует продукт, который изолирует его от базовых знаний. Чем “умнее” продукт, тем меньше пользователю нужно понимать. Хотя каждый продукт может быть удобен по отдельности, совокупным результатом является почти повсеместное невежество, беспомощность, зависимость и хрупкость.
Мы рассматриваем многие современные продукты ИИ, особенно так называемые генеративные инструменты, как “аутсорсинг понимания” в его наиболее опасной форме.
С другой стороны, существуют некоторые “несемантические” способы применения методов искусственного интеллекта, такие как распознавание текста и транскрипция речи, которые могут быть использованы таким образом, чтобы не вытеснять обучение и развитие. Мы по-прежнему выступаем против их сложности, непрозрачности и огромных наборов обучающих программ, но, возможно, мы будем более склонны осторожно использовать их для второстепенных целей и искать способы повысить их наглядность.
...Крайне важно, чтобы наши модели отражали реальность, и чтобы все понимали, насколько они отражают реальность и почему мы так считаем.
...Многие современные системы искусственного интеллекта не учитывают реальность и легко выдают результаты, которые кажутся реальными, но таковыми не являются.
❤7👍7💯5🔥3🤔2
This media is not supported in your browser
VIEW IN TELEGRAM
Обновление Tilemapper'а
https://mizinov.pro/tilemapper
1. Добавил поле для текстового ввода цвета. В ролике видно как пользоваться. Буквально со дня на день будет ещё одно обновление — выбор готовых цветовых раскладок. Это должно помочь пользователям, у которых возникают сложности с выбором цветов.
2. Переформулировал сообщения об ошибках, для большей прозрачности сути проблемы, будь то некорректные названия столбцов, некорректные значения в данных или отсутствие прав доступа к табличке по ссылке.
3. Добавил кнопку обновления данных. Если вы работаете с Google-табличкой через доступ по ссылке, то после её редактирования достаточно нажать кнопку рядом с полем ввода ссылки, чтобы данные в Tilemapper'е обновились.
Обратную связь и багрепорты можно писать тут в комментариях, а также в личке.
#tilemapper
https://mizinov.pro/tilemapper
1. Добавил поле для текстового ввода цвета. В ролике видно как пользоваться. Буквально со дня на день будет ещё одно обновление — выбор готовых цветовых раскладок. Это должно помочь пользователям, у которых возникают сложности с выбором цветов.
2. Переформулировал сообщения об ошибках, для большей прозрачности сути проблемы, будь то некорректные названия столбцов, некорректные значения в данных или отсутствие прав доступа к табличке по ссылке.
3. Добавил кнопку обновления данных. Если вы работаете с Google-табличкой через доступ по ссылке, то после её редактирования достаточно нажать кнопку рядом с полем ввода ссылки, чтобы данные в Tilemapper'е обновились.
Обратную связь и багрепорты можно писать тут в комментариях, а также в личке.
#tilemapper
🔥18❤7👍5
Мне упала эстафета от Нади по Итогам года. Правил не знаю, напишу то, что пришло в голову:
Челлендж: В начале года решил вписаться в DuBois Challenge 2025 от DVS, который продлился 10 недель. Затея была скорее для самого себя, не ради бенефитов: пришлось и просветиться в истории самого Дюбуа, и погрузиться в анализ его работ, чтобы воспроизвести их. Получилось кмк вполне достойно, даже там где я обнаружил ошибки самого Дюбуа и недоработки организаторов челленджа. До конца дошли единицы, но самым уморительным оказалось то, что «до конца не дошли» сами организаторы 😅, которые просто забыли (забили) на подведение итогов и пришлось задавать им странные вопросы.
Коллаборация: Удалось реализовать своё давнее желание — поучаствовать в выставочной экспозиции. Пусть и в качестве разработчика, сделал интерактивную визуализацию для выставки Красная Москва: женщина в большой городе.
Путешествие: Япония ворвалась на первое место в моём личном рейтинге стран, в которых я побывал. Это была уже вторая поездка туда и надеюсь не последняя.
Город: Киото. Я подозревал, что после некоторого разочарования от Осаки, старый город мне тоже не очень зайдёт. Но Киото оказался просто волшебным местом 🤩, особенно если держаться от толп туристов подальше.
Проект: Ещё в прошлом году начал первые попытки построить генератор визуализаций для коллег, своего рода аналог datawrapper или flourish, для которых сохраняется риск ухода из России. Работа не шла, но я пересмотрел используемый стек (а может просто в голове наконец-то сложилась архитектура этого сервиса) и работа закипела — уже тестируется бета-версия сервиса, который назвал Графикатор 😎. Внутренние проекты закрыты NDA, но возможно его закрытость вопрос времени.
Вызов: Весь год пытался побороть свой синдром самозванца, брался за проекты в которых имел мало или нулевой опыт (из-за чего постоянно был на нервах). Все проекты как-то довёл до продакшена. И... синдром самозванца никуда не делся, видимо это часть характера и ментальности. Придётся его терпеть всегда. Такая же фигня с перфекционизмом. Нет, я далёк от того, чтобы считать свою работу совершенной, совсем наоборот. Это сильно мешает переключаться, но возможно даёт и какие-то плюсы. 🤔
Пост: Неожиданно стрельнул пост-подборка космических инфографик. Разумеется вопрос всегда в том, кто из обладателей большой аудитории тебя репостнет.
Сериал: Разделение. На фоне нулевых ожиданий — два сезона на одном дыхании. Оригинальный и интересный сюжет, отличный каст, великолепная игра и постановка.
Трек: To the Moon and (Never) Back - Petite Météorite
Разочарование: Всеобщее помешательство на ИИ. Я пытался для самого себя сформулировать почему мне так не нравится этот тренд, и пришёл к выводу, что мне важно видеть за каким-то результатом человека. Для меня отсутствие человеческих усилий обесценивает результат. Я не вижу смысла тратить время и внимание на анализ генеративного продукта. Нет, я не луддист, как сам себя иногда в шутку называю. Я частично использую ИИ даже в собственной работе. Просто мне это не нравится.
Передаю эстафету, если захотите подвести итоги, Александру, Юрию. Всех с наступающий Новым годом! 🥳
Челлендж: В начале года решил вписаться в DuBois Challenge 2025 от DVS, который продлился 10 недель. Затея была скорее для самого себя, не ради бенефитов: пришлось и просветиться в истории самого Дюбуа, и погрузиться в анализ его работ, чтобы воспроизвести их. Получилось кмк вполне достойно, даже там где я обнаружил ошибки самого Дюбуа и недоработки организаторов челленджа. До конца дошли единицы, но самым уморительным оказалось то, что «до конца не дошли» сами организаторы 😅, которые просто забыли (забили) на подведение итогов и пришлось задавать им странные вопросы.
Коллаборация: Удалось реализовать своё давнее желание — поучаствовать в выставочной экспозиции. Пусть и в качестве разработчика, сделал интерактивную визуализацию для выставки Красная Москва: женщина в большой городе.
Путешествие: Япония ворвалась на первое место в моём личном рейтинге стран, в которых я побывал. Это была уже вторая поездка туда и надеюсь не последняя.
Город: Киото. Я подозревал, что после некоторого разочарования от Осаки, старый город мне тоже не очень зайдёт. Но Киото оказался просто волшебным местом 🤩, особенно если держаться от толп туристов подальше.
Проект: Ещё в прошлом году начал первые попытки построить генератор визуализаций для коллег, своего рода аналог datawrapper или flourish, для которых сохраняется риск ухода из России. Работа не шла, но я пересмотрел используемый стек (а может просто в голове наконец-то сложилась архитектура этого сервиса) и работа закипела — уже тестируется бета-версия сервиса, который назвал Графикатор 😎. Внутренние проекты закрыты NDA, но возможно его закрытость вопрос времени.
Вызов: Весь год пытался побороть свой синдром самозванца, брался за проекты в которых имел мало или нулевой опыт (из-за чего постоянно был на нервах). Все проекты как-то довёл до продакшена. И... синдром самозванца никуда не делся, видимо это часть характера и ментальности. Придётся его терпеть всегда. Такая же фигня с перфекционизмом. Нет, я далёк от того, чтобы считать свою работу совершенной, совсем наоборот. Это сильно мешает переключаться, но возможно даёт и какие-то плюсы. 🤔
Пост: Неожиданно стрельнул пост-подборка космических инфографик. Разумеется вопрос всегда в том, кто из обладателей большой аудитории тебя репостнет.
Сериал: Разделение. На фоне нулевых ожиданий — два сезона на одном дыхании. Оригинальный и интересный сюжет, отличный каст, великолепная игра и постановка.
Трек: To the Moon and (Never) Back - Petite Météorite
Разочарование: Всеобщее помешательство на ИИ. Я пытался для самого себя сформулировать почему мне так не нравится этот тренд, и пришёл к выводу, что мне важно видеть за каким-то результатом человека. Для меня отсутствие человеческих усилий обесценивает результат. Я не вижу смысла тратить время и внимание на анализ генеративного продукта. Нет, я не луддист, как сам себя иногда в шутку называю. Я частично использую ИИ даже в собственной работе. Просто мне это не нравится.
Передаю эстафету, если захотите подвести итоги, Александру, Юрию. Всех с наступающий Новым годом! 🥳
❤10🔥6👍4🎉3