{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Таня Мисютина, заметки с тегом: вопрос-ответ",
    "home_page_url": "https:\/\/blog.infotanka.ru\/tags\/vopros-otvet\/",
    "feed_url": "https:\/\/blog.infotanka.ru\/tags\/vopros-otvet\/json\/",
    "icon": "https:\/\/blog.infotanka.ru\/user\/userpic@2x.jpg",
    "author": {
        "name": "Таня Мисютина: mail@infotanka.ru",
        "url": "https:\/\/blog.infotanka.ru\/",
        "avatar": "https:\/\/blog.infotanka.ru\/user\/userpic@2x.jpg"
    },
    "items": [
        {
            "id": "253",
            "url": "https:\/\/blog.infotanka.ru\/all\/o-vostrebovannosti-vizualizacii-dannyh\/",
            "title": "О востребованности визуализации данных",
            "content_html": "<p>Спрашивает Игорь Трафимович:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Я довольно активно слежу за тематическими блогами о визуализации данных и у меня сложилось впечатление, что создание всех этих потрясающих интерактивных работ — не слишком прибыльное занятие, ведь для большинства бизнес-задач достаточно простейших барчартов, которые можно сделать в Excel без участия дизайнера.<\/p>\n<p>Расскажи, востребована ли визуализация данных на рынке и насколько перспективной ты сама видишь эту область?<\/p>\n<\/div><p>Я не знаю, как оценить перспективность области. Если 99,9% преступлений в Лондоне раскрывают полицейские Скотленд-ярда, делает ли это работу Шерлока Холмса менее перспективной?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/dataviz@2x.png\" width=\"700\" height=\"420\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Фото Роберта Вигласки, PA<\/div>\n<\/div>\n<p>Визуализация — это сверх-мощный инструмент. Она наглядно показывает огромные объёмы данных, проявляет закономерности, которые никто не надеялся найти, сворачивает <nobr>30-страничные<\/nobr> отчёты в одну интерактивную картину, экономит время и вычислительные ресурсы. Визуализацией, как любым инструментов, нужно уметь пользоваться, но я верю, что грамотная визуализация способна творить чудеса.<\/p>\n<p>При этом визуализация, как Шерлок, решает очень узкий круг задач — запутанные дела со сложными, многомерными данными, в которых скрываются полезные для бизнеса знания. Такие задачи найдутся далеко не в каждой компании, а если и найдутся, от них необязательно зависит успех бизнеса, и даже когда зависит, лица, принимающие решения, могут не знать о том, что задачу можно решить с помощью визуализации данных. Рынок крошечный, риск остаться без работы велик.<\/p>\n<p>Вот что делаем <a href=\"http:\/\/datalaboratory.ru\/\">я и моя команда<\/a>, чтобы чувствовать себя хорошо.<\/p>\n<ul>\n<li>Главное правило, занимаемся только визуализацией данных (сродни правилу балерин зарабатывать только балетом :-)<\/li>\n<li>Когда заказов нет, делаем бесплатные прототипы в рамках рубрики «Вопрос-ответ» или сами придумываем себе задачи.<\/li>\n<li>Отвечаем на вопросы в блоге.<\/li>\n<li>Выступаем на конференциях (в прошлом году был перерыв).<\/li>\n<li>Записываем <a href=\"http:\/\/datalaboratory.ru\/online-lectures\/\">видео-лекции<\/a>, организуем <a href=\"http:\/\/brainwashing.pro\/dataviz\">учебные курсы<\/a>.<\/li>\n<li>Рассказываем о работе всем, кто готов слушать.<\/li>\n<\/ul>\n<p>Всё это, и немного везения, приводит в лабораторию клиентов мечты с самыми запутанными и интересными задачами. Чем больше задач мы решаем, тем искуснее используем визуализацию данных и тем уверенне чувствуем себя на рынке. Это единственный известный мне путь к востребованности в этой области.<\/p>\n<p>Кстати, мы в Лаборатории данных <a href=\"http:\/\/datalaboratory.ru\/events\/developer-2\/\">ищем веб-разработчика<\/a>. Вакансия открыта до 31 января.<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>. Следующая заметка выйдет 1 февраля.<\/p>\n",
            "date_published": "2016-01-18T14:07:03+03:00",
            "date_modified": "2020-03-03T19:47:55+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/dataviz@2x.png",
            "_date_published_rfc2822": "Mon, 18 Jan 2016 14:07:03 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/o-vostrebovannosti-vizualizacii-dannyh\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/dataviz@2x.png"
                ]
            }
        },
        {
            "id": "251",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-rynok-truda-v-dinamike\/",
            "title": "Вопрос-ответ: рынок труда в динамике",
            "content_html": "<p>Спрашивает Жанна Гугунова из «HeadHunter»:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Мы каждый месяц составляем отчет по рынку труда Москвы, например, вот отчет за ноябрь: <a href=\"https:\/\/hh.ru\/article\/307200\">https:\/\/hh.ru\/article\/307200<\/a>. Как можно представить эту статистику за год в динамике?<\/p>\n<\/div><p>В статье рынок труда показан стандартными временными графиками (динамика вакансий, резюме и заработных плат) и столбиковыми диаграммами (доли рынка по профессиональным сферам) — итого около 20 иллюстраций. Каждая картинка в отдельности решает узкую задачу, но полную картину рынка за ними разглядеть сложно.<\/p>\n<p>Попробуем отобразить все три параметра на одной интерактивной визуализации. Пусть по оси X будет количество вакансий, по оси Y — количество резюме, а среднюю зарплату покажем размером точки. Рынок труда в Москве в ноябре по топовым профсферам будет выглядеть так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/hh-00@2x.png\" width=\"700\" height=\"440\" alt=\"\" \/>\n<\/div>\n<p>Масштаб по осям отличается, потому что активных резюме обычно больше, чем вакансий. Чтобы проявить эту особенность на графике, добавим лучи, соответствующие разным уровням конкуренции:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/hh-01@2x.png\" width=\"700\" height=\"440\" alt=\"\" \/>\n<\/div>\n<p>Видим, что самые активные профсферы — «Продажи» и «Начало карьеры», причём в первой конкуренция относительно низкая (3 резюме на вакансию), а во второй — высокая (более 10). Конкуренция в большинстве профсфер превышает 5 резюме на вакансию, нет ни одной профсферы ниже единицы, то есть дефицита кадров не наблюдается нигде.<\/p>\n<p>По средним зарплатам с большим отрывом лидирует «Топ-менеджмент», но и конкуренция там самая большая, более 20 резюме на вакансию. Самые низкие средние зарплаты — в профсферах «Администрация» и, как ни странно, «Банки»; они даже ниже средней зарплаты в «Начале карьеры».<\/p>\n<p>Добавим на график временную динамику. История одной профессиональной области будет выглядеть так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/hh-02@2x.png\" width=\"700\" height=\"440\" alt=\"\" \/>\n<\/div>\n<p>Движении точки вдоль луча означает рост активности (и работодателей, и соискателей) в данной проф. области. Движение от луча к лучу — рост или падение конкуренции. Зарплата заметно не менялась, поэтому скроем промежуточные значения, чтобы лучше разглядеть хвост:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/hh-03@2x.png\" width=\"700\" height=\"440\" alt=\"\" \/>\n<\/div>\n<p>На графике проявилась форма, похожая на букву «s». Это сезонные рост (весна-лето) и спад (осень-зима) активности на фоне увеличения конкуренции. В «Продажах» активность в ноябре 2015 года осталась на том же уровне, что и в ноябре 2014 года, а вот конкуренция выросла с 2 до 3 резюме на вакансию.<\/p>\n<p>Посмотрим на историю других профобластей:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/hh-04-qa@2x.png\" width=\"700\" height=\"440\" alt=\"\" \/>\n<\/div>\n<p>«Айти» и «маркетинг» демонстрируют форму похожую на «продажи», но не такую симметричную. В 2014 году они делаю два витка активности (промежуточное затишье в мае), конкуренция растёт почти непрерывно, не считая небольшого спада в мае-июне 2015. «Начало карьеры» — ещё более искажённая «s» с быстрым ростом конкуренции (с 7 до 10+ резюме на вакансию) и большими «провалами» в январе и мае — во время студенческих сессий.<\/p>\n<p>Посмотрим на динамику рынка в целом (гифка):<br \/>\n<img src=\"\/pictures\/hh-2.gif\" width=700 \/><\/p>\n<p>На полной картине сложнее уловить детали по отдельным профсферам, зато бросаются в глаза общие тенденции на рынке. Видно, как в 2014 году активность растёт вместе с конкуренцией, потом — резкий зимний спад, быстрый скачок конкуренции, и снова сезонный полукруг. Профсферы, как синхронные пловчихи, выписывают одни и те же фигуры, слегка отличающиеся исполнением.<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>. При участии Кирилла Беляева, Романа Бунина и Дамира Мельникова. Спасибо Службе исследований «Headhunter» за предоставленные данные. Подписи на осях скрыты по просьбе заказчика, поведение профсфер на графике соответствует реальному положению дел.<\/p>\n",
            "date_published": "2015-12-09T12:12:13+03:00",
            "date_modified": "2020-03-03T19:49:33+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/hh-00@2x.png",
            "_date_published_rfc2822": "Wed, 09 Dec 2015 12:12:13 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-rynok-truda-v-dinamike\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/hh-00@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/hh-01@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/hh-02@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/hh-03@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/hh-04-qa@2x.png"
                ]
            }
        },
        {
            "id": "250",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-complex-systems\/",
            "title": "Вопрос-ответ: о работе со сложными системами",
            "content_html": "<p>Анонимно:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Я начинающий дизайнер и мне поручили обновить интерфейс сложной банковской системы. С чего лучше начать работу, как удержать в голове зависимости между разными элементами? Таблицы и списки, кажется, только сильнее запутывают.<\/p>\n<\/div><p>Представьте, что перед вами гигантский паззл. Вы можете сначала рассмотреть и классифицировать все кусочки, а потом приступить к сборке. Или взяться за небольшой фрагмент, собрать его, перейти к следующей тематической горстке, и так, пока «слепых пятен» почти не останется.<\/p>\n<p>В работе над сложными системами я придерживаюсь второго пути: начинаю с относительно небольшой, но важной задачи, досконально разбираюсь в ней, предлагаю решение и довожу его до внедрения. Один хороший интерфейс в системе — это уже польза, а в качестве бонуса я получаю близкое знакомство с частью системы и плюс в репутацию. Чем больше таких готовых фрагментов, тем более полная картина складывается в голове, тем более сложные и комплексные задачи я готова решать. Ничего страшного, если после «вскрытия» очередного пласта какие-то из ранних решений придётся пересмотреть, к тому времени они уже принесут пользу.<\/p>\n<p>Я всегда ставлю задачу самостоятельно. Обсуждаю проект с ответственными лицами, разбираюсь, задаю вопросы, после чего формулирую задачу своими словами в 2-3-4 абзаца текста. В «Нет-крекере» я периодически сталкивалась с длинными ТЗ, но мне всегда удавалось договориться о живом обсуждении и ни разу не пришлось тратить время на изучение многостраничной документации.<\/p>\n<p>Во время работы над задачей я «загружаю» всю доступную информацию в мозг и даю ей «повариться», пока решение не будет готово. После этого я «выгружаю» готовый фрагмент (фиксирую решение в виде картинок с пояснениями, например, в бейскемпе) и готова приступать к следующей задаче. Пока я ищу решение, я не берусь за другие проекты, не участвую в обсуждениях и встречах, не относящихся к теме. Входящая информация по другим задачам копится в почте и ждёт своего часа.<\/p>\n<p><b>Резюме<\/b><br \/>\nНе пытайтесь объять необъятное, начните с быстрых побед. Ставьте задачу сами, избегайте формальных ТЗ. Сохраняйте фокус, работайте над одной задачей в один момент времени. Фиксируйте результаты для быстрого доступа в будущем. Постепенно собирайте «большую картину» из качественно проработанных фрагментов.<\/p>\n<p>Подробный рассказ о моём опыте работы со сложными системами в «Нет-крекере», 2011 год:<\/p>\n<iframe width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/ayej-ShtgUo\" frameborder=\"2\" allowfullscreen><\/iframe>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы на почту <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a> — о визуализации данных и не только.<\/p>\n",
            "date_published": "2015-11-18T10:32:58+03:00",
            "date_modified": "2020-03-03T19:50:04+03:00",
            "_date_published_rfc2822": "Wed, 18 Nov 2015 10:32:58 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-complex-systems\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "249",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-istoriya-universiteta\/",
            "title": "Вопрос-ответ: история университета в лицах",
            "content_html": "<p>Спрашивает Константин Когут:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Составляя инфографику о сотрудниках университета, перерыл немало таблиц по данным за каждый год. Помогите улучшить инфографику. Приму любую критику.<\/p>\n<\/div><div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/Uspu-info@2x.png\" width=\"700\" height=\"782\" alt=\"\" \/>\n<\/div>\n<p>В плавно перетекающем графике потерялась важная составляющая истории: путь каждого отдельного преподавателя, доцента и профессора. Кто-то из них проработал всего несколько лет, другие посвятили университету всю жизнь, прошли путь от преподавателя до профессора и, возможно, даже заняли пост декана факультета и стали ректорами. Сейчас они выглядят безликой массой, «свалены в кучу».<\/p>\n<p>Смотрите, как визуализировали похожую <a href=\"http:\/\/13pt.com\/projects\/nyt110425\/\">информацию о заключённых тюрьмы в Гуантанамо<\/a> дизайнеры «13pt», выигравшие с этой работой престижный конкурс «Малофей»:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/13pt.com\/projects\/nyt110425\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/guantanamo.png\" width=\"550\" height=\"494\" alt=\"\" \/>\n<\/a><\/div>\n<p>Каждый заключённый показан отдельной линией, истории персонажей подписаны прямо на графике рядом с линиями. Думаю, служители науки достойны такого же уважительного обращения :-)<\/p>\n<p>Начните с того, что выделите линии жизни в общей массе:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/lines@2x.png\" width=\"350\" height=\"159\" alt=\"\" \/>\n<\/div>\n<p>Такое представление позволяет проследить за судьбой каждого преподавателя, видно общее количество преподавателей за год и как оно получилось: сколько ушло, сколько пришло. Легко показать превращения преподавателя в доцента и доцента в профессора (преподавателей лучше расположить на нижнем этаже графика, профессоров — на верхнем):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/lines-2@2x.png\" width=\"350\" height=\"156\" alt=\"\" \/>\n<\/div>\n<p>Сам график я советую вытянуть в ширину, чтобы избавиться от частых резких скачков и приблизиться к тафтианскому <a href=\"http:\/\/www.edwardtufte.com\/bboard\/images\/0001OS-15828.gif\">правилу «сорока пяти градусов»<\/a>. В освободившемся пространстве над графиком покажите лица и расскажите историю выдающихся деятелей университета:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/great-people-qa@2x.png\" width=\"700\" height=\"510\" alt=\"\" \/>\n<\/div>\n<p>Визуализация «количества доцентов, профессоров и преподавателей» превратилась в историю университета в лицах. Такое превращение потребует дополнительного исследования, зато изучать результат будет гораздо интереснее, особенно, если он будет интерактивным.<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>, ответы публикуются ежемесячно.<\/p>\n",
            "date_published": "2015-11-04T12:11:47+03:00",
            "date_modified": "2020-03-03T19:50:17+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/Uspu-info@2x.png",
            "_date_published_rfc2822": "Wed, 04 Nov 2015 12:11:47 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-istoriya-universiteta\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/Uspu-info@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/guantanamo.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/lines@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/lines-2@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/great-people-qa@2x.png"
                ]
            }
        },
        {
            "id": "248",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-tenders\/",
            "title": "Вопрос-ответ: тендеры в РФ",
            "content_html": "<p>Спрашивает Алексей Булгаков <a href=\"https:\/\/www.bicotender.ru\/\">из компании «Bicotender»<\/a>:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>У нас есть структурированные данные по тендерным закупкам с 2011 года, на основе их мы делаем продукт «Аналитика закупок». Нам интересно визуализировать эти данные: показать суммарные показатели и проявить основные тенденции тендерного рынка.<\/p>\n<\/div><p>Главные особенности тендерного рынка, которые проявятся на макроуровне, — это региональность и временная динамика, в т. ч. сезонность. Мы в лаборатории уже сталкивались с похожей задачей, когда визуализировали <a href=\"https:\/\/blog.infotanka.ru\/all\/vopros-otvet-ob-anomaliyah\/\">аномалии оборота наличности<\/a>. Временная диаграмма и карта, интерактивно связанные между собой, оказались удачным решением для данных такого рода. Возьмём за основу этот формат и адаптируем для тендеров.<\/p>\n<p>Ключевые свойства тендера — стоимость и индустрия. Интересно узнать, какое соотношение тендеров по индустриям, как оно меняется со временем, какие индустрии преобладают в разных регионах. Обозначим индустрию цветом и покрасим регионы на карте цветом главной (по объёму закупок) индустрии, а на диаграмме покажем суммарные объёмы РФ в разбивке по индустриям:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/tenders-1-qa@2x.png\" width=\"700\" height=\"300\" alt=\"\" \/>\n<\/div>\n<p>При наведении на месяц видим главные индустрии в этом месяце по регионам; при наведении на регион — временное распределение закупок по индустриям в нём:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/tenders-2@2x.png\" width=\"700\" height=\"300\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/tenders-3@2x.png\" width=\"700\" height=\"300\" alt=\"\" \/>\n<\/div>\n<p>Фильтры по индустрии, ценовой категории и региону отсекают потенциально интересные срезы. Например, можно посмотреть только крупные строительные тендеры в Красноярском крае. В этом случае на диаграмме будет показана не только динамика, но и отдельные тендеры:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/tenders-4@2x.png\" width=\"700\" height=\"300\" alt=\"\" \/>\n<\/div>\n<p>При наведении на тендер показана подробная информация о нём:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/tenders-5@2x.png\" width=\"700\" height=\"300\" alt=\"\" \/>\n<\/div>\n<p>На визуализации показаны только электронные аукционы, завершённые с августа 2014 по июль 2015. Видим, что самые «жирные» индустрии — строительство, медицина, финансы. Строительство преобладает в большинстве регионов, его активность предсказуемо падает в зимние месяцы. В январе самый низкий объём завершённых тендеров по всем индустриям. Что касается регионов, лишь некоторые активно используют систему электронных аукционов: это Москва и Московская область, Санкт-Петербург, Нижний Новгород, Самара, Краснодарский и Краясноярский края, с 2015 года к ним присоединилась Волгоградская область. В других регионах электронные аукционы единичные, касаются одной-двух индустрий, их объёмы незначительны. Во многих регионах (показаны белым цветом) они вообще не проводились.<\/p>\n<p><span style=\"font-size:18px;\"><b>Живой прототип: <a href=\"https:\/\/tenders.datalaboratory.ru\/\">https:\/\/tenders.datalaboratory.ru\/<\/a><\/b><\/span><\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>, ответы публикуются ежемесячно. При участии Дамира Мельникова.<\/p>\n",
            "date_published": "2015-10-07T11:31:42+03:00",
            "date_modified": "2020-03-03T21:37:29+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/tenders-1-qa@2x.png",
            "_date_published_rfc2822": "Wed, 07 Oct 2015 11:31:42 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-tenders\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/tenders-1-qa@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/tenders-2@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/tenders-3@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/tenders-4@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/tenders-5@2x.png"
                ]
            }
        },
        {
            "id": "247",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-restaurant-stats\/",
            "title": "Вопрос-ответ: оценка ресторана",
            "content_html": "<p>Спрашивает Паша Омелёхин:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Расскажите, как рисовать графики из псевдокривых, наложенных друг на друга, если на них будут смотреть со смартфонов? Как обойтись без легенды, и какие еще есть нюансы при проектировании инфографики для мобильных устройств?<\/p>\n<\/div><p>Чтобы ответить максимально по делу, я уточнила у Паши, о каких графиках идёт речь.<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Графики показывают оценки разных качеств заведения, например цены и скорости обслуживания. Люди ставят оценки от 0 до 100 на планшете, который им выдают, если они согласны оценить. Все оценки прилетают в личный кабинет владельца бизнеса, на мобильный телефон.<\/p>\n<p>Я попробовал найти решение сам. Сначала это был график, потом я додумался до точек. Большое скопление покажет среднюю оценку, но редкие и сильные отклонения тоже будут видны. Обычный график их не покажет. Не знаю, насколько хорошо мое решение, поэтому интересно посмотреть на твое и узнать, как лучше делать.<\/p>\n<\/div><div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/1-3.png\" width=\"700\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Кирпичик данных — это один ответ. Проявив его, Паша показал откуда берутся средние значения, как ответы распределены по оценкам и во времени. Отличная работа с микроуровнем!<\/p>\n<p>Беда в том, что на новых графиках потерялась самая важная информация. Наш мозг не способен «подсчитать» среднее значение, глядя на визуальное распределение результатов, а именно средние оценки и их динамика интересуют владельца ресторана в первую очередь.<\/p>\n<p>Данные отвечают на вопросы пользователя. Отранжируем вопросы и ответы по важности:<\/p>\n<ol start=\"1\">\n<li>«Что происходит сейчас?» — средняя оценка за неделю по каждому критерию и свежие комментарии.<\/li>\n<li>«Как изменилась ситуация за последнее время?» — динамика средних оценок и история комментариев.<\/li>\n<li>«Что стоит за средними оценками? Насколько они достоверны?» — распределение конкретных ответов.<\/li>\n<\/ol>\n<p>Исходные графики показываю только динамику (2), пашин вариант даёт доступ к детальным данным (3). Проявим на макроуровне все данные с соответсвующим важности весом — оценку за прошлую неделю крупным числом, динамику ярким графиком, распределение полупрозрачным облаком на фоне:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/restaurant-stats-1-qa@2x.png\" width=\"621\" height=\"310\" alt=\"\" \/>\n<\/div>\n<p>Вместо батареи переключателей «день | неделя | месяц | год» выберем временные отрезки, близкие к реальности ресторатора, например, средние за неделю, полное распределение по дням и часам. Комментарии предлагаю не прятать, а показать тут же, бесконечно уходящей в прошлое лентой.<\/p>\n<p>Цвет сейчас дублирует вертикальное измерение. Вместо этого предлагаю использовать разные цвета для разных критериев.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/restaurant-stats-2@2x.png\" width=\"621\" height=\"1104\" alt=\"\" \/>\n<\/div>\n<p>На визуализации мгновенно считывается проблемы со скоростью; легко заметить, что сервис хороший, но ухудшается; при желании можно рассмотреть, что оценки последнюю неделю ставили активно, их много, и стоит к ним прислушаться. Сразу видны недавние комментарии гостей с конкретными замечаниями и похвалой.<\/p>\n<p>Такой экран отвечает на большинство вопросов большинства пользователей. Остальные сценарии (динамика за год, фильтрация комментариев, оценки по времени суток) предлагаю реализовать на внутренних экранах приложения.<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>, ответы публикуются ежемесячно.<\/p>\n",
            "date_published": "2015-09-07T09:37:08+03:00",
            "date_modified": "2020-03-03T21:49:40+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/1-3.png",
            "_date_published_rfc2822": "Mon, 07 Sep 2015 09:37:08 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-restaurant-stats\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/1-3.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/restaurant-stats-1-qa@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/restaurant-stats-2@2x.png"
                ]
            }
        },
        {
            "id": "245",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-oee\/",
            "title": "Вопрос-ответ: OEE",
            "content_html": "<p>Спрашивает Роман Бунин:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Для процессных производств (добыча нефти, пищевая промышленность, химическая промышленность) основными источниками затрат являются сырьё, расходы на энергию и оборудование. Оборудование пытаются загрузить как можно больше, так как оно дорогое и если оно простаивает, то это приводит к упущенной прибыли. Основные причины простоев — поломки, производство брака, мойки оборудования, тех. обслуживание и т. п.<\/p>\n<p>Чтобы отслеживать загрузку оборудования, используется специальный KPI — OEE (Overall equipment effectiveness, или Общая эффективность оборудования). Это комплексный показатель, который состоит из трёх частей: доступность, производительность и качество. Каждый измеряется в процентах, которые при перемножении дают общее значение. Анализируя данные, как в целом, так и по каждой составной части, можно найти основные причины простоев. Данные интересны в разрезе единиц оборудования, причин простоев, времени и смен. \r\n<\/p>\n<p>Как визуализировать эти данные и срезы?<\/p>\n<\/div><div class=\"e2-text-picture\">\n<a href=\"http:\/\/eu-b.demo.qlik.com\/QvAJAXZfc\/opendoc.htm?document=qvdocs%2FOEE.qvw&host=demo11&anonymous=true\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/OEE-0@2x.png\" width=\"700\" height=\"486\" alt=\"\" \/>\n<\/a><div class=\"e2-text-caption\"><a href=\"http:\/\/eu-b.demo.qlik.com\/QvAJAXZfc\/opendoc.htm?document=qvdocs%2FOEE.qvw&host=demo11&anonymous=true\">Подробный дашборд OEE, демо Qlik<\/a><\/div>\n<\/div>\n<p>На приведённом дашборде индикаторы, графики и диаграммы разрознены, никак не связаны между собой. Попробуем выстроить последовательную картину работы предприятия, которая продемонстрирует эффективность каждой машины в отдельности и производства в целом.<\/p>\n<p>На заводе из семечек производят масло. В разных цехах стоит различное оборудование, которое производит продукт (качественный и бракованный) с определённой скоростью (производительностью), нулевой, если машина недоступна. Возможные причины простоя оборудования: плановый или срочный ремонт, переход между режимами, отсутствие сырья или заказа. Кирпичик данных — это результат работы одной машины в единицу времени. А именно, объём фактически произведённой продукции в тоннах (факт), объём качественной продукции в тоннах (факт&thinsp;−&thinsp;брак) и производные относительные характеристики: доступность (время факт&thinsp;\/&thinsp;время план), производительность (факт&thinsp;\/&thinsp;план), качество (кондиция&thinsp;\/&thinsp;факт) и ОЕЕ (Д&thinsp;×&thinsp;П&thinsp;×&thinsp;К).  По формулам выходит, что ОЕЕ показывает отношение выпущенной качественной продукции к запланированному максимально возможному объёму.<\/p>\n<p>Покажем произведённую в единицу времени продукцию столбиком из двух частей, кондиции и брака. Над столбиком отметим уровень запланированного максимума:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/OEE-1@2x.png\" width=\"180\" height=\"98\" alt=\"\" \/>\n<\/div>\n<p>То же самое в процентах:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/OEE-2@2x.png\" width=\"250\" height=\"98\" alt=\"\" \/>\n<\/div>\n<p>Соберём из столбиков картину дневной эффективности, объединим дни в недели на календарной сетке месяца. Абсолютное значение планового объёма может меняться в разные дни и смены, поэтому на графике покажем относительные значения в процентах.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/OEE-3@2x.png\" width=\"566\" height=\"380\" alt=\"\" \/>\n<\/div>\n<p>Уровень полных столбцов показывает производительность машины в течение дня, уровень жёлтых столбцов показывает динамику ОЕЕ. Разные оттенки жёлтого, меняющиеся в течение дня, иллюстрируют сменяющие друг друга бригады. Причины простоя показаны разноцветными полосками в дырах на графике.<\/p>\n<p>На таком графике виден не только общий уровень производительности и OEE, но и причины снижения показателей: продолжительное отсутствие сырья, несколько крупных поломок, сопровождающиеся выпуском брака и т. п.<\/p>\n<p>Мы визуализировали эффективность работы одной машины по часам на протяжение месяца. Тот же подход сработает для макроуровней: цеха и завода, а также других временных отрезков, например, целого года. Дополним график таблицей с ключевыми параметрами и интерактивной легендой, которая показывает полный набор параметров при наведении на график.<\/p>\n<p><a href=\"https:\/\/oee.datalaboratory.ru\" style=\"border-bottom-width:0;\"><img src=\"https:\/\/blog.infotanka.ru\/pictures\/OEE-4@2x.png\" width=900 height=661 style=\"margin-left:-37px;\" \/><\/a><\/p>\n<p><span style=\"font-size:18px;\"><b>Живой прототип: <a href=\"https:\/\/oee.datalaboratory.ru\/\">https:\/\/oee.datalaboratory.ru\/<\/a><\/b><\/span><\/p>\n<p>В таблице видно какие цеха и машины снижают общую эффективность, по клику в цех и машину открываются соответсвующие показатели слева и графики справа. Низкая эффективность пресового цеха объясняется плохой работой 1-й жаровни и 2-го пресса. Жаровня простаивает в основном из-за отсутсвия сырья, а также почти на сутки 17-18 июля вышла из строя из-за серьёзной поломки. Пресс в основном простаивает без сырья и заказов. При этом по упущенной прибыли всех опережает цех очистки.<\/p>\n<p>Получившаяся визуализация показывает динамику OEE, объясняет, что значит этот параметр и каковы причины снижения эффективности производства.<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>, ответы публикуются ежемесячно. При участии Романа Бунина, Кирилла Беляева и Сергея Долинина.<\/p>\n",
            "date_published": "2015-08-03T21:28:39+03:00",
            "date_modified": "2021-05-17T07:35:45+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/OEE-0@2x.png",
            "_date_published_rfc2822": "Mon, 03 Aug 2015 21:28:39 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-oee\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/OEE-0@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/OEE-1@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/OEE-2@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/OEE-3@2x.png"
                ]
            }
        },
        {
            "id": "244",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-big-chances\/",
            "title": "Вопрос-ответ: анализ футбольных матчей",
            "content_html": "<p>Спрашивает Дамир Мельников:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Спортивный журналист и аналитик Вадим Лукомский <a href=\"https:\/\/www.sports.ru\/tribuna\/blogs\/vadimlukomski\/684106.html\">предложил альтернативный способ подсчёта очков<\/a> футбольных команд в чемпионате на основе явных голевых моментов. В статье Вадим приводит таблицы расчёта по новой схеме и выводы. Было бы интересно сравнить результаты Вадима с официальными турнирными таблицами.<\/p>\n<\/div><div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/football_1.png\" width=\"498\" height=\"435\" alt=\"\" \/>\n<\/div>\n<p>В традиционных таблицах порядок столбцов отражает ход чемпионата: в матчах (М) забивают и пропускают голы, в результате — выигрыш (В), ничья (Н) или проигрыш (П), на основе которых подсчитываются очки (О). У Вадима то же самое, только вместо голов — моменты, ВНП и О рассчитываются именно для них.<\/p>\n<p>Объединим две таблицы:<br \/>\nМ | Зб Пр | ВНП О для голов<br \/>\n+<br \/>\nМ | Сз Дп | ВНП О для моментов<br \/>\n=<br \/>\nМ | Сз Зб Дп Пр | ВНП О для моментов | ВНП О  для голов | Разница очков<\/p>\n<p>Момент предшествует голу, поэтому статистика моментов в таблице идёт перед статистикой голов. Cозданные моменты сгрупируем с забитыми голами, допущенные моменты с пропущенными. При наведении покажем разницу этих показателей, которую анализирует в статье Вадим. Избавимся от графического мусора, выровняем подписи по левому краю, а цифры по разрядам, для наглядности поставим на строки логотипы команд. Вишенка на торте — временной слайдер, который показывает историю изменения таблицы с начала чемпионата:<\/p>\n<p><img src=\"\/pictures\/table-new@2x.png\" width=900 height=600 style=\"margin-left:-53px;\" \/><\/p>\n<p>Внутри лиги таблица сортируется по очкам, голам или моментам. По альтернативной версии в Премьер-лиге Арсенал опередил Челси и Манчестер Сити.<\/p>\n<p>Как сделать футбольную статистику ещё интереснее и нагляднее? Дополним таблицу (информативную, но всё же суховатую) полем, на котором при выборе команды будем отмечать голы и голевые моменты. Слева свои ворота, справа — ворота всех противников. Голы с голевым моментом и без показаны красными стрелками, нерезультативные моменты — фиолетовыми линиями: промах со стрелкой, «сейв» с кружком, заблокированный удар с перпендикулярной чертой соответственно.<\/p>\n<p><a href=\"https:\/\/big-chances.datalaboratory.ru\/\" style=\"border-bottom-width:0;\"><img src=\"\/pictures\/football-field-qa@2x.png\" width=900 height=1018 style=\"margin-left:-55px;\" \/><\/a><\/p>\n<p>При наведении на линии можно показать информацию об ударе: дату матча и время удара, команду-соперника, нападающего и защитника.<\/p>\n<p>Сравним игру команд на одном экране:<\/p>\n<p><a href=\"https:\/\/big-chances.datalaboratory.ru\/\" style=\"border-bottom-width:0;\"><img src=\"\/pictures\/small-fields@2x.png\" width=900 height=1270 style=\"margin-left:-40px;\" \/><\/a><\/p>\n<p><span style=\"font-size:18px;\"><b>Живой прототип: <a href=\"https:\/\/big-chances.datalaboratory.ru\/\">https:\/\/big-chances.datalaboratory.ru\/<\/a><\/b><\/span><\/p>\n<p>Команды-лидеры создают больше моментов у ворот противника, чем допускают у своих; у команд, замыкающих список, ситуация противоположная. У ворот Сандерленда практически отсутствую фиолетовые стрелки — много голов, мало нереализованных голевых моментов. Ну и, конечно, сразу бросается в глаза <a href=\"https:\/\/www.youtube.com\/watch?v=WJIvSyrH4Ng\">гол Чарли Адама с середны поля в ворота Челси<\/a>. Мы собрали полные данные только для Премьер-лиги, но и они хорошо демонстрируют подход.<\/p>\n<p>Ничто так не обогощает спортивную визуализацию, как игровое поле (трасса, дорожка, снаряд) с наглядными попытками и результатами. Другие примеры: <a href=\"https:\/\/www.nytimes.com\/interactive\/2012\/06\/11\/sports\/basketball\/nba-shot-analysis.html\">анализ бросков НБА<\/a> и <a href=\"https:\/\/www.nytimes.com\/interactive\/2012\/08\/05\/sports\/olympics\/the-100-meter-dash-one-race-every-medalist-ever.html\">история стометровки<\/a>.<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>, ответы публикуются ежемесячно. При участии Кирилла Беляева и Дамира Мельникова.<\/p>\n",
            "date_published": "2015-07-06T23:28:05+03:00",
            "date_modified": "2020-03-03T22:01:02+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/football_1.png",
            "_date_published_rfc2822": "Mon, 06 Jul 2015 23:28:05 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-big-chances\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/football_1.png"
                ]
            }
        },
        {
            "id": "241",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-istoria-cen\/",
            "title": "Вопрос-ответ: история цен на авиабилеты",
            "content_html": "<p>Спрашивает Андрей:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>Есть интересная задача — визуализировать историческую стоимость билета (авиа, жд  и т. п.) в зависимости от даты его покупки. Наиболее простым кажется следующий вариант: пользователь выбирает направление (откуда и куда), авиакомпанию-перевозчика, выбирает дату отправления и на графике ему показывается стоимость в зависимости от даты покупки.<\/p>\n<p>Но это не удобно для пользователя, так как придется перебирать авиакомпании\/перевозчики. Для этого можно несколько графиков рисовать сразу. Но даже этот подход не решает самую главную задачу: если пользователь может изменить дату поездки (например, плюс\/минус неделя), то чтобы найти наиболее удобный вариант, ему придется перебирать и дату отправления.<\/p>\n<p>Как бы вы предложили показать на одном графике (возможно, интерактивном) изменение цены в зависимости от даты покупки билета, даты отправления и перевозчика?<\/p>\n<\/div><p>Давайте для простоты рассуждений сузим задачу до авиабилетов. Предложенный вами график цены билета на определённую дату вылета в зависимости от даты покупки — это первый шаг в решении задачи. Именно такой тренд интересно изучать и сравнивать для разных дат и сезонов вылета, перевозчиков, направлений. Это идеальный элементарный кирпичик визуализации: графики удобно сравнивать между собой <i>(сравнимость)<\/i> и складывать друг с другом для получения глобальных картин <i>(аддитивность)<\/i>. Глобальные картины, полученные суммированием графиков, в свою очередь тоже можно сравнивать.<\/p>\n<p>Чтобы проиллюстрировать свою мысль я воспользуюсь данными, любезно предоставленными <a href=\"https:\/\/www.tutu.ru\/\">туристическим сервисом «Туту.ру»<\/a>. Это усреднённые данные по покупкам: 5384 цены на билеты Аэрофлота в направлении Москва → Симферополь, 1480 усреднённых по различным авиакомпаниям цен в направлении Москва → Берлин и 1035 усреднённых по авиакомпаниям цен Москва → Тиват. Данные не совсем полные и однородные, тем не менее интересные для изучения.<\/p>\n<p>Чтобы отличать графики между собой используем цветной градиент для разных дат вылета:<br \/>\n<a href=\"https:\/\/ticket-prices.datalaboratory.ru\/\" style=\"border-bottom-width:0;\"><img src=\"https:\/\/blog.infotanka.ru\/pictures\/ticket-prices-qa@2x.png\" width=752 height=365 style=\"margin-left:-30px;\"><\/a><\/p>\n<p><span style=\"font-size:18px;\"><b>Живой прототип: <a href=\"https:\/\/ticket-prices.datalaboratory.ru\/\">https:\/\/ticket-prices.datalaboratory.ru\/<\/a><\/b><\/span><\/p>\n<p>В целом подтверждается гипотеза, что чем ближе вылет, тем дороже билеты: в правой части графика дорогих покупок больше, сеть плотнее. Но и исключений из этого правила — нисходящих графиков с заблаговременными дорогими покупками — довольно много.<\/p>\n<p>Изучим внимательно наиболее подробные и однородные данные о перелёте Москва → Симферополь (только Аэрофлот):<\/p>\n<p><img src=\"\/pictures\/MOW-SIF@2x.png\" width=725 height=727 style=\"margin-left:-32px;\"><\/p>\n<p>Билеты в прошлом летнем сезоне покупались и заранее, и накануне вылета, в среднем за 5 тыс. руб со случайными отклонениями до 7—10 тыс. Осенью плотность «хвоста» слева уменьшилась, покупки совершались ближе к дате вылета, при этом ранняя цена в среднем чуть меньше поздней. Зимой билеты никто не покупал раньше, чем за полтора месяца до вылета, зато цены покупок в последние дни заметно скачут — до 10—15 тыс. Весной проявились ярко выраженные ступеньки (фиксированные тарифы): синие мартовские ступеньки до снижения цен по указанию президента, зелёные апрельские — после.<\/p>\n<p>Интересно, какие закономерности найдут на визуализации внимательные читатели :-)<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>, ответы публикуются ежемесячно. При участии Кирилла Беляева и Сергея Долинина. Спасибо Никите Иванову и Наталье Анисимовой за данные для эксперимента.<\/p>\n",
            "date_published": "2015-06-01T21:00:34+03:00",
            "date_modified": "2020-03-03T21:40:37+03:00",
            "_date_published_rfc2822": "Mon, 01 Jun 2015 21:00:34 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-istoria-cen\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "240",
            "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-riga-vena-budapesht\/",
            "title": "Вопрос-ответ: Рига-Вена-Будапешт",
            "content_html": "<p>Спрашивает Кирилл Беляев:<\/p>\n<div style=\"background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px; padding-right:18px;\"><p>С 1 по 10 мая 2014 мы путешествовал на машине по Европе. Записывали время и существенные траты. Собрал маршрут, схему с отрезками пути и временем, которое они заняли, основные траты. Подскажите, пожалуйста, какой полезной информация не хватает, и какую стоит подавать иначе.<\/p>\n<\/div><div class=\"e2-text-picture\">\n<a href=\"http:\/\/kirillbelyaev.com\/all\/riga-vienna-budapest-krakow-riga\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/europa-trip-2014-qa@2x.png\" width=\"700\" height=\"560\" alt=\"\" \/>\n<\/a><\/div>\n<p>Иллюстрация получилась аккуратная, но без души. Кому и почему интересно будет её изучать? Яркие моменты, полюбившиеся места, фотографии — всё самое главное в путешествии осталось за кадром.<\/p>\n<p>На мой взгляд, привязка к карте мешает показать полную картину. Я предлагаю перевернуть задачу с ног на голову: пусть впечатления правят балом, данные о поездке (твиты, чекины, фотографии) вплетаются в повествование и служат отсылкой к первоисточнику, а маршрут скромно сопровождает рассказ, например, залипающей шапкой, в которой показан прогресс путешествия.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/usa@2x.png\" width=\"700\" height=\"1750\" alt=\"\" \/>\n<\/div>\n<p>Надеюсь когда-нибудь опубликовать интерактивные рассказы о своих главных приключениях :-)<\/p>\n<p>Дорогие читатели, делитесь достойными внимания визуализациями путешествий в комментариях!<\/p>\n<p style=\"font-size:13px; margin-top:20px;\">Присылайте вопросы о визуализации данных на почту: <a href=\"mailto:data@datalaboratory.ru\">data@datalaboratory.ru<\/a>, ответы публикуются по понедельникам.<\/p>\n",
            "date_published": "2015-05-11T21:08:48+03:00",
            "date_modified": "2020-03-03T21:41:27+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/europa-trip-2014-qa@2x.png",
            "_date_published_rfc2822": "Mon, 11 May 2015 21:08:48 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-riga-vena-budapesht\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/europa-trip-2014-qa@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/usa@2x.png"
                ]
            }
        }
    ],
    "_e2_version": 3239,
    "_e2_ua_string": "E2 (v3239; Aegea)"
}