• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Инструменты, Примеры визуализации

Как создать карту авиалиний и не запутаться. Часть 1 — Карта

0
Comments
0
GooglePlus
0
Facebook
0
Twitter
Linkedin
0
ВКонтакте
0
Pocket

Картограф Даниэль Хаффман (Daniel Huffman) сделал схему авиалиний и рассказал о процессе в своем блоге. Несмотря на деформации на карте легко распознать все континенты, несмотря на большое количество перелетов — легко проследить маршруты. Делимся с вами переводом статьи, о том как Даниэль принимал визуальные решения. Эта карта не финальный вариант, принятый клиентом, но фаворит автора.   

Карта перелетов, автор — Daniel Huffman

Карта

Первый вариант расположения карты

Даниэль начал с поиска подходящего расположения карты мира для разворота журнала и хотел использовать стандартную стереографическую проекцию Галла (именно по ней мы все знаем карту мира) и сразу столкнулся с двумя проблемами.

  1. Промежуток между страницами (gutter). В месте, где соединяются страницы разворота, не должно  быть важной информации. На карте сверху эта проблема решена небольшой деформацией — Атлантический океан шире, чем в реальности. Проблема тут в том, что при таком расположении карта получается несбалансированной — большинство маршрутов оказались справа.
  2. Масштаб. Размер разворота 398 × 270 мм и этого достаточно, но некоторые направления (например, Европа) очень плотные, и сложно будет сделать читаемые подписи.

В итоге, Даниэль выбрал другой подход — он сам нарисовал карту. С помощью изменения формы и размера зон он убрал излишнюю плотность городов и выделил место для промежутка между страницами.

Запад Индии стал шире, чтобы выделить место для разрыва страниц. Места, где мало направлений, стали меньше, и наоборот. Несмотря на это, карта выглядит узнаваемой. Чтобы понять, насколько искажена карта, удобно использовать MapAnalyst.

Сравните сетки на картах, они показывают, как изменилась стереографическая проекция. Например, Тихий океан стал меньше, а Америки стали ближе к Азии

Чтобы нарисовать новую карту, Даниэль взял за основу стереографическую карту Галла и редактировал картинку с помощью инструмента Lasso в Adobe Illustrator.

Он сжимал, раздвигал, перемещал элементы и смотрел, как изменение одной части влияет на другие. Процесс занял около пары часов. В результате все элементы карты были расставлены по местам, но получились некрасивые шероховатые края.

Чтобы подчистить шероховатости, Даниэль перерисовал карту сверху, используя линии и арки. Так карта стала аккуратной, сохранив при этом достаточно деталей для узнаваемости и приобрела современный вид.

Последним штрихом в работе с картой были передвижения городов — некоторые прибрежные города съехали в ходе деформации, другие нужно было подвинуть, чтобы освободить место для подписей.

Вторым этапом стала работа с линиями перелетов, читайте про нее во второй части статьи.

Оригинал статьи: ON AIRLINE MAPPING
Автор: Daniel Huffman

 

мая 30, 2018Мария Голованова
Статья была интересной?
  • Поделюсь (0)
  • Полезно (0)
  • Бесполезно (0)
  • Банально (1)
Две визуализации о материальности интернета - цифры vs деревьяБорьба плачущих младенцев или о том, как Найджел Холмс работал над «Безумными соревнованиями»
Главная Книги Как создать карту авиалиний и не запутаться. Часть 1 — Карта
2 г. назад Инструменты, Примеры визуализациивизуальное мышление, карты
facebook-profile-picture
Мария Голованова
  См. также  
Колонка со-авторов, Теория

Факты

Что такое 60 метров? Это легко представить. 0

Примеры визуализации

Современные карты метро — как всё начиналось

Карты метро, какими мы знаем их сейчас - были совсем не такие, как раньше. 3

Теория

Три уровня визуализации: данных, информации, знания

Нам кажется, что мы пришли к глубокому пониманию вопроса - визуализация бывает 3х уровней. 6

Примеры визуализации

Круг эмоций Плутчика, эмоджи и атлас эмоций Далай-ламы

Роберт Плутчик создал колесо эмоций, RJ Andrews (автор Info we trust) развеселил колесо, добавив эмоджи, ну а мы всю эту красоту перевели. 0

Книги, Критический взгляд, Теория

Визуальная грамотность в эпоху данных

Шэзна Нэсса -специалист по визуальному сторителлингу, член журналистского общества JFC в Стэнфордском университете, бывший заместитель... 5

Примеры визуализации, Теория

Две визуализации о материальности интернета — цифры vs деревья

Когда кликнуть легко и интерфейс user-friendly, кажется, что интернет живет где-то в волшебном невесомом пространстве. 0

Книги

Подвести итоги и вдохновиться

А вы успели подвести итоги? Нет, мы сейчас не о цифрах и диаграммах. 1

Примеры визуализации

Симпсоны форева

Симпсоны. В копилку забавных карт. 1

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Error validating application. Application has been deleted.
Type: OAuthException
Code: 190
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+