Визуализация личных расходов

    Недавно в рубрике «Вопрос-ответ» меня попросили улучшить таблицу личных финансов.

    Эта тема оказалась настолько интересной, что я не поленилась выгрузить из своего интернет-банка данные о тратах за последние 2 года, и мы в лаборатории сделали из них интерактивную визуализацию на D3: http://budget.datalaboratory.ru

    Визуализация показывает каждую отдельную транзакцию и общее распределение трат во времени, по категориям, дням недели и времени суток. При наведении всплывает подсказка с суммой, категорией и конкретным товаром (если его удалось вспомнить). Расходы в иностранной валюте показаны флагами стран внизу графика и иллюстрируют мои перемещения.



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

    Траты фильтруются по категориям:



    А также по дням недели и времени суток:



    Видно, что в ресторанах я обычно ужинаю по будням (расплачиваюсь около 22) и обедаю по выходным, продукты покупаю днём в субботу и воскресенье. Оказывается, я часто снимаю наличные в пятницу, в промежутке с 13 до 14 — не знаю, чем это объяснить. Деньги за музыку и книги iTunes и Amazon списывают в полночь, поэтому время «окультуривания» отследить не удалось.

    Хотя наша визуализация самостоятельно не выявляет закономерностей и не даёт советов, это полезный инструмент для изучения собственных «денежных» привычек. Она открывает глаза на скрытую до этого картину трат.

    Мне было интересно изучить историю, которую хранит мой банковский счёт, и я подумала, что кому-то ещё тоже захочется взглянуть на свои расходы в аналогичном формате. Поэтому мы решили провести небольшой эксперимент на хабре. Если визуализация вас заинтересовала, и вы готовы потратить пару часов, чтобы увидеть свою картину трат, подготовьте csv-файл с расходами из интернет-банка (минимум за полгода, максимум за два) в следующем формате:

    date;value;target;category;place
    date;value;target;category;place
    01/01/12 17:53;330;; кино; Россия;
    13/01/12 15:21;470; Хлеб насущный; рестораны; Россия;

    и пришлите его на data@datalaboratory.ru с пометкой «Расходограмма».

    Мы отберём 10-20 наиболее интересных выборок, визуализируем их и опубликуем на сайте. Все данные будут размещены в открытом доступе, но имя, при желании, можно заменить на вымышленное. Если эксперимент пройдёт успешно, мы подумаем над созданием микро-сервиса по визуализации расходов, доступного всем желающим.

    Добавлено позже. Желающих построить диграмму собственных расходов оказалось чуть меньше, чем мы ожидали. Те, кто прислал свои данные найдут визуализацию по адресу: budget.datalaboratory.ru

    Лаборатория данных
    43,43
    Создаём интерактивные визуализации на D3.js
    Поделиться публикацией

    Похожие публикации

    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 29

      +1
      Узнал d3js по КДПВ.
        0
        Интересная реализация. Вообще с более-менее активным переходом с наличной валюты на карточную систему (наконец то) такие сервисы приобретают смысл. У какого-то банка даже было что-то похожее встроено прямо в личный кабинет онлайн на основе транзакций с карты. Даже категории присваивались автоматом;
          +3
          В ТКС банке как раз есть анализ расходов:

          image

          Видна только мгновенная картина, никаких трендов и закономерностей.
            +4
            в АльфаКлике отображается стата за прошедшие месяцы

            А по щелчку уже детальная информация на основе транзакций
            Скрытый текст
              +8
              Мобильная связь? Про дорогую ипотеку жалуетесь знакомым?)
                0
                Ахах, это покупка телефона в Связном попала в мобильную связь. Ипотека — отдельная строчка, которую я сам заполняю. Не нашел кастомных групп, кидаю в несуществующие в моих статьях расходов. Как-то так.
                  0
                  А что за ипотека такая с такой маленькой ежемесячной суммой?
                  Можно в личку)
                    0
                    Ипотека — то, чего нет в моей жизни )) Следовательно, в эту группу можно безболезненно накидывать какие-то другие расходы (при отсутствии альтернатив), не боясь, что туда же попадут какие-то другие расходы автоматически. И да, у меня всегда было туго с объяснениями.
                      0
                      так там же сразу была возможность управлять своими категориями. не сильно дружелюбно, но можно ))
              +1
              Да даже в сбербанке уже ввели, что говорить про лидеров рынка. И даже копейки показывать предлагают.

              +16
              Прелестно! Кто хочет поделиться банковской выпиской с общественностью?
              Можно продолжить идею: интеграция с социальными сетями. Друзья будут лайкать транзакции и прибавку к зп.
                –1
                Эксперимент не подойдёт любителям секретности, это уж точно!
                  0
                  Зачем свои? Можно и депутатские :)
                +4
                Вы типа пошутили? В моём банке это уже успели реализовать (реально возле каждой транзакции была кнопка «Расшарить на Фейсбуке!»), внедрить, получить по шапке когда пару клиентов промахнулась и суммы с назначениями платежей реально расшарились, и выпилить нафиг. Цикл занял полгода.
                  +4
                  В личном кабинет ТКС можно размещать инфу от транзакции в соцсетях ;)
                  0
                  Красиво конечно выглядит, но основная фишка в подготовке данных. А вы говорите сделайте и пришлите мы нарисуем. Графики можно и самому нарисовать, для себя (эксльки и тп) или для web.
                    +1
                    Реализация диаграммы отняла примерно в 10 раз больше времени, чем сбор и подготовка данных. Конечно, графики в экселе нарисовать будет проще :-)
                    +6
                    Жкх, книги, музеи… — тут прям напрашивается визуализация в виде пирамиды Маслоу ))
                      +3
                      Скажите, а почему на всех графиках данные за 100 лет — с 2012го по 2104?!
                        0
                        Спасибо, поправила!
                        0
                        Вот только пока категория «наличные» настолько велика, не очень эффективно получается.
                        +1
                        Вам бы как-то поработать с zenmoney. У них там есть и API и вообще вроде как отзывчивы люди. Там как раз проблемы с детализацией информации о расходах.
                          0
                          Проясните, пожалуйста формат.
                               date     ; value ;    target    ; category ; place ;
                          13/01/12 15:21;3;5;470; Хлеб насущный; рестораны; Россия;
                          
                          Почему в шапке 5 полей, а в строке значений — 7? Получается будто value = 3;5;470.
                            0
                            Прошу прощения, в пример закрались лишние столбцы. Должно быть 5 полей и 5 значений:
                            13/01/12 15:21;470; Хлеб насущный; рестораны; Россия;
                            0
                            У меня то же самое делает mint.com
                            Ко всему он еще и подгружает транзакции со всех моих счетов (включая счета мужа, чтобы видеть общий бюджет). Правда, диаграммы там в основном круговые и, мне кажется, удобнее.
                            При наведении мышки на категорию показывает сумму, которая была потрачена в этой категории. На клик — показывает траты внутри категории (если есть подкатегории).
                              0
                              Насколько я знаю, Минт не работает с российскими банками. Основной недостаток круговых диаграмм в том, что невозможно увидеть динамику по месяцам — только суммарные данные за период.
                              0
                              Там можно транзакции и вручную вводить. Для тех, у кого расчеты в основном за наличные, по идее, разница невелика.
                              Да, насчет круговой диаграммы вы правы, наверное мне она просто акутальнее. Динамика от месяца к месяцу у меня скачет туда и обратно, поэтому я предпочитаю анализировать данные сразу за полгода, чтобы понимать, как у меня сбалансирован бюджет и куда пропадают деньги :)

                              Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                              Самое читаемое