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

<channel>

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

<item>
<title>Вопрос-ответ: о визуализации аномалий</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-ob-anomaliyah/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-ob-anomaliyah/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-ob-anomaliyah/</comments>
<description>&lt;p&gt;Спрашивают сотрудники &lt;a href="http://www.spi2.ru/"&gt;Института проблем безопасности и анализа информации&lt;/a&gt;:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px;"&gt;&lt;p&gt;Мы анализируем финансовые потоки на территории РФ, в основном нас интересует отображение аномалий. Ключевые параметры операции: тип, получатель, место (регион) и время.&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/sip.png" width="601" height="415" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Таблица затягивает в водоворт количественной информации. Но как заметил автор вопроса, самое интересное в данных — это не конкретные значения, а аномалии. Попробуем для начала дать определение аномалии для прозвольного среза.&lt;/p&gt;
&lt;p&gt;&lt;img src="/pictures/dinamics-1@2x.png" width=601/&gt;&lt;/p&gt;
&lt;p&gt;В Тюменской области и Ненецком автономном округе суммарный оборот наличных колеблется в разумных рамках от среднего, в Челябинской и Костромской областях наблюдаются заметные скачки — аномалии. Возьмём за меру «аномальности» относительное отклонение значения из определённого среза от среднегодового по данному срезу, при этом аномалией будем считать только превышение среднего. В реальном анализе могут использоваться более сложные подходы и формулы, но для демонстрации нам достаточно и этой примитивной метрики.&lt;/p&gt;
&lt;p&gt;Закодируем каждое значение цветом по шкале аномальности:&lt;/p&gt;
&lt;p&gt;&lt;img src="/pictures/dinamics-2@2x.png" width=601/&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/map@2x.png" width="700" height="404" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Яркое пятно Челябинской области и относительно бледные Тюменская область и Ненецкий АО&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Таким образом, мы получили статичную картину, которая даёт представление о ситуации в целом. Чтобы превратить её в гибкий и удобный инструмент аналитика, объединим график и карту, добавив интерактивность:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://cashflow.datalaboratory.ru/" style="border-bottom-width: 0px"&gt;&lt;img src="/pictures/cashflow@2x.png" width=900/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size:18px;"&gt;&lt;b&gt;Живой прототип: &lt;a href="https://cashflow.datalaboratory.ru/"&gt;https://cashflow.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 style="font-size:13px; margin-top:20px;"&gt;Спасибо Серёже Долинину и Диме Бибикову за помощь в работе над визуализацией.&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:20px;"&gt;Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: &lt;a href="mailto:mail@infotanka.ru"&gt;mail@infotanka.ru&lt;/a&gt;. Ответы публикуются по понедельникам.&lt;/p&gt;
</description>
<pubDate>Mon, 28 Jul 2014 23:47:12 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: об отказе от шкалы времени на диаграмме</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-ob-otkaze-ot-shkaly-vremeni-na-diagramme/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-ob-otkaze-ot-shkaly-vremeni-na-diagramme/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-ob-otkaze-ot-shkaly-vremeni-na-diagramme/</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/pic-2.png" width="700" height="603" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Способ отличный, понятный и наглядный. Чтобы изучать график было удобнее, добавьте интерактивные подсказки при наведении. Мне показалось, что использование повторяющихся цветов во временной легенде сбивает с толку, поэтому я использовала равномерный градиент:&lt;/p&gt;
&lt;p&gt;&lt;a href="http://bl.ocks.org/infotanka/11382726/0d0b511acda96af9fa88a324367b91dfd2eeab05"&gt;&lt;img src="https://blog.infotanka.ru/pictures/pictures/eur-usd.png" width=700&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:10px; margin-bottom:20px;"&gt;&lt;a href="http://bl.ocks.org/infotanka/11382726/0d0b511acda96af9fa88a324367b91dfd2eeab05"&gt;Живой график и код&lt;/a&gt; на bl.ocks&lt;/p&gt;
&lt;p&gt;Прямо на графике можно подписать тренды и события, которые привели к резким изменениям цен, как в этом замечательном примере, иллюстрирующем рост безработицы в Штатах:&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.businessweek.com/articles/2013-02-07/the-rise-of-long-term-joblessness#r=nav-img"&gt;&lt;img src="https://blog.infotanka.ru/pictures/pictures/bloomberg.png" width=700&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/life-fertility-710.png" width="710" height="533" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;А какие способы показать временное измерение, не используя отдельной шкалы, знаете вы?&lt;/p&gt;
</description>
<pubDate>Tue, 29 Apr 2014 23:25:59 +0300</pubDate>
</item>

