Вот картинка с интересными данными и очень странной визуализацией. Начнем с того, что круговые диаграммы с числом категорий больше 5 и с очень близкими по значению категориями вообще не надо делать. Ну, допустим, сделали. Но левая круговая начинается с Театра и Другого, по часовой, что вообще выглядит странно (нужно начинать с самого большого значения, как сделано справа).
Но самое убийственное, что цвета все от балды, то есть цвета слева не бьются с цветами справа. Слева светлозеленый - игры, а справа - общественные проекты. Слева музыка синяя, а справа - темнозеленая. Думаю не стоит говорить о том, что делать так не стоит. Цвет - мощный инструмент для кодирования данных. Здесь он использован категорически неверно.
Что можно было сделать? Элементарное — таблицу, например) Ну, или слева и справа по столбиковой диаграмме, горизонтальной, от большего к меньшему. И допустим дать то же самое кодирование по цвету, для соответствующих значений.
Но это самое первое, что в голову приходит. А так можно еще подумать )
Но самое убийственное, что цвета все от балды, то есть цвета слева не бьются с цветами справа. Слева светлозеленый - игры, а справа - общественные проекты. Слева музыка синяя, а справа - темнозеленая. Думаю не стоит говорить о том, что делать так не стоит. Цвет - мощный инструмент для кодирования данных. Здесь он использован категорически неверно.
Что можно было сделать? Элементарное — таблицу, например) Ну, или слева и справа по столбиковой диаграмме, горизонтальной, от большего к меньшему. И допустим дать то же самое кодирование по цвету, для соответствующих значений.
Но это самое первое, что в голову приходит. А так можно еще подумать )
Хочу высказаться по недавнему проекту Студии инфографики ТАСС "Когда пришёл Наполеон": 1812.tass.ru.
Прежде всего радует "замах" авторов — взять известную картосхему Шарля Минара и создать её современную версию, используя технические возможности XXI века ) Амбициозная и сложная задача. На мой взгляд получилось не до конца.
Но сначала о хорошем. В явные плюсы хочу занести дизайн, выверенную типографику, отличные иллюстрации Леонида Мизинова и конечно редакторскую работу. Большой объем изученных материалов аккуратно разложен по главам, удобно перебит цитатами и графиками. Читать текст интересно, даже в отрыве от какой-либо графики. Инфографика внутри текста проста, наглядна и аккуратна и отлично дополняет рассказ.
А вот с чем на мой взгляд проблемы, так как это с основной интерактивной визуализацией. Если в случае с картосхемой Минара мы разглядываем общее полотно всего русского похода Наполеона и можем достаточно наглядно изучать где его армия редела, чему нам в том числе помогают подписи о числе войск, то в случае с последовательно выдаваемой полоской, мы собственно и не видим, как армия редеет. В каждый момент времени на экране примерно одной высоты серия столбиков.
Еще одна большая претензия к этой визуализации состоит в том, что у Минара это именно схема — реальная картография достаточно условна. И это кстати делает правомерным использование на плоскости ширины линии — как некой допустимой метафоры движения войск и их "объема". То есть условность движения и направления войск как бы смазывается этой толщиной. В случае проекта ТАСС высота линии становится уже совершенно абстрактным параметром, но при этом на вполне реальной карте. Движение же войск перестает "сглаживаться" шириной и от него остается только направление, но опять же положенное на реальную карту, что создает определенную нестыковку. Видимо вертикальный вариант понравился своим "вау-эффектом" ) Но кажется горизонтальный санкей на старой карте с возможностью переключения слоев (старая/новая) был бы более понятным вариантом.
Использование современной карты тоже кажется немного сомнительным приемом. Не хватает топонимии того времени, о которой идет речь в тексте: основных дорог, естественных природных преград, ключевых городов. (Не могу, однако, не отметить великолепное решение с зумом на Москву и показом сгоревших зданий).
На карте периодически отмечаются ключевые события по пере пролистывания текста, однако на общей схеме их нет, и пробежаться по всей карте, к сожалению, нельзя. Также просится показ количества войск при наведении, но его также нет. Что явно не соответствует исходной задаче "проверить точность данных Минара". Было бы здорово увидеть как накладываются два санкея — обновленный и минаровский, и увидеть где они отличаются. Еще в качестве предложений: режим "свернуть текст", чтобы исключительно играться со схемой на весь экран, но тогда ожидается тот самый функционал, о котором я говорил выше. Туда же хочется добавить даты и погодные данные, особенно для отступления. Иногда в тексте написано "темпы наступления снизились", но понять это по схеме невозможно.
Как ни странно, было бы ИМХО интересно не копировать минаровский подход, а создать немного свой жанр, то есть добавить и перемещения русских войск, тем более о них активно идет речь в тексте.
В начале было 5 армий у Наполеона, как они все (или не все?) оказались на Немане? Еще есть много вопросов по содержанию, никак не освещенных в тексте. Что случилось под Полоцком, почему там одно из направлений движения армии Наполеона остановилось?
Несмотря на все перечисленное и огрехи по юзабилити, это, наверное, один из лучших интерактивных проектов в истории российской инфографики. Сочетание продуманного сторителлинга, основанного на числовых данных, интерактивной картографии, хорошей работы с текстами, дизайном и иллюстрациями, использование современных веб-технологий заслуга и удача авторов. Респект!
Но сначала о хорошем. В явные плюсы хочу занести дизайн, выверенную типографику, отличные иллюстрации Леонида Мизинова и конечно редакторскую работу. Большой объем изученных материалов аккуратно разложен по главам, удобно перебит цитатами и графиками. Читать текст интересно, даже в отрыве от какой-либо графики. Инфографика внутри текста проста, наглядна и аккуратна и отлично дополняет рассказ.
А вот с чем на мой взгляд проблемы, так как это с основной интерактивной визуализацией. Если в случае с картосхемой Минара мы разглядываем общее полотно всего русского похода Наполеона и можем достаточно наглядно изучать где его армия редела, чему нам в том числе помогают подписи о числе войск, то в случае с последовательно выдаваемой полоской, мы собственно и не видим, как армия редеет. В каждый момент времени на экране примерно одной высоты серия столбиков.
Еще одна большая претензия к этой визуализации состоит в том, что у Минара это именно схема — реальная картография достаточно условна. И это кстати делает правомерным использование на плоскости ширины линии — как некой допустимой метафоры движения войск и их "объема". То есть условность движения и направления войск как бы смазывается этой толщиной. В случае проекта ТАСС высота линии становится уже совершенно абстрактным параметром, но при этом на вполне реальной карте. Движение же войск перестает "сглаживаться" шириной и от него остается только направление, но опять же положенное на реальную карту, что создает определенную нестыковку. Видимо вертикальный вариант понравился своим "вау-эффектом" ) Но кажется горизонтальный санкей на старой карте с возможностью переключения слоев (старая/новая) был бы более понятным вариантом.
Использование современной карты тоже кажется немного сомнительным приемом. Не хватает топонимии того времени, о которой идет речь в тексте: основных дорог, естественных природных преград, ключевых городов. (Не могу, однако, не отметить великолепное решение с зумом на Москву и показом сгоревших зданий).
На карте периодически отмечаются ключевые события по пере пролистывания текста, однако на общей схеме их нет, и пробежаться по всей карте, к сожалению, нельзя. Также просится показ количества войск при наведении, но его также нет. Что явно не соответствует исходной задаче "проверить точность данных Минара". Было бы здорово увидеть как накладываются два санкея — обновленный и минаровский, и увидеть где они отличаются. Еще в качестве предложений: режим "свернуть текст", чтобы исключительно играться со схемой на весь экран, но тогда ожидается тот самый функционал, о котором я говорил выше. Туда же хочется добавить даты и погодные данные, особенно для отступления. Иногда в тексте написано "темпы наступления снизились", но понять это по схеме невозможно.
Как ни странно, было бы ИМХО интересно не копировать минаровский подход, а создать немного свой жанр, то есть добавить и перемещения русских войск, тем более о них активно идет речь в тексте.
В начале было 5 армий у Наполеона, как они все (или не все?) оказались на Немане? Еще есть много вопросов по содержанию, никак не освещенных в тексте. Что случилось под Полоцком, почему там одно из направлений движения армии Наполеона остановилось?
Несмотря на все перечисленное и огрехи по юзабилити, это, наверное, один из лучших интерактивных проектов в истории российской инфографики. Сочетание продуманного сторителлинга, основанного на числовых данных, интерактивной картографии, хорошей работы с текстами, дизайном и иллюстрациями, использование современных веб-технологий заслуга и удача авторов. Респект!
Вот ещё. Текст и интерактив существуют немножко сами по себе. Было бы круто, если бы в тексте были перекрестные ссылки, которые бы что-то подсвечивали на интерактивной визуализации. А так график потихоньку строится, и это и отвлекает от текста, и немного подгоняет. Лучше, имхо, было бы синхронизировать скролл там и там, чтобы не было разных скоростей.
Forwarded from Anton Mizinov
Немного ответов:
«Если в случае с картосхемой Минара мы разглядываем общее полотно всего русского похода Наполеона и можем достаточно наглядно изучать где его армия редела, чему нам в том числе помогают подписи о числе войск, то в случае с последовательно выдаваемой полоской, мы собственно и не видим, как армия редеет. В каждый момент времени на экране примерно одной высоты серия столбиков.»
Не совсем так. Практически во всех точках, где происходят битвы (отмечена на карте скрещеными мечами) видно, что высота стоба падает. Особенно наглядно это видно начиная с Бородинской битвы. У Минарда есть участок между Вильно и Витебском, где ширина линии уменьшается без каких-либо объяснений. У нас ситуация похожая, но уменьшение высоты мы сделали не фрагментами а плавно, на протяжении всего этого участка. И в тексте есть описание ситуации, в которую французы попали и становится понятно, что это за потери.
«...у Минара это именно схема — реальная картография достаточно условна. И это кстати делает правомерным использование на плоскости ширины линии — как некой допустимой метафоры движения войск и их "объема". То есть условность движения и направления войск как бы смазывается этой толщиной. В случае проекта ТАСС высота линии становится уже совершенно абстрактным параметром, но при этом на вполне реальной карте. Движение же войск перестает "сглаживаться" шириной и от него остается только направление, но опять же положенное на реальную карту, что создает определенную нестыковку... Использование современной карты тоже кажется немного сомнительным приемом. »
Если честно, я не понял в чем претензия. Всевозможных revival минардовской карты так много, что делать очередную копию я смысла не вижу. Мы специально пошли дальше, исследовали где конкретно шли основные силы Наполеона, где конкретно происходили события. Именно поэтому и наложили все на современную карту, чтобы люди могли узнать реальные и знакомые места событий. Это является элементом вовлечения в историю читателя.
«Не хватает топонимии того времени, о которой идет речь в тексте: основных дорог, естественных природных преград, ключевых городов.»
Мы добавим упоминания современных названий в тексте, это даже планировалось, но из-за спешки не сделали.
«На карте периодически отмечаются ключевые события по пере пролистывания текста, однако на общей схеме их нет, и пробежаться по всей карте, к сожалению, нельзя.»
Событий на общей схеме нет. Не могу обещать, что они появятся, но подумаю.
«Также просится показ количества войск при наведении, но его также нет. Что явно не соответствует исходной задаче "проверить точность данных Минара". Было бы здорово увидеть как накладываются два санкея — обновленный и минаровский, и увидеть где они отличаются.»
Наложить невозможно, потому что Минар во многом наврал, эти санкеи просто не сойдутся и сравнить цифры будет сложно. Если же пытаться делать так, чтобы их сравнить, значит притягивать за уши данные и географию. Мы не пытались повторить Минарда, эту задачу уже сделали десятки других дизайнеров.
«Еще в качестве предложений: режим "свернуть текст", чтобы исключительно играться со схемой на весь экран, но тогда ожидается тот самый функционал, о котором я говорил выше. Туда же хочется добавить даты и погодные данные, особенно для отступления.»
Ну это уже хотелки, которые могут нарастать до бесконечности. У нас были ограничения, как по времени, так и по ресурсам.
«Как ни странно, было бы ИМХО интересно не копировать минаровский подход, а создать немного свой жанр, то есть добавить и перемещения русских войск, тем более о них активно идет речь в тексте.»
На мой взгляд мы это и сделали — «немного свой жанр». Перемещение русских войск было в списке идей, ровно до того момента, пока не стало ясно, что достоверных данных мы найти не успеем (если это вообще возможно).
«В начале было 5 армий у Наполеона, как они все (или не все?) оказались на Немане? Еще есть много вопросов по содержанию, никак не освещенных в тексте. Что случилось под Полоцком, почему там одно из направлений движения армии Наполеона остановилось?
...
«Если в случае с картосхемой Минара мы разглядываем общее полотно всего русского похода Наполеона и можем достаточно наглядно изучать где его армия редела, чему нам в том числе помогают подписи о числе войск, то в случае с последовательно выдаваемой полоской, мы собственно и не видим, как армия редеет. В каждый момент времени на экране примерно одной высоты серия столбиков.»
Не совсем так. Практически во всех точках, где происходят битвы (отмечена на карте скрещеными мечами) видно, что высота стоба падает. Особенно наглядно это видно начиная с Бородинской битвы. У Минарда есть участок между Вильно и Витебском, где ширина линии уменьшается без каких-либо объяснений. У нас ситуация похожая, но уменьшение высоты мы сделали не фрагментами а плавно, на протяжении всего этого участка. И в тексте есть описание ситуации, в которую французы попали и становится понятно, что это за потери.
«...у Минара это именно схема — реальная картография достаточно условна. И это кстати делает правомерным использование на плоскости ширины линии — как некой допустимой метафоры движения войск и их "объема". То есть условность движения и направления войск как бы смазывается этой толщиной. В случае проекта ТАСС высота линии становится уже совершенно абстрактным параметром, но при этом на вполне реальной карте. Движение же войск перестает "сглаживаться" шириной и от него остается только направление, но опять же положенное на реальную карту, что создает определенную нестыковку... Использование современной карты тоже кажется немного сомнительным приемом. »
Если честно, я не понял в чем претензия. Всевозможных revival минардовской карты так много, что делать очередную копию я смысла не вижу. Мы специально пошли дальше, исследовали где конкретно шли основные силы Наполеона, где конкретно происходили события. Именно поэтому и наложили все на современную карту, чтобы люди могли узнать реальные и знакомые места событий. Это является элементом вовлечения в историю читателя.
«Не хватает топонимии того времени, о которой идет речь в тексте: основных дорог, естественных природных преград, ключевых городов.»
Мы добавим упоминания современных названий в тексте, это даже планировалось, но из-за спешки не сделали.
«На карте периодически отмечаются ключевые события по пере пролистывания текста, однако на общей схеме их нет, и пробежаться по всей карте, к сожалению, нельзя.»
Событий на общей схеме нет. Не могу обещать, что они появятся, но подумаю.
«Также просится показ количества войск при наведении, но его также нет. Что явно не соответствует исходной задаче "проверить точность данных Минара". Было бы здорово увидеть как накладываются два санкея — обновленный и минаровский, и увидеть где они отличаются.»
Наложить невозможно, потому что Минар во многом наврал, эти санкеи просто не сойдутся и сравнить цифры будет сложно. Если же пытаться делать так, чтобы их сравнить, значит притягивать за уши данные и географию. Мы не пытались повторить Минарда, эту задачу уже сделали десятки других дизайнеров.
«Еще в качестве предложений: режим "свернуть текст", чтобы исключительно играться со схемой на весь экран, но тогда ожидается тот самый функционал, о котором я говорил выше. Туда же хочется добавить даты и погодные данные, особенно для отступления.»
Ну это уже хотелки, которые могут нарастать до бесконечности. У нас были ограничения, как по времени, так и по ресурсам.
«Как ни странно, было бы ИМХО интересно не копировать минаровский подход, а создать немного свой жанр, то есть добавить и перемещения русских войск, тем более о них активно идет речь в тексте.»
На мой взгляд мы это и сделали — «немного свой жанр». Перемещение русских войск было в списке идей, ровно до того момента, пока не стало ясно, что достоверных данных мы найти не успеем (если это вообще возможно).
«В начале было 5 армий у Наполеона, как они все (или не все?) оказались на Немане? Еще есть много вопросов по содержанию, никак не освещенных в тексте. Что случилось под Полоцком, почему там одно из направлений движения армии Наполеона остановилось?
...
Остроумный способ парсинга данных со статичного сканированного графика: http://infographer.ru/data-from-picture-to-interactive/
Infographer
Извлечение данных из картинки с помощью Illustrator и Excel
В данном примере используется Excel 2013 и Illustrator СС, но метод применим и для других версий и программ. Сложность низкая, требуются базовые навыки работы в Illustrator и Excel. Работая над отч…
👍1
Прекрасный пример наглядной визуализции данных, рассказывающей историю. Причем без каких-либо пояснений или аннотаций. Просто за счет совершенно строгих и формальных подписей.
Как это получается? Использованием small multiples — серии графиков. Представьте, мы бы совместили эти линейные графики в одной системе координат, получилась бы каша, и историю изучать было бы гораздо труднее. А здесь даже есть сюжет и своеобразная драматургия, обратите внимание как эмоционально воспринимается график в нижнем правом углу, после того, как мы изучили все остальные.
Единственное, наверное, что хочется здесь улучшить, это приблизить подписи оси лет ближе к самой оси, и собственно подписать, что это годы жизни. Ну и наверное c Parents хочется начать.
Как это получается? Использованием small multiples — серии графиков. Представьте, мы бы совместили эти линейные графики в одной системе координат, получилась бы каша, и историю изучать было бы гораздо труднее. А здесь даже есть сюжет и своеобразная драматургия, обратите внимание как эмоционально воспринимается график в нижнем правом углу, после того, как мы изучили все остальные.
Единственное, наверное, что хочется здесь улучшить, это приблизить подписи оси лет ближе к самой оси, и собственно подписать, что это годы жизни. Ну и наверное c Parents хочется начать.
Артем Шевченко прислал ссылку на офигенную программу, с помощью которой собирать данные со сканированных графиков можно в разы проще и быстрее: http://arohatgi.info/WebPlotDigitizer
Я ее только что потестил и подверждаю. Там выбираешь ось (или оси), задаешь значения, потом быстро прокликиваешь нарисованное, и сразу можно выгружать в csv. Вещь!
Я ее только что потестил и подверждаю. Там выбираешь ось (или оси), задаешь значения, потом быстро прокликиваешь нарисованное, и сразу можно выгружать в csv. Вещь!
Сделал интерактивный инструмент для изучения национального состава субъектов РФ
Поиграться самим можно тут: http://visualthink.ru/2017/08/06/ethnic_groups_russia/
По просьбам трудящихся допилил интерактив про национальности РФ. Теперь можно смотреть и разбивку по регионам с точки зрения национальностей!
Как обычно прилагаю несколько скриншотов.
Полностью смотреть там же (добавилась маленькая вкладочка сверху): http://visualthink.ru/2017/08/06/ethnic_groups_russia/
Как обычно прилагаю несколько скриншотов.
Полностью смотреть там же (добавилась маленькая вкладочка сверху): http://visualthink.ru/2017/08/06/ethnic_groups_russia/