{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Таня Мисютина, заметки с тегом: прототип", "home_page_url": "https:\/\/blog.infotanka.ru\/tags\/prototip\/", "feed_url": "https:\/\/blog.infotanka.ru\/tags\/prototip\/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": "220", "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-ob-anomaliyah\/", "title": "Вопрос-ответ: о визуализации аномалий", "content_html": "

Спрашивают сотрудники Института проблем безопасности и анализа информации<\/a>:<\/p>\n

Мы анализируем финансовые потоки на территории РФ, в основном нас интересует отображение аномалий. Ключевые параметры операции: тип, получатель, место (регион) и время.<\/p>\n

Как наглядно представить такую информацию, чтобы видеть общую картину и с лёгкостью уточнять детали?<\/p>\n<\/div>

\n\"\"\n<\/div>\n

Таблица затягивает в водоворт количественной информации. Но как заметил автор вопроса, самое интересное в данных — это не конкретные значения, а аномалии. Попробуем для начала дать определение аномалии для прозвольного среза.<\/p>\n

<\/p>\n

В Тюменской области и Ненецком автономном округе суммарный оборот наличных колеблется в разумных рамках от среднего, в Челябинской и Костромской областях наблюдаются заметные скачки — аномалии. Возьмём за меру «аномальности» относительное отклонение значения из определённого среза от среднегодового по данному срезу, при этом аномалией будем считать только превышение среднего. В реальном анализе могут использоваться более сложные подходы и формулы, но для демонстрации нам достаточно и этой примитивной метрики.<\/p>\n

Закодируем каждое значение цветом по шкале аномальности:<\/p>\n

<\/p>\n

Усреднив аномальные отклонения в регионе за год, создадим карту аномалий:<\/p>\n

\n\"\"\n
Яркое пятно Челябинской области и относительно бледные Тюменская область и Ненецкий АО<\/div>\n<\/div>\n

Таким образом, мы получили статичную картину, которая даёт представление о ситуации в целом. Чтобы превратить её в гибкий и удобный инструмент аналитика, объединим график и карту, добавив интерактивность:<\/p>\n

<\/a><\/p>\n

Живой прототип: https:\/\/cashflow.datalaboratory.ru\/<\/a><\/b><\/span><\/p>\n

При наведении курсора на столбцы диаграммы, общая карта аномалий меняется на карту месяца. Переключая фильтры, можно сравнивать ситуации по внесению (!) и выдаче, юридическим и физическим (!) лицам, резидентам и нерезидентам (!!!). Управляя фильтрами, мы можем выяснить, что летние пики в Челябинской области обусловленны выдачей наличных физическим лицам, резидентам РФ.<\/p>\n

Первый шаг на пути решения сложной задачи — отбросить лишнее и показать самое важное, в нашем случае, аномалии. Лаконичная идея и грамотное использование интерактивности превращает привычные форматы в мощный аналитический инструмент.<\/p>\n

Спасибо Серёже Долинину и Диме Бибикову за помощь в работе над визуализацией.<\/p>\n

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru<\/a>. Ответы публикуются по понедельникам.<\/p>\n", "date_published": "2014-07-28T23:47:12+03:00", "date_modified": "2020-03-03T22:07:01+03:00", "image": "https:\/\/blog.infotanka.ru\/pictures\/sip.png", "_date_published_rfc2822": "Mon, 28 Jul 2014 23:47:12 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-ob-anomaliyah\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/blog.infotanka.ru\/pictures\/sip.png", "https:\/\/blog.infotanka.ru\/pictures\/map@2x.png" ] } }, { "id": "210", "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-ob-otkaze-ot-shkaly-vremeni-na-diagramme\/", "title": "Вопрос-ответ: об отказе от шкалы времени на диаграмме", "content_html": "

Спрашивает Дмитрий Ачкасов:<\/p>\n

Я попытался найти способ отобразить взаимоотношение трёх валют (рубль, евро, доллар США) за несколько лет. Как вы думаете, имеет ли смысл отказываться от шкалы времени в таком случае?<\/p>\n<\/div>

\n\"\"\n<\/div>\n

Способ отличный, понятный и наглядный. Чтобы изучать график было удобнее, добавьте интерактивные подсказки при наведении. Мне показалось, что использование повторяющихся цветов во временной легенде сбивает с толку, поэтому я использовала равномерный градиент:<\/p>\n

<\/a><\/p>\n

Живой график и код<\/a> на bl.ocks<\/p>\n

Прямо на графике можно подписать тренды и события, которые привели к резким изменениям цен, как в этом замечательном примере, иллюстрирующем рост безработицы в Штатах:<\/p>\n

<\/a><\/p>\n

Ещё один способ «свернуть» временное измерение — «червячки» Морица Штефанера. Размер кружков изменяется со временем и создаёт иллюзию движения:<\/p>\n

\n\"\"\n<\/div>\n

А какие способы показать временное измерение, не используя отдельной шкалы, знаете вы?<\/p>\n", "date_published": "2014-04-29T23:25:59+03:00", "date_modified": "2020-03-03T22:09:42+03:00", "image": "https:\/\/blog.infotanka.ru\/pictures\/pic-2.png", "_date_published_rfc2822": "Tue, 29 Apr 2014 23:25:59 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-ob-otkaze-ot-shkaly-vremeni-na-diagramme\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/blog.infotanka.ru\/pictures\/pic-2.png", "https:\/\/blog.infotanka.ru\/pictures\/life-fertility-710.png" ] } }, { "id": "188", "url": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-kak-izvlech-bolshe-polzy-iz-tablicy-lichnyh-finanso\/", "title": "Вопрос-ответ: Как извлечь больше пользы из таблицы личных финансов?", "content_html": "

Спрашивает Алексей Червяков:<\/p>\n

Я веду учет личных финансов в таблицах Google. Каждый вечер я добавляю в таблицу расходы за день. Каждый месяц добавляю новый столбец «С», а остальные скрываю, чтобы не отвлекали. Часто редактируемые ячейки расположил выше.<\/p>\n

Как из этой таблицы извлечь больше пользы? Как сделать ее более удобной?<\/p>\n<\/div>

\n\"\"\n<\/div>\n

Во-первых, прошу прощения у читателей рубрики за запоздалый ответ. Вопрос показался мне очень интересным, и я решила сделать визуализацию собственных расходов. Подготовка данных и работа над интерактивной расходограммой заняли чуть больше времени, чем я ожидала :-)<\/p>\n

