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

infographer

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

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

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

5 способов показать, что происходит «на районе»

6 мес. назад Примеры визуализацииинтерактив, карты

Для кого этот город, район, публичное пространство? Как добраться из точки А в точку Б и не застрять в пробке навечно? Куда пойти неформальному туристу? Такие данные сейчас собирают в интерактивные карты, игры и визуализации и используют потом для улучшения пространства. Мы подготовили для вас подборку из пяти таких проектов.

1. Hoodmaps. Google maps + словарь городского сленга

Карта для тех, кто любит погулять по новому городу со знанием дела и внести свою лепту в зонирование самой карты. Любой желающий может разбить городcкие районы на пиджаков, богатеньких, хипстеров, универ, нормалек, туристов и добавить текстовый тэг для ориентации.

2. Superbarrio. Sims для районов.

После того, как в Барселоне придумали СуперБлоки (зоны, в которых 9 блоков закрыли для машин и отдали жителям), оказалось, что этого мало. Жители все также чувствовали себя невовлеченными в процесс. Тогда IaaC (Институт продвинутой архитектуры Каталонии) придумал игру, в которой жители создают коллективную карту и могут расставить 5 типов элементов по СуперБлоку: экологические, социальные, культурно-развлекательные, коммерческие, транспортные. Цель игры — достичь баланса между всеми элементами.

 

3. District Mobility. Визуализация данных о способах передвижения в городе

Взявшись за вопрос передвижения в Вашингтоне (Округ Колумбия), правительство города вместе с агенством Clever°Franke разобрали проблему по косточкам.  На сайте можно изучить весь спектр вопросов по пяти категориям: контекст, как добраться, загруженность, надежность, доступность, следующие шаги по улучшению.

4. Urban Mobility Fingerprint and Street DNA. Дорожный отпечаток и ДНК городских дорог

Визуализации от moovellab, тоже про мобильность. Дорожный отпечаток (слева) — показывает, как далеко можно добраться из центра города за 15 минут на машине. ДНК города (справа) показывает, насколько способы добраться из точки А в точку Б оптимальные (прямые).

5. American City Metrics. В пятиминутной пешеходной доступности

Проект Super-Normal, на этот раз, про пешеходную доступность. Ребята создают интерактивный он-лайн атлас с целью проанализировать условия для прогулок пешеходов.

 

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

8 мес. назад Колонка со-авторов, Примеры визуализациивизуальное мышление, карты

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

Напоминаем, как выглядит схема авиалиний, которую сделал Даниэль:

Это не финальный вариант, принятый заказчиком, но фаворит автора

Линии перелетов: корни и ветви

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

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

У клиента Даниэля перелетов было меньше и практически все они были из Дубая. Но даже в этом случае прорисовка каждой линии в отдельности могла бы привести к неразберихе. Вместо этого Даниэль решил использовать структуру дерева — линии в каждое направление идут вместе (будто кабели), а потом расходятся. Линни он решил сделать плавными, похожими на растения.

Даниэль работал методом проб и ошибок. Рисовал одну корневую систему, потом добавлял ветви, потом находил маршрут лучше и перерисовывал, или добавлял новую корневую линию, чтобы было аккуратнее. Это заняло существенное количество времени. Отправными точками были поиск свободного места и возможность распределить линии аккуратно по двум сторонам.

Гладкие переходы

Дэниэлю хотелось, чтобы линии плавно входили друг в друга. А это означает, что кривизну каждой ветви нужно было отредактировать вручную. И это тоже заняло сущесственное количество время. Нужно было установить управляющую линию кривой Безье веток по касательной к корневой линии, как на схеме ниже.

На рисунке — условная схема без стилизации (Outline mode в Adobe Illustrator). Root line — корневая линия, Branch line — ветка, Bezier Handle — управляющая линия кривой Безье.

Вариант с плавными линиями выглядит намного лучше, но есть одна проблема. В реальности (в отличие от схемы на предыдущем рисунке) эти линии стилизованы — у них есть обводка, и у обводки есть определенная толщина. И выглядит это вот так.

Stroke Boundary — граница обводки, Weird Corner — странный угол

Работая над соединением линий, Даниэль не учел толщину обводки, и появился странный угол. Ветку нужно было присоединить не к самой линии, а сделать отступ так, чтобы совпадали края обводки. Ширина обводки корневой линии — три пункта, ветки — один. А заначит, нужно было сделать отступ от центра корневой линии на один пункт.

1 pt gap — pазор в 1 пункт

