{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Таня Мисютина, заметки с тегом: 2015",
    "home_page_url": "https:\/\/blog.infotanka.ru\/tags\/2015\/",
    "feed_url": "https:\/\/blog.infotanka.ru\/tags\/2015\/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": "252",
            "url": "https:\/\/blog.infotanka.ru\/all\/best-of-dataviz-2015\/",
            "title": "Интересные визуализации — 2015",
            "content_html": "<p>Подводя итоги года, мы с лаборантами делимся интерактивными визуализациями, которые в уходящем году показались нам интересными и заслуживающими внимания.<\/p>\n<p>Наш абсолютный фаворит — визуализация потерь во Второй мировой <a href=\"http:\/\/www.fallen.io\/ww2\/\" class=\"nu\">«<u>Fallen.io<\/u>»<\/a>, автор: Нил Хэлоран (Neil Halloran).<\/p>\n<iframe src=\"https:\/\/player.vimeo.com\/video\/128373915\" width=\"700\" height=\"393\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\n<p>Полная картина потерь складывается из жизней солдат и мирных жителей разных национальностей. Визуализация резонирует с умом и сердцем, глубоко и честно погружает в тему, пробуждает исследовательский интерес и встаёт в один ряд с шедевром Шарля Минара о наступлении Наполеона на Москву. Завидую нынешним школьникам, которые увидят эту войну так.<\/p>\n<p>Схожий по формату интерактивный анализ <a href=\"http:\/\/nbremer.github.io\/urbanization\/\">урбанизации Восточной Азии<\/a>, автор: Нади Бремер (Nadieh Bremer):<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/nbremer.github.io\/urbanization\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/urban-asia@2x.png\" width=\"700\" height=\"543\" alt=\"\" \/>\n<\/a><\/div>\n<p>Карта, столбиковые диаграммы, точечные гистограммы и графики интерактивно связаны друг с другом. Полная визуальная картина азиатской демографии в 2000 и 2010 гг. дополнена лаконичными выводами. Анализ, достойный курсовой работы по социологии, поместился на девяти интерактивных слайдах — блестяще!<\/p>\n<p>Газета «Гардиан» опубликовала <a href=\"http:\/\/www.theguardian.com\/world\/ng-interactive\/2015\/dec\/02\/how-well-do-you-really-know-your-country-take-our-quiz\">Тест «Насколько хорошо вы знаете свою страну»<\/a> с вопросами о демографии:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/www.theguardian.com\/world\/ng-interactive\/2015\/dec\/02\/how-well-do-you-really-know-your-country-take-our-quiz\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/guardian-quiz@2x.png\" width=\"700\" height=\"612\" alt=\"\" \/>\n<\/a><\/div>\n<p>Интересна визуализация результатов «ответы \/ факты», а также выводы, в целом и по конкретным вопросам.<\/p>\n<p>Классный трёхмерный график (большая редкость!) появился в «Нью-йорк-таймс» —    <a href=\"http:\/\/www.nytimes.com\/interactive\/2015\/03\/19\/upshot\/3d-yield-curve-economic-growth.html\">поверхность доходности короткосрочных и долгосрочных гособлигаций<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/www.nytimes.com\/interactive\/2015\/03\/19\/upshot\/3d-yield-curve-economic-growth.html\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/yield-curve-2@2x.png\" width=\"700\" height=\"400\" alt=\"\" \/>\n<\/a><\/div>\n<p>Авторы утверждают, что график показывает ценность денег сейчас, в ближайшем будущем и на годы вперёд, но простым смертным, вроде меня, уловить суть прогноза сложновато. Зато я обращаю внимание на минималистичность интерфейса (график сложен сам по себе, чтобы утяжелять его дополнительными элементами), пояснения «для чайников», сопровождаемые поворотом графика под нужным углом, и цветовое кодирование, которое хотя и дублирует значения по вертикальной оси, необходимо для считывания рельефа поверхности.<\/p>\n<p>Там же, <a href=\"http:\/\/www.nytimes.com\/interactive\/2015\/11\/17\/health\/wiredwell-food-diary-super-tracker.html\">примечательная история похудения<\/a> — 4 года жизни мистера Стива Лочнера, описанные кривой колебаний веса:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/www.nytimes.com\/interactive\/2015\/11\/17\/health\/wiredwell-food-diary-super-tracker.html\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/loose-it@2x.png\" width=\"700\" height=\"455\" alt=\"\" \/>\n<\/a><\/div>\n<p>На графике задокументированы взлёты и падения, наградные татуировки и поворотные жизненные решения, периоды диет и приступы обжорства, есть даже классические фото «до и после». Можно посмотреть каждый завтрак, обед и перекус, занесённый Стивом в приложение «Loose It», с помощью которого он следил за питанием и весом. В заключении на фоне кривой Лочнера показаны результаты других (менее успешных) пользователей приложения.<\/p>\n<p>«Уолл-стрит-джорнал» порадовал яркой и содержательной визуализацией <a href=\"http:\/\/graphics.wsj.com\/infectious-diseases-and-vaccines\/\">случаев заражения инфекционными заболеваниями<\/a> до и после массовой вакцинации во всех 50 штатах:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/graphics.wsj.com\/infectious-diseases-and-vaccines\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/vaccines-2@2x.png\" width=\"700\" height=\"589\" alt=\"\" \/>\n<\/a><\/div>\n<p>Обратите внимание на живую стрелочку-указатель в легенде и алфавитный порядок перечисления штатов, который позволяет опустить часть названий.<\/p>\n<p>А вот классные спортивные визуализации.<\/p>\n<p>У нью-йоркского марафона появилась <a href=\"http:\/\/www.nytimes.com\/interactive\/2015\/10\/30\/sports\/new-york-marathon-in-six-charts.html\">интерактивная визуализация результатов<\/a> (вроде той, что мы уже третий год подряд делаем <a href=\"http:\/\/moscowmarathon.org\/ru\/marafon\/results-2015\/visualization\/\">для Московского<\/a> :-)<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/www.nytimes.com\/interactive\/2015\/10\/30\/sports\/new-york-marathon-in-six-charts.html\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/nyc-marathon@2x.png\" width=\"700\" height=\"275\" alt=\"\" \/>\n<\/a><\/div>\n<p>Изумительная визуализация Питера Кука <a href=\"http:\/\/charts.animateddata.co.uk\/f1\/\">о пилотах Формулы-1<\/a>: все победители и призёры на одной диаграмме с сортировкой по возрасту, годам участия и количеству гонок.<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/charts.animateddata.co.uk\/f1\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/f1-qa@2x.png\" width=\"700\" height=\"382\" alt=\"\" \/>\n<\/a><\/div>\n<p>Необычное, но одобренной нашим футбольным экспертом Дамиром, <a href=\"http:\/\/deepxg.com\/2015\/11\/06\/visualising-attacking-shape\/\">представление результатов футбольных матчей<\/a>, автор: Том Лоуренс (Thom Lawrence). Прямоугольники — атаки, цветом закодирована скорость:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/deepxg.com\/2015\/11\/06\/visualising-attacking-shape\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/football@2x.png\" width=\"700\" height=\"450\" alt=\"\" \/>\n<\/a><\/div>\n<p>Для сравнения <a href=\"http:\/\/big-chances.datalaboratory.ru\/#\/2014-2015\">наш вариант визуализации футбольных матчей<\/a>, предложенный в одном из вопрос-ответов этого года.<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/big-chances.datalaboratory.ru\/#\/2014-2015\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/footbal-datalab@2x.png\" width=\"700\" height=\"745\" alt=\"\" \/>\n<\/a><\/div>\n<p>Ещё один достойный внимания жанр — визуальные объяснения. В прошлом году Майк Босток опубликовал подробную и очень наглядную <a href=\"http:\/\/bost.ocks.org\/mike\/algorithms\/\">статью об алгоритмах сортировки<\/a> с элементами визуализации:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/bost.ocks.org\/mike\/algorithms\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/quick-sort@2x.png\" width=\"700\" height=\"442\" alt=\"\" \/>\n<\/a><\/div>\n<p>В этом году появились достойные последователи. <a href=\"http:\/\/www.r2d3.us\/visual-intro-to-machine-learning-part-1\/\">Визуальное объяснение принципов машинного обучения<\/a> от r2d3:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/www.r2d3.us\/visual-intro-to-machine-learning-part-1\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/machine-learning@2x.png\" width=\"700\" height=\"394\" alt=\"\" \/>\n<\/a><\/div>\n<p><a href=\"http:\/\/setosa.io\/ev\/conditional-probability\/\">Иллюстрация формулы условной вероятности<\/a>, автор Виктор Пауэлл (Victor Powell):<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/setosa.io\/ev\/conditional-probability\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/cond-prob@2x.png\" width=\"700\" height=\"491\" alt=\"\" \/>\n<\/a><\/div>\n<p>И о погоде. Нам приглянулся симпатичный <a href=\"http:\/\/bl.ocks.org\/susielu\/b6bdb82045c2aa8225f5\">график температуры в Нью-йорке<\/a> на фоне среднего и рекордных значений:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/bl.ocks.org\/susielu\/b6bdb82045c2aa8225f5\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/nyc-weather@2x.png\" width=\"700\" height=\"482\" alt=\"\" \/>\n<\/a><\/div>\n<p>Лабораторная вариация на тему:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/weather-records.datalaboratory.ru\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/blog.infotanka.ru\/pictures\/weather-datalab@2x.png\" width=\"700\" height=\"805\" alt=\"\" \/>\n<\/a><\/div>\n<p>В следующем году мы будем делиться визуализационными находками в твиттере <a href=\"http:\/\/twitter.com\/datalaboratory\">@datalaboratory<\/a>. Подписывайтесь, если вы ещё не.<\/p>\n<p>С наступающим Новым годом!<\/p>\n",
            "date_published": "2015-12-28T22:10:28+03:00",
            "date_modified": "2020-03-03T19:48:13+03:00",
            "image": "https:\/\/blog.infotanka.ru\/pictures\/urban-asia@2x.png",
            "_date_published_rfc2822": "Mon, 28 Dec 2015 22:10:28 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/best-of-dataviz-2015\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blog.infotanka.ru\/pictures\/urban-asia@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/guardian-quiz@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/yield-curve-2@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/loose-it@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/vaccines-2@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/nyc-marathon@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/f1-qa@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/football@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/footbal-datalab@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/quick-sort@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/machine-learning@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/cond-prob@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/nyc-weather@2x.png",
                    "https:\/\/blog.infotanka.ru\/pictures\/weather-datalab@2x.png"
                ]
            }
        }
    ],
    "_e2_version": 3239,
    "_e2_ua_string": "E2 (v3239; Aegea)"
}