https://mikeozornin.ru/blog/tags/vybory/ Главная · Блог · Работы · Михаил Озорнин ru E2 (v3798; Aegea) Михаил Озорнин Главная · Блог · Работы · 148 https://mikeozornin.ru/blog/all/election-chart-redesign/ Tue, 07 Jul 2020 02:56:56 +0300 Михаил Озорнин https://mikeozornin.ru/blog/all/election-chart-redesign/ <p class="lead">Переделываю график по голосованию</p> <p>Максим Кац выложил выложил вчера сводный график по голосованиям:<br /> <a href="https://twitter.com/max_katz/status/1280143683434811395">twitter.com/max_katz/status/1280143683434811395</a><br /> У меня сразу сработала профдеформация и желание его переделать.</p> <h2>Теория</h2> <p><aside class="aside-margin-right">Плиточные карты — частный случай приема Small multiples Эдварда Тафти</aside></p> <p>Есть такой тип визуализации «Регулярные карты», они сохраняют узнаваемость карты и дают при этом возможность визуализировать данные в удобном формате.</p> <p>Примеры:</p> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/election-chart-redesign-1@2x.png" width="900" height="611" alt="" /> <div class="e2-text-caption">Иммиграция в США, <a href="http://pmcruz.com/dendrochronology/">pmcruz.com/dendrochronology/</a>, фантастически красивая, посмотрите</div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/election-chart-redesign-2@2x.png" width="1009" height="668" alt="" /> <div class="e2-text-caption">Наступление весны в США, <a href="https://www.washingtonpost.com/graphics/2018/national/early-spring/">washingtonpost.com/graphics/2018/national/early-spring/</a></div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/election-chart-redesign-3@2x.png" width="880" height="702" alt="" /> <div class="e2-text-caption">Ожирение в разных штатах, <a href="http://flowingdata.com/2016/09/26/the-spread-of-obesity">flowingdata.com/2016/09/26/the-spread-of-obesity</a></div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/election-chart-redesign-4@2x.png" width="1012" height="670" alt="" /> <div class="e2-text-caption">Доминирующие партии в разных штатах, <a href="http://graphics.wsj.com/elections/2016/field-guide-red-blue-america/">graphics.wsj.com/elections/2016/field-guide-red-blue-america/</a></div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/election-chart-redesign-5@2x.png" width="400" height="349" alt="" /> <div class="e2-text-caption">Районы Лондона, <a href="https://www.informationisbeautifulawards.com/showcase/842-london-squared-map-making-the-city-easier-to-read">informationisbeautifulawards.com/showcase/842-london-squared-map-making-the-city-easier-to-read</a>, оригинальная ссылка сломалась, держите эту</div> </div> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/election-chart-redesign-6@2x.png" width="1010" height="743" alt="" /> <div class="e2-text-caption">Результаты выборов в США, нашел <a href="https://kirillbelyaev.com/ru/blog/all/squared-maps/">у Кирилла Беляева</a></div> </div> <p>Картинку Максима Каца нужно переделать в карту, так станет понятно, где больше фальсификаций, а где меньше, да и просто будет проще найти свой регион.</p> <h2>Редизайн</h2> <p><aside class="aside-margin-right">Посмотрите сайт Kompany, много клевых визуализаций: <a href="https://kompany.site">kompany.site</a></aside></p> <p>Самый сложный момент — составить узнаваемую регулярную карту, для США такого полно, для России я не встречал. Оказалось уже были попытки сделать, я воспользовался готовой картой Ивана Дианова (<a href="https://medium.com/kompany/the-step-by-step-story-of-making-a-tile-grid-map-of-russia-92190d14e41e">medium.com/kompany/the-step-by-step-story-of-making-a-tile-grid-map-of-russia-92190d14e41e</a>)</p> <p><aside class="aside-margin-right">У Kompany есть даже рабочий сайт: <a href="https://spending.gov.ru/analytics/ratings/rating-protectionism/">spending.gov.ru/analytics/ratings/rating-protectionism/</a></aside></p> <p>Посмотрите процесс в посте, там был много попыток нарисовать хорошую регулярную карту.</p> <p>Upd. Женя Софронов принес ссылку на конкурс регулярных карт для России, на котором как раз победила карта Ивана Дианова. Посмотрите, там много интересного: <a href="https://telegra.ph/Uchastniki-i-ih-raboty-12-03">telegra.ph/Uchastniki-i-ih-raboty-12-03</a>.</p> <p>Итог:</p> <div class="e2-text-picture"> <img src="https://mikeozornin.ru/blog/pictures/russia-election-map@2x.png" width="1390" height="788" alt="" /> <div class="e2-text-caption">Собрал в фигме, чтобы вы могли себе скопировать: <a href="https://www.figma.com/file/eflJ42NaaPY8kcyc7ZetKJ/russia-regular-vote-map">figma.com/file/eflJ42NaaPY8kcyc7ZetKJ/russia-regular-vote-map</a></div> </div> <p>Теперь легче и интереснее рассматривать и проще сделать какие выводы. Сделать выводы предлагаю самостоятельно.</p>