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

<channel>

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

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


</channel>
</rss>