Алексей, суммируя данные по месяцам, вы оставляете за кадром весь сок — отдельные транзакции, которые позволяют подмечать закономерности и делать выводы. На своей расходограмме я собрала все траты по одной из банковских карт с 1 января 2012 года по настоящее время.<\/p>\n

<\/a><\/p>\n

Транзакции сгруппированы по неделям, при наведении показан размер, категория и конкретный товар (если его удалось вспомнить). Расходы в иностранной валюте показаны флагами стран внизу графика. Траты фильтруются по категориям:<\/p>\n

<\/a><\/p>\n

Какие знания можно извлечь из этой диаграммы? Да какие угодно. В 2013 году я тратила больше, чем в 2012, причём в основном снимала наличные. В марте 2013 карту скомпрометировали и до возвращения из Таиланда в Москву я ей не пользовалась. Основные статьи расходов — транспорт и еда (супермаркеты и рестораны). В 2012 году я покупала продукты в «Перекрёстке» и «Азбуке вкуса» и привозила из дьютифри дорогой алкоголь, в 2013 перешла на «Алые паруса» (переехала) и спорттовары (увлеклась бегом). В Таиланде, Хорватии и Черногории я почти не использовала карту, в Скандинавии, Штатах и ЮАР — наоборот. Неделя в Нью-йорке поставила абсолютный рекорд по развлекательным тратам. В Финляндии и Норвегии я покупала платья Marimekko и COS — это мои любимые скандинавские марки.<\/p>\n

Расходы рассказывают интересную историю. Жаль только, что не все данные доступны в удобном для визуализации формате.<\/p>\n

Живая расходограмма: https:\/\/budget.datalaboratory.ru\/<\/a><\/b><\/span><\/p>\n

Спасибо Диме Тихвинскому<\/a> за помощь в работе над визуализацией.<\/p>\n

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru<\/a>. Ответы публикуются по понедельникам.<\/p>\n", "date_published": "2014-02-13T12:56:16+03:00", "date_modified": "2020-03-03T22:13:17+03:00", "image": "https:\/\/blog.infotanka.ru\/pictures\/budget-table.png", "_date_published_rfc2822": "Thu, 13 Feb 2014 12:56:16 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/blog.infotanka.ru\/all\/vopros-otvet-kak-izvlech-bolshe-polzy-iz-tablicy-lichnyh-finanso\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/blog.infotanka.ru\/pictures\/budget-table.png" ] } } ], "_e2_version": 3239, "_e2_ua_string": "E2 (v3239; Aegea)" }