<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0">

<channel>

<title>Таня Мисютина, заметки с тегом: вопрос-ответ</title>
<link>https://blog.infotanka.ru/tags/vopros-otvet/</link>
<description></description>
<generator>E2 (v3239; Aegea)</generator>

<item>
<title>О востребованности визуализации данных</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/o-vostrebovannosti-vizualizacii-dannyh/</guid>
<link>https://blog.infotanka.ru/all/o-vostrebovannosti-vizualizacii-dannyh/</link>
<comments>https://blog.infotanka.ru/all/o-vostrebovannosti-vizualizacii-dannyh/</comments>
<description>&lt;p&gt;Спрашивает Игорь Трафимович:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Я довольно активно слежу за тематическими блогами о визуализации данных и у меня сложилось впечатление, что создание всех этих потрясающих интерактивных работ — не слишком прибыльное занятие, ведь для большинства бизнес-задач достаточно простейших барчартов, которые можно сделать в Excel без участия дизайнера.&lt;/p&gt;
&lt;p&gt;Расскажи, востребована ли визуализация данных на рынке и насколько перспективной ты сама видишь эту область?&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Я не знаю, как оценить перспективность области. Если 99,9% преступлений в Лондоне раскрывают полицейские Скотленд-ярда, делает ли это работу Шерлока Холмса менее перспективной?&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/dataviz@2x.png" width="700" height="420" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Фото Роберта Вигласки, PA&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Визуализация — это сверх-мощный инструмент. Она наглядно показывает огромные объёмы данных, проявляет закономерности, которые никто не надеялся найти, сворачивает &lt;nobr&gt;30-страничные&lt;/nobr&gt; отчёты в одну интерактивную картину, экономит время и вычислительные ресурсы. Визуализацией, как любым инструментов, нужно уметь пользоваться, но я верю, что грамотная визуализация способна творить чудеса.&lt;/p&gt;
&lt;p&gt;При этом визуализация, как Шерлок, решает очень узкий круг задач — запутанные дела со сложными, многомерными данными, в которых скрываются полезные для бизнеса знания. Такие задачи найдутся далеко не в каждой компании, а если и найдутся, от них необязательно зависит успех бизнеса, и даже когда зависит, лица, принимающие решения, могут не знать о том, что задачу можно решить с помощью визуализации данных. Рынок крошечный, риск остаться без работы велик.&lt;/p&gt;
&lt;p&gt;Вот что делаем &lt;a href="http://datalaboratory.ru/"&gt;я и моя команда&lt;/a&gt;, чтобы чувствовать себя хорошо.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Главное правило, занимаемся только визуализацией данных (сродни правилу балерин зарабатывать только балетом :-)&lt;/li&gt;
&lt;li&gt;Когда заказов нет, делаем бесплатные прототипы в рамках рубрики «Вопрос-ответ» или сами придумываем себе задачи.&lt;/li&gt;
&lt;li&gt;Отвечаем на вопросы в блоге.&lt;/li&gt;
&lt;li&gt;Выступаем на конференциях (в прошлом году был перерыв).&lt;/li&gt;
&lt;li&gt;Записываем &lt;a href="http://datalaboratory.ru/online-lectures/"&gt;видео-лекции&lt;/a&gt;, организуем &lt;a href="http://brainwashing.pro/dataviz"&gt;учебные курсы&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Рассказываем о работе всем, кто готов слушать.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Всё это, и немного везения, приводит в лабораторию клиентов мечты с самыми запутанными и интересными задачами. Чем больше задач мы решаем, тем искуснее используем визуализацию данных и тем уверенне чувствуем себя на рынке. Это единственный известный мне путь к востребованности в этой области.&lt;/p&gt;
&lt;p&gt;Кстати, мы в Лаборатории данных &lt;a href="http://datalaboratory.ru/events/developer-2/"&gt;ищем веб-разработчика&lt;/a&gt;. Вакансия открыта до 31 января.&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;. Следующая заметка выйдет 1 февраля.&lt;/p&gt;
</description>
<pubDate>Mon, 18 Jan 2016 14:07:03 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: рынок труда в динамике</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-rynok-truda-v-dinamike/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-rynok-truda-v-dinamike/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-rynok-truda-v-dinamike/</comments>
<description>&lt;p&gt;Спрашивает Жанна Гугунова из «HeadHunter»:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Мы каждый месяц составляем отчет по рынку труда Москвы, например, вот отчет за ноябрь: &lt;a href="https://hh.ru/article/307200"&gt;https://hh.ru/article/307200&lt;/a&gt;. Как можно представить эту статистику за год в динамике?&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;В статье рынок труда показан стандартными временными графиками (динамика вакансий, резюме и заработных плат) и столбиковыми диаграммами (доли рынка по профессиональным сферам) — итого около 20 иллюстраций. Каждая картинка в отдельности решает узкую задачу, но полную картину рынка за ними разглядеть сложно.&lt;/p&gt;
&lt;p&gt;Попробуем отобразить все три параметра на одной интерактивной визуализации. Пусть по оси X будет количество вакансий, по оси Y — количество резюме, а среднюю зарплату покажем размером точки. Рынок труда в Москве в ноябре по топовым профсферам будет выглядеть так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/hh-00@2x.png" width="700" height="440" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Масштаб по осям отличается, потому что активных резюме обычно больше, чем вакансий. Чтобы проявить эту особенность на графике, добавим лучи, соответствующие разным уровням конкуренции:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/hh-01@2x.png" width="700" height="440" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Видим, что самые активные профсферы — «Продажи» и «Начало карьеры», причём в первой конкуренция относительно низкая (3 резюме на вакансию), а во второй — высокая (более 10). Конкуренция в большинстве профсфер превышает 5 резюме на вакансию, нет ни одной профсферы ниже единицы, то есть дефицита кадров не наблюдается нигде.&lt;/p&gt;
&lt;p&gt;По средним зарплатам с большим отрывом лидирует «Топ-менеджмент», но и конкуренция там самая большая, более 20 резюме на вакансию. Самые низкие средние зарплаты — в профсферах «Администрация» и, как ни странно, «Банки»; они даже ниже средней зарплаты в «Начале карьеры».&lt;/p&gt;
&lt;p&gt;Добавим на график временную динамику. История одной профессиональной области будет выглядеть так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/hh-02@2x.png" width="700" height="440" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Движении точки вдоль луча означает рост активности (и работодателей, и соискателей) в данной проф. области. Движение от луча к лучу — рост или падение конкуренции. Зарплата заметно не менялась, поэтому скроем промежуточные значения, чтобы лучше разглядеть хвост:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/hh-03@2x.png" width="700" height="440" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;На графике проявилась форма, похожая на букву «s». Это сезонные рост (весна-лето) и спад (осень-зима) активности на фоне увеличения конкуренции. В «Продажах» активность в ноябре 2015 года осталась на том же уровне, что и в ноябре 2014 года, а вот конкуренция выросла с 2 до 3 резюме на вакансию.&lt;/p&gt;
&lt;p&gt;Посмотрим на историю других профобластей:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/hh-04-qa@2x.png" width="700" height="440" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;«Айти» и «маркетинг» демонстрируют форму похожую на «продажи», но не такую симметричную. В 2014 году они делаю два витка активности (промежуточное затишье в мае), конкуренция растёт почти непрерывно, не считая небольшого спада в мае-июне 2015. «Начало карьеры» — ещё более искажённая «s» с быстрым ростом конкуренции (с 7 до 10+ резюме на вакансию) и большими «провалами» в январе и мае — во время студенческих сессий.&lt;/p&gt;
&lt;p&gt;Посмотрим на динамику рынка в целом (гифка):&lt;br /&gt;
&lt;img src="/pictures/hh-2.gif" width=700 /&gt;&lt;/p&gt;
&lt;p&gt;На полной картине сложнее уловить детали по отдельным профсферам, зато бросаются в глаза общие тенденции на рынке. Видно, как в 2014 году активность растёт вместе с конкуренцией, потом — резкий зимний спад, быстрый скачок конкуренции, и снова сезонный полукруг. Профсферы, как синхронные пловчихи, выписывают одни и те же фигуры, слегка отличающиеся исполнением.&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;. При участии Кирилла Беляева, Романа Бунина и Дамира Мельникова. Спасибо Службе исследований «Headhunter» за предоставленные данные. Подписи на осях скрыты по просьбе заказчика, поведение профсфер на графике соответствует реальному положению дел.&lt;/p&gt;
</description>
<pubDate>Wed, 09 Dec 2015 12:12:13 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: о работе со сложными системами</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-complex-systems/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-complex-systems/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-complex-systems/</comments>
<description>&lt;p&gt;Анонимно:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Я начинающий дизайнер и мне поручили обновить интерфейс сложной банковской системы. С чего лучше начать работу, как удержать в голове зависимости между разными элементами? Таблицы и списки, кажется, только сильнее запутывают.&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Представьте, что перед вами гигантский паззл. Вы можете сначала рассмотреть и классифицировать все кусочки, а потом приступить к сборке. Или взяться за небольшой фрагмент, собрать его, перейти к следующей тематической горстке, и так, пока «слепых пятен» почти не останется.&lt;/p&gt;
&lt;p&gt;В работе над сложными системами я придерживаюсь второго пути: начинаю с относительно небольшой, но важной задачи, досконально разбираюсь в ней, предлагаю решение и довожу его до внедрения. Один хороший интерфейс в системе — это уже польза, а в качестве бонуса я получаю близкое знакомство с частью системы и плюс в репутацию. Чем больше таких готовых фрагментов, тем более полная картина складывается в голове, тем более сложные и комплексные задачи я готова решать. Ничего страшного, если после «вскрытия» очередного пласта какие-то из ранних решений придётся пересмотреть, к тому времени они уже принесут пользу.&lt;/p&gt;
&lt;p&gt;Я всегда ставлю задачу самостоятельно. Обсуждаю проект с ответственными лицами, разбираюсь, задаю вопросы, после чего формулирую задачу своими словами в 2-3-4 абзаца текста. В «Нет-крекере» я периодически сталкивалась с длинными ТЗ, но мне всегда удавалось договориться о живом обсуждении и ни разу не пришлось тратить время на изучение многостраничной документации.&lt;/p&gt;
&lt;p&gt;Во время работы над задачей я «загружаю» всю доступную информацию в мозг и даю ей «повариться», пока решение не будет готово. После этого я «выгружаю» готовый фрагмент (фиксирую решение в виде картинок с пояснениями, например, в бейскемпе) и готова приступать к следующей задаче. Пока я ищу решение, я не берусь за другие проекты, не участвую в обсуждениях и встречах, не относящихся к теме. Входящая информация по другим задачам копится в почте и ждёт своего часа.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Резюме&lt;/b&gt;&lt;br /&gt;
Не пытайтесь объять необъятное, начните с быстрых побед. Ставьте задачу сами, избегайте формальных ТЗ. Сохраняйте фокус, работайте над одной задачей в один момент времени. Фиксируйте результаты для быстрого доступа в будущем. Постепенно собирайте «большую картину» из качественно проработанных фрагментов.&lt;/p&gt;
&lt;p&gt;Подробный рассказ о моём опыте работы со сложными системами в «Нет-крекере», 2011 год:&lt;/p&gt;
&lt;iframe width="640" height="360" src="https://www.youtube.com/embed/ayej-ShtgUo" frameborder="2" allowfullscreen&gt;&lt;/iframe&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы на почту &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt; — о визуализации данных и не только.&lt;/p&gt;
</description>
<pubDate>Wed, 18 Nov 2015 10:32:58 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: история университета в лицах</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-istoriya-universiteta/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-istoriya-universiteta/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-istoriya-universiteta/</comments>
<description>&lt;p&gt;Спрашивает Константин Когут:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Составляя инфографику о сотрудниках университета, перерыл немало таблиц по данным за каждый год. Помогите улучшить инфографику. Приму любую критику.&lt;/p&gt;
&lt;/div&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/Uspu-info@2x.png" width="700" height="782" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В плавно перетекающем графике потерялась важная составляющая истории: путь каждого отдельного преподавателя, доцента и профессора. Кто-то из них проработал всего несколько лет, другие посвятили университету всю жизнь, прошли путь от преподавателя до профессора и, возможно, даже заняли пост декана факультета и стали ректорами. Сейчас они выглядят безликой массой, «свалены в кучу».&lt;/p&gt;
&lt;p&gt;Смотрите, как визуализировали похожую &lt;a href="http://13pt.com/projects/nyt110425/"&gt;информацию о заключённых тюрьмы в Гуантанамо&lt;/a&gt; дизайнеры «13pt», выигравшие с этой работой престижный конкурс «Малофей»:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;a href="http://13pt.com/projects/nyt110425/" class="e2-text-picture-link"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/guantanamo.png" width="550" height="494" alt="" /&gt;
&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Каждый заключённый показан отдельной линией, истории персонажей подписаны прямо на графике рядом с линиями. Думаю, служители науки достойны такого же уважительного обращения :-)&lt;/p&gt;
&lt;p&gt;Начните с того, что выделите линии жизни в общей массе:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/lines@2x.png" width="350" height="159" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Такое представление позволяет проследить за судьбой каждого преподавателя, видно общее количество преподавателей за год и как оно получилось: сколько ушло, сколько пришло. Легко показать превращения преподавателя в доцента и доцента в профессора (преподавателей лучше расположить на нижнем этаже графика, профессоров — на верхнем):&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/lines-2@2x.png" width="350" height="156" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Сам график я советую вытянуть в ширину, чтобы избавиться от частых резких скачков и приблизиться к тафтианскому &lt;a href="http://www.edwardtufte.com/bboard/images/0001OS-15828.gif"&gt;правилу «сорока пяти градусов»&lt;/a&gt;. В освободившемся пространстве над графиком покажите лица и расскажите историю выдающихся деятелей университета:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/great-people-qa@2x.png" width="700" height="510" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Визуализация «количества доцентов, профессоров и преподавателей» превратилась в историю университета в лицах. Такое превращение потребует дополнительного исследования, зато изучать результат будет гораздо интереснее, особенно, если он будет интерактивным.&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;, ответы публикуются ежемесячно.&lt;/p&gt;
</description>
<pubDate>Wed, 04 Nov 2015 12:11:47 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: тендеры в РФ</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-tenders/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-tenders/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-tenders/</comments>
<description>&lt;p&gt;Спрашивает Алексей Булгаков &lt;a href="https://www.bicotender.ru/"&gt;из компании «Bicotender»&lt;/a&gt;:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;У нас есть структурированные данные по тендерным закупкам с 2011 года, на основе их мы делаем продукт «Аналитика закупок». Нам интересно визуализировать эти данные: показать суммарные показатели и проявить основные тенденции тендерного рынка.&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Главные особенности тендерного рынка, которые проявятся на макроуровне, — это региональность и временная динамика, в т. ч. сезонность. Мы в лаборатории уже сталкивались с похожей задачей, когда визуализировали &lt;a href="https://blog.infotanka.ru/all/vopros-otvet-ob-anomaliyah/"&gt;аномалии оборота наличности&lt;/a&gt;. Временная диаграмма и карта, интерактивно связанные между собой, оказались удачным решением для данных такого рода. Возьмём за основу этот формат и адаптируем для тендеров.&lt;/p&gt;
&lt;p&gt;Ключевые свойства тендера — стоимость и индустрия. Интересно узнать, какое соотношение тендеров по индустриям, как оно меняется со временем, какие индустрии преобладают в разных регионах. Обозначим индустрию цветом и покрасим регионы на карте цветом главной (по объёму закупок) индустрии, а на диаграмме покажем суммарные объёмы РФ в разбивке по индустриям:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/tenders-1-qa@2x.png" width="700" height="300" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;При наведении на месяц видим главные индустрии в этом месяце по регионам; при наведении на регион — временное распределение закупок по индустриям в нём:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/tenders-2@2x.png" width="700" height="300" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/tenders-3@2x.png" width="700" height="300" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Фильтры по индустрии, ценовой категории и региону отсекают потенциально интересные срезы. Например, можно посмотреть только крупные строительные тендеры в Красноярском крае. В этом случае на диаграмме будет показана не только динамика, но и отдельные тендеры:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/tenders-4@2x.png" width="700" height="300" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;При наведении на тендер показана подробная информация о нём:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/tenders-5@2x.png" width="700" height="300" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;На визуализации показаны только электронные аукционы, завершённые с августа 2014 по июль 2015. Видим, что самые «жирные» индустрии — строительство, медицина, финансы. Строительство преобладает в большинстве регионов, его активность предсказуемо падает в зимние месяцы. В январе самый низкий объём завершённых тендеров по всем индустриям. Что касается регионов, лишь некоторые активно используют систему электронных аукционов: это Москва и Московская область, Санкт-Петербург, Нижний Новгород, Самара, Краснодарский и Краясноярский края, с 2015 года к ним присоединилась Волгоградская область. В других регионах электронные аукционы единичные, касаются одной-двух индустрий, их объёмы незначительны. Во многих регионах (показаны белым цветом) они вообще не проводились.&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size:18px;"&gt;&lt;b&gt;Живой прототип: &lt;a href="https://tenders.datalaboratory.ru/"&gt;https://tenders.datalaboratory.ru/&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;, ответы публикуются ежемесячно. При участии Дамира Мельникова.&lt;/p&gt;
</description>
<pubDate>Wed, 07 Oct 2015 11:31:42 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: оценка ресторана</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-restaurant-stats/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-restaurant-stats/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-restaurant-stats/</comments>
<description>&lt;p&gt;Спрашивает Паша Омелёхин:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Расскажите, как рисовать графики из псевдокривых, наложенных друг на друга, если на них будут смотреть со смартфонов? Как обойтись без легенды, и какие еще есть нюансы при проектировании инфографики для мобильных устройств?&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Чтобы ответить максимально по делу, я уточнила у Паши, о каких графиках идёт речь.&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Графики показывают оценки разных качеств заведения, например цены и скорости обслуживания. Люди ставят оценки от 0 до 100 на планшете, который им выдают, если они согласны оценить. Все оценки прилетают в личный кабинет владельца бизнеса, на мобильный телефон.&lt;/p&gt;
&lt;p&gt;Я попробовал найти решение сам. Сначала это был график, потом я додумался до точек. Большое скопление покажет среднюю оценку, но редкие и сильные отклонения тоже будут видны. Обычный график их не покажет. Не знаю, насколько хорошо мое решение, поэтому интересно посмотреть на твое и узнать, как лучше делать.&lt;/p&gt;
&lt;/div&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/1-3.png" width="700" height="1280" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Кирпичик данных — это один ответ. Проявив его, Паша показал откуда берутся средние значения, как ответы распределены по оценкам и во времени. Отличная работа с микроуровнем!&lt;/p&gt;
&lt;p&gt;Беда в том, что на новых графиках потерялась самая важная информация. Наш мозг не способен «подсчитать» среднее значение, глядя на визуальное распределение результатов, а именно средние оценки и их динамика интересуют владельца ресторана в первую очередь.&lt;/p&gt;
&lt;p&gt;Данные отвечают на вопросы пользователя. Отранжируем вопросы и ответы по важности:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;«Что происходит сейчас?» — средняя оценка за неделю по каждому критерию и свежие комментарии.&lt;/li&gt;
&lt;li&gt;«Как изменилась ситуация за последнее время?» — динамика средних оценок и история комментариев.&lt;/li&gt;
&lt;li&gt;«Что стоит за средними оценками? Насколько они достоверны?» — распределение конкретных ответов.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Исходные графики показываю только динамику (2), пашин вариант даёт доступ к детальным данным (3). Проявим на макроуровне все данные с соответсвующим важности весом — оценку за прошлую неделю крупным числом, динамику ярким графиком, распределение полупрозрачным облаком на фоне:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/restaurant-stats-1-qa@2x.png" width="621" height="310" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Вместо батареи переключателей «день | неделя | месяц | год» выберем временные отрезки, близкие к реальности ресторатора, например, средние за неделю, полное распределение по дням и часам. Комментарии предлагаю не прятать, а показать тут же, бесконечно уходящей в прошлое лентой.&lt;/p&gt;
&lt;p&gt;Цвет сейчас дублирует вертикальное измерение. Вместо этого предлагаю использовать разные цвета для разных критериев.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/restaurant-stats-2@2x.png" width="621" height="1104" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;На визуализации мгновенно считывается проблемы со скоростью; легко заметить, что сервис хороший, но ухудшается; при желании можно рассмотреть, что оценки последнюю неделю ставили активно, их много, и стоит к ним прислушаться. Сразу видны недавние комментарии гостей с конкретными замечаниями и похвалой.&lt;/p&gt;
&lt;p&gt;Такой экран отвечает на большинство вопросов большинства пользователей. Остальные сценарии (динамика за год, фильтрация комментариев, оценки по времени суток) предлагаю реализовать на внутренних экранах приложения.&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;, ответы публикуются ежемесячно.&lt;/p&gt;
</description>
<pubDate>Mon, 07 Sep 2015 09:37:08 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: OEE</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-oee/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-oee/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-oee/</comments>
<description>&lt;p&gt;Спрашивает Роман Бунин:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Для процессных производств (добыча нефти, пищевая промышленность, химическая промышленность) основными источниками затрат являются сырьё, расходы на энергию и оборудование. Оборудование пытаются загрузить как можно больше, так как оно дорогое и если оно простаивает, то это приводит к упущенной прибыли. Основные причины простоев — поломки, производство брака, мойки оборудования, тех. обслуживание и т. п.&lt;/p&gt;
&lt;p&gt;Чтобы отслеживать загрузку оборудования, используется специальный KPI — OEE (Overall equipment effectiveness, или Общая эффективность оборудования). Это комплексный показатель, который состоит из трёх частей: доступность, производительность и качество. Каждый измеряется в процентах, которые при перемножении дают общее значение. Анализируя данные, как в целом, так и по каждой составной части, можно найти основные причины простоев. Данные интересны в разрезе единиц оборудования, причин простоев, времени и смен. 
&lt;/p&gt;
&lt;p&gt;Как визуализировать эти данные и срезы?&lt;/p&gt;
&lt;/div&gt;&lt;div class="e2-text-picture"&gt;
&lt;a href="http://eu-b.demo.qlik.com/QvAJAXZfc/opendoc.htm?document=qvdocs%2FOEE.qvw&amp;host=demo11&amp;anonymous=true" class="e2-text-picture-link"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/OEE-0@2x.png" width="700" height="486" alt="" /&gt;
&lt;/a&gt;&lt;div class="e2-text-caption"&gt;&lt;a href="http://eu-b.demo.qlik.com/QvAJAXZfc/opendoc.htm?document=qvdocs%2FOEE.qvw&amp;host=demo11&amp;anonymous=true"&gt;Подробный дашборд OEE, демо Qlik&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;На приведённом дашборде индикаторы, графики и диаграммы разрознены, никак не связаны между собой. Попробуем выстроить последовательную картину работы предприятия, которая продемонстрирует эффективность каждой машины в отдельности и производства в целом.&lt;/p&gt;
&lt;p&gt;На заводе из семечек производят масло. В разных цехах стоит различное оборудование, которое производит продукт (качественный и бракованный) с определённой скоростью (производительностью), нулевой, если машина недоступна. Возможные причины простоя оборудования: плановый или срочный ремонт, переход между режимами, отсутствие сырья или заказа. Кирпичик данных — это результат работы одной машины в единицу времени. А именно, объём фактически произведённой продукции в тоннах (факт), объём качественной продукции в тоннах (факт&amp;thinsp;−&amp;thinsp;брак) и производные относительные характеристики: доступность (время факт&amp;thinsp;/&amp;thinsp;время план), производительность (факт&amp;thinsp;/&amp;thinsp;план), качество (кондиция&amp;thinsp;/&amp;thinsp;факт) и ОЕЕ (Д&amp;thinsp;×&amp;thinsp;П&amp;thinsp;×&amp;thinsp;К).  По формулам выходит, что ОЕЕ показывает отношение выпущенной качественной продукции к запланированному максимально возможному объёму.&lt;/p&gt;
&lt;p&gt;Покажем произведённую в единицу времени продукцию столбиком из двух частей, кондиции и брака. Над столбиком отметим уровень запланированного максимума:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/OEE-1@2x.png" width="180" height="98" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;То же самое в процентах:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/OEE-2@2x.png" width="250" height="98" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Соберём из столбиков картину дневной эффективности, объединим дни в недели на календарной сетке месяца. Абсолютное значение планового объёма может меняться в разные дни и смены, поэтому на графике покажем относительные значения в процентах.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/OEE-3@2x.png" width="566" height="380" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Уровень полных столбцов показывает производительность машины в течение дня, уровень жёлтых столбцов показывает динамику ОЕЕ. Разные оттенки жёлтого, меняющиеся в течение дня, иллюстрируют сменяющие друг друга бригады. Причины простоя показаны разноцветными полосками в дырах на графике.&lt;/p&gt;
&lt;p&gt;На таком графике виден не только общий уровень производительности и OEE, но и причины снижения показателей: продолжительное отсутствие сырья, несколько крупных поломок, сопровождающиеся выпуском брака и т. п.&lt;/p&gt;
&lt;p&gt;Мы визуализировали эффективность работы одной машины по часам на протяжение месяца. Тот же подход сработает для макроуровней: цеха и завода, а также других временных отрезков, например, целого года. Дополним график таблицей с ключевыми параметрами и интерактивной легендой, которая показывает полный набор параметров при наведении на график.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://oee.datalaboratory.ru" style="border-bottom-width:0;"&gt;&lt;img src="https://blog.infotanka.ru/pictures/OEE-4@2x.png" width=900 height=661 style="margin-left:-37px;" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size:18px;"&gt;&lt;b&gt;Живой прототип: &lt;a href="https://oee.datalaboratory.ru/"&gt;https://oee.datalaboratory.ru/&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;В таблице видно какие цеха и машины снижают общую эффективность, по клику в цех и машину открываются соответсвующие показатели слева и графики справа. Низкая эффективность пресового цеха объясняется плохой работой 1-й жаровни и 2-го пресса. Жаровня простаивает в основном из-за отсутсвия сырья, а также почти на сутки 17-18 июля вышла из строя из-за серьёзной поломки. Пресс в основном простаивает без сырья и заказов. При этом по упущенной прибыли всех опережает цех очистки.&lt;/p&gt;
&lt;p&gt;Получившаяся визуализация показывает динамику OEE, объясняет, что значит этот параметр и каковы причины снижения эффективности производства.&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;, ответы публикуются ежемесячно. При участии Романа Бунина, Кирилла Беляева и Сергея Долинина.&lt;/p&gt;
</description>
<pubDate>Mon, 03 Aug 2015 21:28:39 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: анализ футбольных матчей</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-big-chances/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-big-chances/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-big-chances/</comments>
<description>&lt;p&gt;Спрашивает Дамир Мельников:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Спортивный журналист и аналитик Вадим Лукомский &lt;a href="https://www.sports.ru/tribuna/blogs/vadimlukomski/684106.html"&gt;предложил альтернативный способ подсчёта очков&lt;/a&gt; футбольных команд в чемпионате на основе явных голевых моментов. В статье Вадим приводит таблицы расчёта по новой схеме и выводы. Было бы интересно сравнить результаты Вадима с официальными турнирными таблицами.&lt;/p&gt;
&lt;/div&gt;&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/football_1.png" width="498" height="435" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В традиционных таблицах порядок столбцов отражает ход чемпионата: в матчах (М) забивают и пропускают голы, в результате — выигрыш (В), ничья (Н) или проигрыш (П), на основе которых подсчитываются очки (О). У Вадима то же самое, только вместо голов — моменты, ВНП и О рассчитываются именно для них.&lt;/p&gt;
&lt;p&gt;Объединим две таблицы:&lt;br /&gt;
М | Зб Пр | ВНП О для голов&lt;br /&gt;
+&lt;br /&gt;
М | Сз Дп | ВНП О для моментов&lt;br /&gt;
=&lt;br /&gt;
М | Сз Зб Дп Пр | ВНП О для моментов | ВНП О  для голов | Разница очков&lt;/p&gt;
&lt;p&gt;Момент предшествует голу, поэтому статистика моментов в таблице идёт перед статистикой голов. Cозданные моменты сгрупируем с забитыми голами, допущенные моменты с пропущенными. При наведении покажем разницу этих показателей, которую анализирует в статье Вадим. Избавимся от графического мусора, выровняем подписи по левому краю, а цифры по разрядам, для наглядности поставим на строки логотипы команд. Вишенка на торте — временной слайдер, который показывает историю изменения таблицы с начала чемпионата:&lt;/p&gt;
&lt;p&gt;&lt;img src="/pictures/table-new@2x.png" width=900 height=600 style="margin-left:-53px;" /&gt;&lt;/p&gt;
&lt;p&gt;Внутри лиги таблица сортируется по очкам, голам или моментам. По альтернативной версии в Премьер-лиге Арсенал опередил Челси и Манчестер Сити.&lt;/p&gt;
&lt;p&gt;Как сделать футбольную статистику ещё интереснее и нагляднее? Дополним таблицу (информативную, но всё же суховатую) полем, на котором при выборе команды будем отмечать голы и голевые моменты. Слева свои ворота, справа — ворота всех противников. Голы с голевым моментом и без показаны красными стрелками, нерезультативные моменты — фиолетовыми линиями: промах со стрелкой, «сейв» с кружком, заблокированный удар с перпендикулярной чертой соответственно.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://big-chances.datalaboratory.ru/" style="border-bottom-width:0;"&gt;&lt;img src="/pictures/football-field-qa@2x.png" width=900 height=1018 style="margin-left:-55px;" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;При наведении на линии можно показать информацию об ударе: дату матча и время удара, команду-соперника, нападающего и защитника.&lt;/p&gt;
&lt;p&gt;Сравним игру команд на одном экране:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://big-chances.datalaboratory.ru/" style="border-bottom-width:0;"&gt;&lt;img src="/pictures/small-fields@2x.png" width=900 height=1270 style="margin-left:-40px;" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size:18px;"&gt;&lt;b&gt;Живой прототип: &lt;a href="https://big-chances.datalaboratory.ru/"&gt;https://big-chances.datalaboratory.ru/&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Команды-лидеры создают больше моментов у ворот противника, чем допускают у своих; у команд, замыкающих список, ситуация противоположная. У ворот Сандерленда практически отсутствую фиолетовые стрелки — много голов, мало нереализованных голевых моментов. Ну и, конечно, сразу бросается в глаза &lt;a href="https://www.youtube.com/watch?v=WJIvSyrH4Ng"&gt;гол Чарли Адама с середны поля в ворота Челси&lt;/a&gt;. Мы собрали полные данные только для Премьер-лиги, но и они хорошо демонстрируют подход.&lt;/p&gt;
&lt;p&gt;Ничто так не обогощает спортивную визуализацию, как игровое поле (трасса, дорожка, снаряд) с наглядными попытками и результатами. Другие примеры: &lt;a href="https://www.nytimes.com/interactive/2012/06/11/sports/basketball/nba-shot-analysis.html"&gt;анализ бросков НБА&lt;/a&gt; и &lt;a href="https://www.nytimes.com/interactive/2012/08/05/sports/olympics/the-100-meter-dash-one-race-every-medalist-ever.html"&gt;история стометровки&lt;/a&gt;.&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;, ответы публикуются ежемесячно. При участии Кирилла Беляева и Дамира Мельникова.&lt;/p&gt;
</description>
<pubDate>Mon, 06 Jul 2015 23:28:05 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: история цен на авиабилеты</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-istoria-cen/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-istoria-cen/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-istoria-cen/</comments>
<description>&lt;p&gt;Спрашивает Андрей:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;Есть интересная задача — визуализировать историческую стоимость билета (авиа, жд  и т. п.) в зависимости от даты его покупки. Наиболее простым кажется следующий вариант: пользователь выбирает направление (откуда и куда), авиакомпанию-перевозчика, выбирает дату отправления и на графике ему показывается стоимость в зависимости от даты покупки.&lt;/p&gt;
&lt;p&gt;Но это не удобно для пользователя, так как придется перебирать авиакомпании/перевозчики. Для этого можно несколько графиков рисовать сразу. Но даже этот подход не решает самую главную задачу: если пользователь может изменить дату поездки (например, плюс/минус неделя), то чтобы найти наиболее удобный вариант, ему придется перебирать и дату отправления.&lt;/p&gt;
&lt;p&gt;Как бы вы предложили показать на одном графике (возможно, интерактивном) изменение цены в зависимости от даты покупки билета, даты отправления и перевозчика?&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Давайте для простоты рассуждений сузим задачу до авиабилетов. Предложенный вами график цены билета на определённую дату вылета в зависимости от даты покупки — это первый шаг в решении задачи. Именно такой тренд интересно изучать и сравнивать для разных дат и сезонов вылета, перевозчиков, направлений. Это идеальный элементарный кирпичик визуализации: графики удобно сравнивать между собой &lt;i&gt;(сравнимость)&lt;/i&gt; и складывать друг с другом для получения глобальных картин &lt;i&gt;(аддитивность)&lt;/i&gt;. Глобальные картины, полученные суммированием графиков, в свою очередь тоже можно сравнивать.&lt;/p&gt;
&lt;p&gt;Чтобы проиллюстрировать свою мысль я воспользуюсь данными, любезно предоставленными &lt;a href="https://www.tutu.ru/"&gt;туристическим сервисом «Туту.ру»&lt;/a&gt;. Это усреднённые данные по покупкам: 5384 цены на билеты Аэрофлота в направлении Москва → Симферополь, 1480 усреднённых по различным авиакомпаниям цен в направлении Москва → Берлин и 1035 усреднённых по авиакомпаниям цен Москва → Тиват. Данные не совсем полные и однородные, тем не менее интересные для изучения.&lt;/p&gt;
&lt;p&gt;Чтобы отличать графики между собой используем цветной градиент для разных дат вылета:&lt;br /&gt;
&lt;a href="https://ticket-prices.datalaboratory.ru/" style="border-bottom-width:0;"&gt;&lt;img src="https://blog.infotanka.ru/pictures/ticket-prices-qa@2x.png" width=752 height=365 style="margin-left:-30px;"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size:18px;"&gt;&lt;b&gt;Живой прототип: &lt;a href="https://ticket-prices.datalaboratory.ru/"&gt;https://ticket-prices.datalaboratory.ru/&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;В целом подтверждается гипотеза, что чем ближе вылет, тем дороже билеты: в правой части графика дорогих покупок больше, сеть плотнее. Но и исключений из этого правила — нисходящих графиков с заблаговременными дорогими покупками — довольно много.&lt;/p&gt;
&lt;p&gt;Изучим внимательно наиболее подробные и однородные данные о перелёте Москва → Симферополь (только Аэрофлот):&lt;/p&gt;
&lt;p&gt;&lt;img src="/pictures/MOW-SIF@2x.png" width=725 height=727 style="margin-left:-32px;"&gt;&lt;/p&gt;
&lt;p&gt;Билеты в прошлом летнем сезоне покупались и заранее, и накануне вылета, в среднем за 5 тыс. руб со случайными отклонениями до 7—10 тыс. Осенью плотность «хвоста» слева уменьшилась, покупки совершались ближе к дате вылета, при этом ранняя цена в среднем чуть меньше поздней. Зимой билеты никто не покупал раньше, чем за полтора месяца до вылета, зато цены покупок в последние дни заметно скачут — до 10—15 тыс. Весной проявились ярко выраженные ступеньки (фиксированные тарифы): синие мартовские ступеньки до снижения цен по указанию президента, зелёные апрельские — после.&lt;/p&gt;
&lt;p&gt;Интересно, какие закономерности найдут на визуализации внимательные читатели :-)&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;, ответы публикуются ежемесячно. При участии Кирилла Беляева и Сергея Долинина. Спасибо Никите Иванову и Наталье Анисимовой за данные для эксперимента.&lt;/p&gt;
</description>
<pubDate>Mon, 01 Jun 2015 21:00:34 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: Рига-Вена-Будапешт</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-riga-vena-budapesht/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-riga-vena-budapesht/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-riga-vena-budapesht/</comments>
<description>&lt;p&gt;Спрашивает Кирилл Беляев:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;"&gt;&lt;p&gt;С 1 по 10 мая 2014 мы путешествовал на машине по Европе. Записывали время и существенные траты. Собрал маршрут, схему с отрезками пути и временем, которое они заняли, основные траты. Подскажите, пожалуйста, какой полезной информация не хватает, и какую стоит подавать иначе.&lt;/p&gt;
&lt;/div&gt;&lt;div class="e2-text-picture"&gt;
&lt;a href="http://kirillbelyaev.com/all/riga-vienna-budapest-krakow-riga/" class="e2-text-picture-link"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/europa-trip-2014-qa@2x.png" width="700" height="560" alt="" /&gt;
&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;Иллюстрация получилась аккуратная, но без души. Кому и почему интересно будет её изучать? Яркие моменты, полюбившиеся места, фотографии — всё самое главное в путешествии осталось за кадром.&lt;/p&gt;
&lt;p&gt;На мой взгляд, привязка к карте мешает показать полную картину. Я предлагаю перевернуть задачу с ног на голову: пусть впечатления правят балом, данные о поездке (твиты, чекины, фотографии) вплетаются в повествование и служат отсылкой к первоисточнику, а маршрут скромно сопровождает рассказ, например, залипающей шапкой, в которой показан прогресс путешествия.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog.infotanka.ru/pictures/usa@2x.png" width="700" height="1750" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Надеюсь когда-нибудь опубликовать интерактивные рассказы о своих главных приключениях :-)&lt;/p&gt;
&lt;p&gt;Дорогие читатели, делитесь достойными внимания визуализациями путешествий в комментариях!&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных на почту: &lt;a href="mailto:data@datalaboratory.ru"&gt;data@datalaboratory.ru&lt;/a&gt;, ответы публикуются по понедельникам.&lt;/p&gt;
</description>
<pubDate>Mon, 11 May 2015 21:08:48 +0300</pubDate>
</item>


</channel>
</rss>