Марш Наполеона в одной картинке — Дизайн на vc.ru
Я работаю в Qlever Solutions, мы занимаемся разработкой BI-решений на Qlik. Это такая штука, где на входе много данных, а на выходе — визуализация, которая помогает эти данные увидеть и понять.
12 175 просмотров
Мне показалось любопытным, что одна из очень удачных и известных сегодня визуализаций данных была создана почти 150 лет назад. Это наложенный на карту график передвижения французской армии в ходе Отечественной войны 1812 года. Визуализация создана французским инженером Шарлем Минаром в 1869 году.
Немного истории перед тем, как ответить вопрос о том, почему она интересна.
К 1812 году для Наполеона всё неплохо складывалось. Огромная часть Европы под контролем. Только никак не удавалось покорить Англию. У Наполеона был план, который состоял в том, чтобы заставить европейские страны прекратить торговать с Англией — это ослабило бы страну настолько, что он её наконец смог бы завоевать.
Русский царь Александр I понимал, что Наполеон становится очень силён, и поэтому отказался участвовать в эмбарго.
Российская армия не была такой мощной и многочисленной, но зато имела свой план. В то время как армия Наполеона наступала, отступающие российские войска сжигали всё на их пути. В результате быстро продвигающаяся французская армия столкнулась с недостатком продовольствия.
Когда в сентябре Наполеон вошёл в сожжённую Москву, он уже знал, что ему придётся отступить. Войска не могли зимовать в пустом городе. 19 октября французская армия стала покидать Москву — началось отступление.
Посмотрим на доступные данные.
У нас есть количество солдат Наполеона в разных местах, распределённое по географической долготе — от старта до Москвы и обратно. Они разбиты на три группы и направления (наступление или отступление). Данные можно представить примерно на таких графиках:
Есть график изменения температуры воздуха по Цельсию, начиная с 19 октября и до конца кампании.
Также есть наложенный на карту путь, который войска Наполеона прошли до Москвы и обратно.
И вот что получилось из этих данных у Шарля Минара.
Источник: «Википедия»
Минар объединил разные измерения и представил их на одном графике: потерю численности армии по времени и по географии, а также по температуре воздуха (которая оказалась значимым фактором). Получившийся график способен показать все детали истории в одной визуализации — не отвлекаясь на текст или лишние обозначения.
Например, график отображает точки, в которых войска Наполеона разделяются на подгруппы — мы сразу видим их численность в каждой из ветвей.
Минар добавил на карту реки, пересечение которых во время отступления сказывалось на численности тающей на глазах французской армии.
Наконец, в точке на карте, с которой кампания началась и где она закончилась, мы видим итоговые потери французской армии.
Начало и конец кампании Наполеона
Теперь пара слов о том, что любопытно.
Иногда важно не показать, а как раз не показать.
Вот пример визуализации, созданной Уильямом Плейфером в 1786 году.
Источник: «Википедия»
Этот рисунок создан примерно за 100 лет до графика Минара. Уильяма Плейфера сегодня считают основателем информационного дизайна. Точно не известно, Плейфер ли изобрёл основные способы визуализировать данные. Но впервые они встречаются именно у него — Плейфер начал их использовать для визуализации экономических зависимостей и отношений частей к целому.
Среди его находок — линейная диаграмма (line chart), граф области (area chart), столбчатая диаграмма (bar chart), круговая диаграмма (pie chart) и круговой граф пересечения множеств (circle graph).
На рисунке Плейфера есть сетка, которая отображает годы и показатели экспорта. Используется пять цветов, каждый из которых показывает что-то своё, а также добавлен пояснительный текст.
Можно сравнить это с графиком Минара, где на рисунке карты осталось только то, что является значимым — на нём нет географических границ и другой лишней информации.
Итак, когда нужно перевести показатели в наглядные графики для пользователей, обычно требуется передать как можно больше информации, не перегружая пользователя лишними деталями. График Минара — отличный пример того, как 150 лет назад данные превращались в повествование.
«Когда пришел Наполеон». Мультимедийный спецпроект ТАСС • sdelano.media
Идея и цели проекта
Журналисты ТАСС задумали этот спецпроект за пару месяцев до исторической даты — 205-летия победы в войне 1812 года. Руководитель студии инфографики ТАСС Алексей Новичков предложил реконструировать карту Минара — того самого француза, который еще в XIX веке визуализировал результаты русского похода Наполеона.
Когда мы начали работать над материалом, то внезапно осознали его драматичность: ведь линии, нарисованные Минаром, уменьшаются не просто так.
Это последствия «менеджерских» ошибок Наполеона, которые стоили его армии десятки тысяч жизней. И мы решили рассказать об этом. Так и получился наш гибридный проект: смесь интерактивной карты, скрупулезного фактчекинга и лонгрида.
«Мы показали, что Наполеон не горел желанием завоевать всю Российскую империю, а русская зима — не самая большая проблема французского войска»
Думаю, основной целью было освежить взгляд на привычную историю. Обычно всё, что мы помним о войне 1812 года — это мечты Наполеона о мировом господстве, гениальность Кутузова, и то, что «генерал мороз» молодец. Мы показали читателям, что всё не так просто: Наполеон вовсе не горел желанием завоевать всю Российскую империю, Кутузов включился в войну на одном из поздних ее этапов, а русская зима — не самая большая проблема французского войска.
Мы показали реальный маршрут основных сил Наполеона на современной карте. Вы можете увидеть, проходили ли войска, например, через ваш родной город или деревню, и посмотреть, где произошли основные сражения и ключевые события войны 1812 года.
История как наука не стоит на месте: с момента создания Минаром своей карты многое успели уточнить и скорректировать. В нашей работе мы использовали более точные данные по потерям и численности войск. К тому же работа Минара — это взгляд только с одной стороны, мы же старались учитывать точки зрения как французских, так и российских исследователей.
«В среднем за каждый час Бородинской битвы с обеих сторон погибало около 2500 человек. По итогам сражения потери Великой армии составили около 30 тысяч человек, в том числе практически вся кавалерия. Потери российской — от 40 тысяч до 50 тысяч человек, в их числе князь Багратион, получивший смертельное ранение во время боя».
И конечно же, мы постарались объяснить причины, по которым на карте Минара уменьшается толщина линий (гибнут французские солдаты).
Это далеко не всегда понятно и очевидно. Мы показали на карте основные события, повлиявшие на численность войск Наполеона, и рассказали о них в основном тексте. Думаю, благодаря этому у читателя сложится более целостное представление о происходившем в то время.
Команда
У нас уже сложившаяся команда. Часть людей работает над поиском данных и историей, часть — над визуальным воплощением и разработкой. Над этим проектом со стороны ТАСС работали два редактора (я и Сабина Вахитова), дизайном и разработкой занимались Антон Мизинов, Анастасия Зотова и Глеб Тржемецкий, переводом — Андрей Старков. Но, если честно, в нашем случае каждый соавтор проекта в той или иной степени выступал и как его редактор. Поиском и проверкой данных занимались абсолютно все.
Михаил Голенищев-Кутузов Наполеон I Бонапарт
Как правило, приглашенными специалистами являются только внешние эксперты. Под каждый проект мы ищем своего специалиста.
В данном случае им стал Александр Валькович, президент Международной военно-исторической ассоциации. Именно он помог нам выбрать из десятков тысяч книг о войне 1812 года просто десятки книг, и проверил на точность все цифры, приведенные в проекте (пожалуй, одна из самых сложных и скрупулезных составляющих работы). Он так же помог нам подобрать портреты военачальников, соответствующие описываемому времени. Так что у нас в проекте и Наполеон и Александр I выглядят именно так, как они выглядели к моменту начала боевых действий.
На старте над проектом работали редакторы Кристина и Сабина и дизайнер. Дальше по мере необходимости подключались дополнительные силы. В какой-то момент к работе с картами присоединилась Настя Зотова: вместе с редакторами она вычитывала дневники участников событий и другие источники, чтобы максимально точно восстановить маршрут основных сил Наполеона. Позже в работу включился Глеб Тржемецкий — так мы решили техническую задачу с картографическими данными.
Работа над проектом
Активная работа над проектом велась около двух месяцев.
Очень напряженных месяцев. На стадии поиска информации мы с Сабиной провели в Российской государственной библиотеке все майские праздники.
Мы часто находили интересную фактуру. Например, историю о том, как правительство Российской империи вложило крупную сумму в создание боевого аэростата (!), при помощи которого планировалось разбить армию Наполеона.
«В работе редактора самое сложное — уметь вовремя отказаться от части добытого материала»
Но основная сюжетная линия не позволяла добавить эту деталь: изложение стало бы перегруженным. Так что от многого приходилось отказываться. Наверное, в работе редактора самое сложное — это уметь вовремя отказаться от части добытого материала, даже если ты потратил на его поиск достаточно много времени.
Интерактивная карта на основе сервиса mapbox.В определенный момент мы стали проводить в читальном зале больше времени, чем в офисе. Большую часть моего рабочего времени заняла работа со статистической информацией: диспозицией, потерями с каждой стороны на всех этапах войны, точными датами каждого события.
«По свидетельствам современников, морозы не были такими уж суровыми. Согласно исследованию-Дениса Давыдова (одного из командиров российского партизанского движения), за время перехода армии Наполеона от Москвы до Березины температура не опускалась ниже отметки -17 °С».
Например, с самого начала работы над проектом мне было интересно собрать статистические данные о погодных условиях в России 1812 года. На уроках истории я часто слышала о «генерале морозе» и суровой русской зиме. Посмотреть на конкретные цифры и увидеть доказательства — это совсем другое. Нам удалось найти архивные записи нескольких обсерваторий, в которых были собраны результаты наблюдений за погодой того времени. Но когда мы попытались построить график температур, то оказалось, что полная картина по интересующему нас периоду не складывается. С большой грустью от этой визуализации пришлось отказаться.
Инструменты, трудности и вызовы
Программная разработка проекта шла с самого начала, параллельно с исследованием, которое проводили редакторы. Задача стояла не типовая — показать схему в 3D, поэтому пришлось изучить несколько возможных путей решения: leaflet, google maps, mapbox. В итоге выбрали mapbox: у этого сервиса достаточно широкие возможности по настройке и управлению картой — это и привлекло. За два месяца успели сделать практически всё, что задумали.
Типичная сложность для разработчика — оптимизация проекта для работы на разных платформах с разной производительностью и разными размерами экрана. Представьте, вы дописали код и всё у вас работает, но есть еще старые медленные компьютеры, есть всевозможные мобильные устройства и т. д. и т. п. Пришлось попотеть, чтобы всё заработало на приемлемом уровне. К сожалению, оптимизировать проект для всех возможных устройств и браузеров — практически невыполнимая задача. Приходится чем-то жертвовать, исходя из сроков и целесообразности.
Проще всего было делать карту Европы 1812 года и карту Российской империи: просто муторная и кропотливая работа с нанесением границ в QGis. Маршрут Наполеона я перерисовывала с нуля три раза: только всё доделаешь, как тут же находятся новые «правильные» данные, и нарисованное им уже не соответствует. В референсах лежало около десяти разных карт российской кампании Наполеона, где маршруты наступления вообще не совпадали. Пришлось закопаться в дневники участников войны и искать названия населенных пунктов и даты.
Коричневая динамическая линия — наступление Наполеона, серая — отступление.Помимо маршрутов армий я выискивала на старинных картах тех лет расположение древних трактов и переправ, несуществующие на данный момент деревни и места сражений. Дороги тогда шли иначе, чем сейчас, за 200 лет появилось много новых направлений, широких и прямых шоссе, и многие тракты оказались заброшены и заросли лесом.
В отдельных случаях пришлось чуть ли не с лупой изучать спутниковые снимки.
К сожалению, все эти недели ковыряния в картах в проекте практически не заметны, масштабы проделанной работы сможет понять только историк.
Еще войска Наполеона не выступали единым фронтом, часто армия под его непосредственным командованием находилась далеко от основных сил. Это побудило нас сразу откинуть часть данных (так, например, мы не следили за Правым крылом армии французов и не рассматривали события на юге Российской Империи) и сконцентрироваться на перемещениях самого императора и левого крыла его войска.
Элементы верстки позволяют сделать «скорость» текста и движения войск по карте соразмерным.Иногда сталкивались с тем, что текстовый контент был несоразмерен скорости движения войск Наполеона: линии могли перемещаться по карте очень медленно, в то время как глава лонгрида была относительно короткой и не успевала занять всё «эфирное время». Но вроде бы мы успешно справились с этой проблемой. Где-то добавив деталей в повествование, где-то — ускорив движение линии.
Ожидание реакции VS реальность
Если честно, ожидать от аудитории какой-то определенной реакции было сложно.
Наш предыдущий исторический проект о Ледовом побоище вызвал оживленную дискуссию: было много отзывов, как хороших, так и не очень.
Было ясно только одно: читателям интересны исследования на исторические темы. «Наполеон» в этом плане не оказался исключением. Многие назвали проект интересным и взвешенным. А значит, мы не отклонились от поставленных целей.
«„Наполеон“ показал, что лонгрид не умер. Как формат он подходит не для каждой темы, но как жанр вполне жив»
Еще мы поняли, что лонгрид не умер. Как формат он определенно не подходит для каждой темы. Но как жанр он вполне жив. «Наполеон» это доказал.
Я думаю, мы не только достигли цели, но даже шагнули чуть дальше. Мы не ожидали, что проект заинтересует западную аудиторию. Причем до такой степени, что мы получили золото Information is beautiful.
После церемонии награждения иностранные коллеги часто говорили нам, что было интересно узнать российский взгляд на войну 1812 года. Хотя изначально в проекте мы как раз старались отойти от привычного отечественного «школьно-учебного» взгляда на эту войну, показав историю глазами войска Наполеона.
Но получилось хорошо, в любом случае.
Выводы, планы на будущее
Думаю, знай все трудности заранее, мы бы заложили на подготовку чуть больше времени. Планы — совмещать и властвовать. Будем активно пробовать новые форматы. Ну и мы планируем продолжать активно работать с космосом. Пожалуй, для нас это вторая по популярности тема — после исторических проектов. В этом году будет несколько крупных юбилеев, связанных с космическими исследованиями. Постараемся подготовить что-нибудь интересное.
Совет от авторов
При подготовке проекта обязательно закладывайте время на рисерч (как показала практика, это одна из самых трудоёмких частей). Изначально при составлении ТЗ большую часть времени мы отвели на литературную обработку текста, визуализацию, разработку и составление маршрута. Казалось, что с поиском и проверкой данных не возникнет особых проблем. Мы думали, что 1812 год — довольно попсовая тема и фактуры по ней много. Мы ошибались. Думаю, если бы мы изначально заложили хотя бы пару недель просто на работу с информацией, это позволило бы нам работать в более щадящем режиме.
Инфографика вторжения Наполеона в Россию Шарля Минара – SOCKS
(Щелкните изображение, чтобы увеличить)2-1813», представляет собой графическое изображение потерь французской армии во время разрушительного вторжения Наполеона в Россию в 1812-1813 годах (ср. «Война и мир» Л. Толстого), нарисованное в 1869 году Шарлем Жозефом Минаром, бывшим французским инженером-строителем.
Начав марш возле Ковно с 422 000 человек (число графически обозначено на карте потока большой линией, каждый миллиметр которой соответствует 6000 человек), французская армия постепенно теряла солдат, продвигаясь через Беларусь к Москве. Стратегия обороны русских заключалась в том, чтобы отступить и сжечь деревни, города и посевы, не давая французам жить за счет своей земли, позволяя им умереть от голода или недоедания или убивая их ночью, когда они отчаянно покидали свой лагерь в поисках пищи. . Через три месяца русская армия была наконец захвачена французами в небольшом городке Бородино, в семидесяти милях к западу от Москвы.
Наполеон победил с большими потерями (около 27 000 человек), оставив в своей армии всего 100 000 человек. Несмотря на то, что неделю спустя Наполеон смог войти в Москву, Наполеон обнаружил пустой и сожженный город без какой-либо делегации, которая могла бы встретиться с ним и вести переговоры о мире. Его войска измучены, с небольшим пайком и оставшимися лошадьми в плохом состоянии, Наполеон был вынужден отступить.
Черный поток карты описывает отступление и соответствующее падение температуры во время русской зимы: по мере того, как французская армия возвращалась тем же путем, которым она пришла, количество солдат продолжало падать из-за переохлаждения, линия становилась все тоньше и тоньше. Из 50 000 солдат у реки Березина только 28 000 смогли переправиться. Вернувшись в Кауно, уходящий город, из первоначальных 422 000 человек осталось только 10 000 человек.
Эта карта, которую многие (в частности, Эдвард Тафте) считают лучшей из когда-либо созданных инфографических диаграмм, способна отображать пять переменных без ущерба для удобочитаемости в целом:
Численность армии – обеспечивает сильное визуальное представление человеческих страданий, т.
е. внезапное уменьшение численности армии при переправе через реку Березину при отступлении;
Географические координаты, широта и долгота армии при ее перемещении;
Направление, в котором двигалась армия, как в наступлении, так и в отступлении, показывающее, где части отделялись и воссоединялись;
Расположение армии относительно определенных дат; и
Температура погоды на пути отступления, в другой сильной визуализации событий (во время отступления «наступила одна из худших зим за последнее время»).
(Информация из Википедии)
е. внезапное уменьшение численности армии при переправе через реку Березину при отступлении; Die Schlacht bei Borodino (Бородинская битва), Петер фон Гесс (1843 г.)
Французы в Москве, 1812 г. (Наполеон) (неизвестный немец) Илларион Прянишников (1840–1894) )
Отступление Наполеона из Москвы, Адольф Нортен (1828–1876)
Связанные:
Пересмотры Минара
Французское вторжение в Россию | Исторический атлас Европы (24 июня 1812 г.
)ПОСЛЕДНИЙ: Атаульф и Йовинус Восстание Джовинуса Африканская кампания Аттала • Восстание группы Вагнера
Атлас изменений АрктикаМексика и Центральная АмерикаСеверная АмерикаЮжная АмерикаСеверная АфрикаАфрика к югу от СахарыВосточное СредиземноморьеЕвропаСеверная ЕвразияСеверо-Западная ЕвропаЗападное СредиземноморьеАзиатско-Тихоокеанский регионВосточная АзияЮжная АзияАвстралияАзияИгра престолов
Дата изменения
конец 6AD сен 9AD 16AD 18AD 26AD 36AD23 янв 41AD авг 43AD 47AD сумма 49AD начало 54AD сумма 59AD60/61AD осень 62AD окт 66AD7 июнь 68AD14 янв 69AD14 апрель 69AD15 июл 69AD24 окт 69AD16 дек 69AD14 7 апр 0AD15 апр 74AD24 окт 79AD сумма 84AD сумма 88AD18 сен 96AD сумма 1028 авг 106 сум 107 осень 113 осень 11414 окт 115 сен 11610 авг 117 сум 122 поздн 132 спр 142 осень 161 спр 166 авг 1703 май 17516 март 18030 дек 19219 апр 19331 март 19419 фев 19728 янв 198 дек 202 сум 210 сен 213 сум 2168 июнь 21828 апр 2246 апр 227 осень 232 осень 2352 апр 2389май 238 сум 24211 фев 244 сен 249 июн 251 авг 253 спр 254 сум 257 поздний 258 середина 26011 сен 260 спр 261 янв 262 ранний 263 осень 267 спр 268268/ 269 апр 27 0 окт 270 спр 271 сум 271 спр 272 сум 272 июль 273 сум 274 сент 275 нач 276 авг 276 сумма 278 поздн 280 июл 283 дек 284 июл 285 нач 2871 март 293 сен 296 спр 297 поздн 298в.
3021 май 30528 окт 306 осень 30711 ноя 308 июль 31010 июн 31128 окт 31230 апрель 3138 окт 3161 март 317 май 32318 сен 32411 май 330 поздний 332 сумма 3369сен 337 апр 340 сум 34618 янв 3503 июн 35028 сен 3513 июль 35311 авг 35524 июн 356 сум 357 фев 3603 ноя 36129 май 36311 июль 363 дек 3641 ноябрь 365 июн 3662 4 авг 367 сум 36827 авг 369 спр 371 ран 373 сум 374 сум 376 ран 377 спр 3789 авг 37819 янв 3793 окт 38225 авг 383 ран 387 июл 388 апр 39022 авг 3925 сен 39417 янв 395 осень 395 ран 396 поздн 397 апрель 400 ран 402 середина 405 сум 40631 Дек 406 спр 407 спр 408 Дек 408 спр 40912 Окт 409 ранний 41024 авг 410 спр 41118 сен 411 середина 41226 апр 180921 мая 18095 июля 180920 августа 180914 октября 18095 фев. 18123 март 181320 апрель 18134 июнь 181321 июнь 181326 авг 181316 окт 181317 ноябрь 181311 дек 181314 янв 181410 фев 18149 март 181411 апрель 181430 май 18141 ноябрь 181413 март 18158 апрель 18153 май 181518 июнь 18156 июль 181526 сен 181527 сен 181828 сен 182022 апр 182131 1 авг 82323 окт.
182414 сент. 182620 окт. 182730 окт. 182813 сент. 182914 июн. 183023 сент. 183026 фев. 18326 май 183327 июль 183317 июн 183420 июн 183715 июль 184027 ноябрь 184010 сен 18443 ноябрь 184724 фев 184821 март 184811 апрель 18483 май 184823 июн 184824 июль 184826 1 авг 84829Окт 184819 Дек 184823 Март 184914 Апр 18499 Май 184926 Май 18493 Июль 184928 Авг 184929 Апр 185029 Ноябрь 18502 Дек 185228 Март 18545 Ноябрь 185430 Март 18561 Апр 18575 1 Фев 8594 июнь 185925 авг 18598 дек 185929 май 186022 окт 186017 март 186124 дек 186330 окт 186414 июнь 186624 июнь 186622 июль 186621 дек. 18671 сен. 187020 сен. 187028 янв. 187110 май 18712 янв. 187817 март 187820 окт. 1 июля 1911 г. 17 мая 1912 г. 23 апреля 1913 г. 31 июля 1913 г. 25 сентября 1913 г. 28 июня 1914 г. 19 августа145 сент. 191426 дек. 191426 апр. 19154 ноябрь 191521 фев. 191620 сен. ноя 191811 ноябрь 19184 дек 191810 янв 19199 апр 191928 июнь 191910 сен 191927 ноя 19196 апр 19204 июнь 192010 авг. 192012 ноябрь 192020 март 192123 авг. 192128 июнь 192228 окт.
192228 ноябрь 19231 дек. 192530 янв. 3916 сен 193911 март 194021 апр 194025 май 194021 июнь 19407 сен 19403 19 ноя4026 фев 194116 апр 194121 июнь 194131 авг 19414 дек 194120 янв 194227 июнь 194216 сен 19428 ноя 194222 ноя 194229 дек 194222 фев 194319 март 194312 июль 194330 1 сент 94329 янв 194420 июнь 194430 авг 194417 окт 194424 дек 194424 март 19452 май 194514 май 194513 июль 194519 апр 194610 фев 19471 авг 19487 окт 194921 сен 19557 ноябрь 195622 фев 195826 июнь 196326 май 197215 июнь 197725 апрель 198210 ноябрь 19893 окт 199028 фев 199127 июнь 199119 авг 19916 сент. 19919 дек. 199125 дек. 199122 июнь 19921 ноябрь 199312 июнь 199913 апр.март 201118 март 201423 май 201417 июл 20147 окт 201527 окт 201731 янв 202022 март 202216 янв 202324 июнь 2023
Изменить главу (-27 — 68) Династия Юлиев-Клавдиев (68 — 96) Династия Флавиев (96 — 192) Династия Нерва-Антонинов (192 — 235) Династия Северан (235 — 268) Кризис третьего века: потрясения (268 — 284) Кризис третьего века: Реставрация (284 — 311) Диоклетиан и тетрархия (311 — 363) Династия Константинов (363 — 383) Династия Валентиниана (383 — 408) Династия Феодосия: Разделенная империя (408 — 425) Династия Феодосия: Осажденный Запад (425 — 1803) КАРТЫ ДЛЯ ЭТОГО ПЕРИОДА ПОКА НЕТ (1803 — 1814) Наполеоновские войны (1814 — 1815) Вена и Ватерлоо (1815 — 1848) Конгресс Европы (1848 — 1850) Весна народов (1850 — 1859 гг.