С отсупом все получилось, как надо. Как это сделать? Можно использовать инструмент Offset Path (Создать параллельный контур — на русском). Этот инструмент создает буферную зону вокруг линии.

1 pt offset — смещение 1 пункт

В итоге получились красивые плавные линии. Такие детали отражают качество в работе.

Градиент и обводка

Некоторые пункты назначения на карте обозначены красным, а другие — синим. Первые обозначают перелеты самой авиакомпании, а вторые — перелеты совместно с партнерами по соглашению код-шеринг. Даниэль хотел сделать сами линии перелета тоже синими, но это выглядело не очень гармонично.

Вместо этого он добавил градиент, и линни стали синими у синей точки и остались красными и корневой линии. Параметры градиента редактировались вручную, потому что длина линий разная и задать параметр типа ´10% каждой линии — красные´ было невозможно.

Необходимо выбрать второй вариант для обводки — наложить градиент вдоль обводки (stroke)

В результате получился плавный переход между цветами.

Интересный факт: одним из вариантов карты было использовать линии с градиентом, который становится прозрачным. Каждый город тогда соединяется отдельно, а прозрачность позволяет избежать путаницы. Для этого был использован тот же инструмент ´Градиент´, но тут цвет остается тем же, а линия становится прозрачной посередине. Но этот вариант решили не использовать.

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

Выбор цвета

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

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

Разные мелочи

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

Помня об искажениях карты, он также добавил пару надписей с названиями океанов, чтобы дать людям дополнительные ориентиры при чтении карты. Сейчас он добавил бы еще и названия континентов.

Помимо карты мира Даниэль также сделал пару региональных карт. Для этого он использовал карты Erwin Raisz и Richard Edes Harrison.

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

Заключительные ремарки

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

Оригинал статьи: ON AIRLINE MAPPING
Автор: Даниэль Хаффман (Daniel Huffman)

 

 

 

 

 

 

 

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

8 мес. назад Инструменты, Примеры визуализациивизуальное мышление, карты

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

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

Карта

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

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

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

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

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

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

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

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

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

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

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

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

 

Malofiej24: про науку и визуализации

Событие2 г. назад Примеры визуализации, СобытияMalofiej, карты

Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать (день 2, часть 3).

Следующий спикер – Lauren James из National Geographics. В качестве обзора выступления выбираю цитату “Работа картографа – постоянный баланс между наукой и искусством”. Уровень работ в NG достигается постоянной упорной совместной работой редактора по картам, фоторедактора, текстового редактора и дизайнера. Основные составляющие: шрифт, выбор проекции, много итераций и редактура.

Секрет карт NG – 80-летний шрифт. На картинке - карта 1933 года. С тех пор шрифт практически не поменялся.

Секрет карт NG – 80-летний шрифт. На картинке — карта 1933 года. С тех пор шрифт практически не поменялся.

Интересные цитаты:

Мы в NG верим, что с помощью науки, исследований и повествования мы можем менять мир

Слайды

Пример работы про льды Арктики.

Заключительную часть второго дня начала Diana Yoo из Pew Research Center. Ее выступление было посвящено тому, что не стоит бояться больших исследований – большие и значимые выводы можно показывать понятно и наглядно.

Интересные цитаты:

Простота – не всегда хорошо. Сложность – не всегда плохо. Инфографика – поиск баланса

Каждый имеет право на собственное мнение, но не на собственные факты

Слайды
  • Анатомия поляризации общества. Такая подача уже достаточно привычна для СМИ, но для исследовательских компании пока что воспринимается как прорыв.
  • Еще один пример, в том числе с использованием интерактивной формы – вводишь данные про себя и сравниваешь с миром.

 

Как рисовать иллюстрированные карты (Часть 1)

Статья3 г. назад 2 Инструменты, Примеры визуализации, Теориякарты

Digital arts недавно опубликовал советы о том, как рисовать иллюстрированные карты. Мы выбрали несколько наиболее полных советов и решили поделиться с вами. Начнем с гайдлайнов от иллюстратора Ливи Гослинга, который рисует трогательные карты для журналов про туризм и еду.

Я начинаю с Pinterest – смотрю достопримечательности, популярные места и кафешки. А потом очень свободно рисую чернилами контуры карты и дороги.

Пока фон сохнет, я начинаю работать над иллюстрациями самих достопримечательностей и иконками. Это самая трудоемкая часть. Важно, чтобы здания оставались узнаваемыми, но нет смысла очень их детализировать, иначе придется потратить на это ни один час. Продолжить чтение →

Мировой капитал и карта мира

Изображение3 г. назад Примеры визуализациибизнес инфографика, карты