<item>
<title>Вопрос-ответ: Как извлечь больше пользы из таблицы личных финансов?</title>
<guid isPermaLink="true">https://blog.infotanka.ru/all/vopros-otvet-kak-izvlech-bolshe-polzy-iz-tablicy-lichnyh-finanso/</guid>
<link>https://blog.infotanka.ru/all/vopros-otvet-kak-izvlech-bolshe-polzy-iz-tablicy-lichnyh-finanso/</link>
<comments>https://blog.infotanka.ru/all/vopros-otvet-kak-izvlech-bolshe-polzy-iz-tablicy-lichnyh-finanso/</comments>
<description>&lt;p&gt;Спрашивает Алексей Червяков:&lt;/p&gt;
&lt;div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:700px; margin-bottom:20px;"&gt;&lt;p&gt;Я веду учет личных финансов в таблицах Google. Каждый вечер я добавляю в таблицу расходы за день. Каждый месяц добавляю новый столбец «С», а остальные скрываю, чтобы не отвлекали. Часто редактируемые ячейки расположил выше.&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/budget-table.png" width="700" height="355" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Во-первых, прошу прощения у читателей рубрики за запоздалый ответ. Вопрос показался мне очень интересным, и я решила сделать визуализацию собственных расходов. Подготовка данных и работа над интерактивной расходограммой заняли чуть больше времени, чем я ожидала :-)&lt;/p&gt;
&lt;p&gt;Алексей, суммируя данные по месяцам, вы оставляете за кадром весь сок — отдельные транзакции, которые позволяют подмечать закономерности и делать выводы. На своей расходограмме я собрала все траты по одной из банковских карт с 1 января 2012 года по настоящее время.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://budget.datalaboratory.ru/"&gt;&lt;img src="/pictures/9.png" width=700 /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Транзакции сгруппированы по неделям, при наведении показан размер, категория и конкретный товар (если его удалось вспомнить). Расходы в иностранной валюте показаны флагами стран внизу графика. Траты фильтруются по категориям:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://budget.datalaboratory.ru/"&gt;&lt;img src="/pictures/10.png" width=700 /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Какие знания можно извлечь из этой диаграммы? Да какие угодно. В 2013 году я тратила больше, чем в 2012, причём в основном снимала наличные. В марте 2013 карту скомпрометировали и до возвращения из Таиланда в Москву я ей не пользовалась. Основные статьи расходов — транспорт и еда (супермаркеты и рестораны). В 2012 году я покупала продукты в «Перекрёстке» и «Азбуке вкуса» и привозила из дьютифри дорогой алкоголь, в 2013 перешла на «Алые паруса» (переехала) и спорттовары (увлеклась бегом). В Таиланде, Хорватии и Черногории я почти не использовала карту, в Скандинавии, Штатах и ЮАР — наоборот. Неделя в Нью-йорке поставила абсолютный рекорд по развлекательным тратам. В Финляндии и Норвегии я покупала платья Marimekko и COS — это мои любимые скандинавские марки.&lt;/p&gt;
&lt;p&gt;Расходы рассказывают интересную историю. Жаль только, что не все данные доступны в удобном для визуализации формате.&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size:18px;"&gt;&lt;b&gt;Живая расходограмма: &lt;a href="https://budget.datalaboratory.ru/"&gt;https://budget.datalaboratory.ru/&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="font-size:13px; margin-top:30px;"&gt;Спасибо &lt;a href="http://devg.ru/"&gt;Диме Тихвинскому&lt;/a&gt; за помощь в работе над визуализацией.&lt;/p&gt;
&lt;p style=font-size:13px;&gt;Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: &lt;a href="mailto:mail@infotanka.ru"&gt;mail@infotanka.ru&lt;/a&gt;. Ответы публикуются по понедельникам.&lt;/p&gt;
</description>
<pubDate>Thu, 13 Feb 2014 12:56:16 +0300</pubDate>
</item>


</channel>
</rss>