Мы все привыкли к географической карте мира, которая отражает размеры и границы стран в соответствии с занимаемой территорией. А что если взглянуть на размеры стран с другой стороны? Bank of America Merrill Lynch опубликовал отчет, в котором многие инвестиционные темы представлены в виде карт.

На этой карте, например, размер страны соответствует размеру рыночной капитализации. Япония и Гонконг выглядят неожиданно внушительно, США — вполне естественно, а Россия — не больше Финляндии. Но особенно удивляет Китай. Такой небольшой размер Китая связан с тем, что данные MSCI, которые были использованы для анализа, не включают А-акции (акции, которые продаются только в юанях, и напрямую инвестировать в которые могут только граждане страны). Если бы они были включены, размер материкового Китая увеличился бы в 10 раз.

Источник — Marketwatch

Красота Vs. Простота или 5000 лет истории религии

Изображение3 г. назад Примеры визуализациивизуальное мышление, карты, Примеры визуализации

Христианство, Иудаизм, Индуизм, Буддизм, Ислам — 5-тысячелетняя история 5ти основных религий за пару минут в небольшом анимированном ролике. Можно пронаблюдать, где все начиналось, как распрастранялось, как менялось и сопровождалось конфликтами или войнами.

А вот еще один вариант — История религии от Business Insider. Тот же контент, но с динамичной и более сложной по структуре визуализацией. Несомненно, более красивый, но более ли понятный?

Население Европы в мельчайших деталях

Изображение3 г. назад Примеры визуализациикарты

Присоединение новых участников к Евросоюзу, урбанизация, глобализация, миграция, слабость экономик – все это постоянно меняет демографическую карту Европы. Теперь мы можем ясно увидеть, какие именно изменения происходят в этом регионе: Федеральный институт изучения вопросов строительства и городского и территориального развития Германии (Bundesinstitut für Bau-, Stadt- und Raumforschung, BBSR) составил детальную карту, иллюстрирующую рост или убыль населения буквально в каждой точке Европы.

По словам составителей, карта дает беспрецедентный уровень детализации, пишет интернет-портал CityLab, входящий в группу Atlantic Media. Данные, собранные BBSR, показывают демографические изменения с 2001 по 2011 год – это период, для которого доступна максимально подробная статистика от каждого муниципального образования в Европе. Эта информация сведена воедино впервые.

Карту в полном размере можно скачать тут

На карте используется темно-синий цвет для обозначения районов, где годовая численность населения упала на 2% и более, голубой – для мест, где она снизилась в пределах 1–2%, а светло-голубым отмечены места, где произошло сокращение до 1%. Аналогично с красными участками: темно-красный говорит об увеличении численности жителей более чем на 2%, розовый – о росте на 1–2%, бледно-розовый – о росте на 1% и менее. Бежевым цветом отмечены муниципалитеты, где заметных колебаний не произошло. Разный размер «заплаток» на карте указывает на величину муниципальных образований в той или иной стране. В Ирландии или Чехии дробление очень мелкое, в Прибалтике, Турции и Северной Европе – наоборот.

Инфографика, представленная BBSR, подчеркивает демографические тенденции, характерные для Европы в последнее десятилетие. В частности, рост агломераций ключевых городов Восточной Европы (Праги, Бухареста, Познани и Вроцлава), убыль населения Румынии и Болгарии (вошли в ЕС в 2007 году), Албании, Греции и Прибалтики и значительный приток мигрантов во Францию и Ирландию. Интересен также спад численности населения благополучной Германии, движение жителей скандинавских стран из провинций в столицы и очевидный приток населения на северо-восток Шотландии в Абердин, связанный, вероятно, с ролью этого района для нефтедобывающей промышленности Великобритании.

Источник: Slon.ru
Автор: Ира Соломонова

Cхема энергетического рынка России

Изображение5 г. назад 1 Примеры визуализации, Теорияinfographer, карты, портфолио, рабочий процесс, российская инфографика

Некоторое время назад мы разработали схему, показывающую устройство рынка российской энергетики. Инфографика создавалась для Департамента энергетики и энергоэффективных проектов ОАО «ВБРР». Команда департамента занимается реализацией проектов в области увеличения эффективности использования энергии промышленными предприятиями и организациями ЖКХ и им понадобился простой визуальный инструмент, который позволял бы понятно рассказывать о структуре российского рынка. Мы с радостью включились в задачу!

Тема сложная. Чтобы объяснить кому-то другому, а тем более сделать объясняющий материал, для начала необходимо разобраться самим. Начинаем со сбора исходной информации. Вот так выглядит схема, которая использовалась клиентом для внутренних коммуникаций и которая легла в основу нашей работы:

Как это похоже на устройство любого бизнеса в России!…

Начинаем распутывать загадочный клубок. Чтобы разобраться, кто есть кто среди этих квадратиков и кружков, мы взялись за карандаш и начали визуализировать. На нашей условной карте появились различные генерирующие предприятия (АЭС, ГЭС, ГРЭС, ТЭЦ) и потребители электроэнергии (промышленные предприятия, организации ЖКХ, население), затем мы соединили все это проводами (транспортировка электроэнергии) и добавили продавцов электроэнергии (межрегиональные и региональные сбытовые компании). В заключение была проведена граница оптового и розничного рынка.

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

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

На этом этапе мы начали переходить от набросков «от руки» к векторным проектировкам. Заодно стали формироваться графические элементы, которые могли бы использоваться в конечном варианте карты. Чтобы наглядно показать, как электричество попадает в наши дома и на промышленные предприятия, мы построили целый городок со всеми удобствами, канализацией и центральным теплоснабжением, троллейбусной линией, отличным школьным зданием и бензоколонкой. Большинство людей, которые живут в этом сказочном городе, вероятно работают на большом нефтеперерабатывающем заводе, который расположился на южных окраинах. За городом для производства электричества мы построили атомную станцию, гидроэлектростанцию, конденсационную станцию, а в черте города появилась небольшая теплоцентраль. Если же вам претит городская суета, то можно поселиться на природе и пользоваться солнечными батареями, энергией ветра или генератором на биотопливе.

Разобравшись с «генерацией» и «потреблением», мы перешли к более тонким деталям и снова обратились за технической информацией к заказчику. За счет использования изображений стандартных опор ЛЭП различной формы визуально проявилась иерархическая структура сетевых компаний (ФСК, МРСК), была возведена магистральная ветка ЛЭП. Появилось направление движения электроэнергии, определились розничный и оптовый рынки, а так же область «вне рынка» (оказывается, так тоже бывает!).  Продолжить чтение →

Москва запустила первый в России официальный портал открытых данных / Принимайте участие!

Новость6 г. назад 2 Новости, Примеры визуализациикарты, Москва

Откылся Московский городской портал открытых данных data.mos.ru. Это проект, который посвящён публикации открытых данных в интернете. Город выкладывает различные статистические данные — а граждане имеют возможность найти необходимое учреждение, узнать статистику или же пожаловаться соответствующим органам. Общая концепция «открытые данные» существует уже давно, но впервые всё собрано системно, на одном портале, и с удобным интерфейсом для использования.

Для инфографики, подобный проект представляет большой интерес, потому что появляется возможность создавать визуализации, полезные для общества, основанные на реальных данных. Мы тоже думаем о том, какие визуализации сделать с его использованием — кто-нибудь хочет присоединиться к идейной работе? Пишите в комментариях!

Давайте познакомимся с порталом подробнее.

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

Представляя проект на заседании московского правительства, глава Департамента информационных технологий Артём Ермолаев выразил надежду, что раскрытие данных в машиночитаемом виде поможет стимулировать рынок ИТ-разработок и расширит список конечных приложений для москвичей.

«Для нас же это даст серьёзную экономию бюджета, потому что нам не надо будет создавать большое количество приложений за счёт бюджетных средств, и мы сможем использовать те наработки, которые сделает рынок», — пояснил министр.

 

Московская платформа открытых данных стала первой в России официальной площадкой для публикации информации из государственных систем. Данные доступны в трех видах – в таблицах, удобных для восприятия человеком, с картографической привязкой к городской геоинформационной системе Электронный Атлас, а также в машиночитаемых форматах CSV и XML, пригодных для повторного использования. Как мы предполагаем, в последующем может добавиться большое количество дополнительных визуализаций и дэшбордов. Надо заметить, что в целом это очень прогрессивная идея, которая при должной раскрутке станет мощным инструментом работы / поиска.

Имеющиеся датасеты (а их уже больше сотни, и их количество будет увеличиваться) отсортированы по тематическим категориям, таким как образование, культура, досуг, здравоохранение. В частности, пользователи впервые смогут ознакомиться со списком всех сертифицированных парковых аттракционов, которыми можно пользоваться без опасения, или найти ближайшую к дому «молочную кухню». Информацию также можно просматривать по ведомственной принадлежности.

Продолжить чтение →

Назад
Темы раздела
Примеры визуализации 19Колонка со-авторов 1Инструменты 3События 2Теория 2Новости 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+