Давно хотел набросать для себя небольшую визуализацию расходов с возможностью делать прогноз на будущее. Сделать в excel это тоже можно, но программно все же проще.

Ну, и…

Получился небольшой проектик на 500 строчек. Который берет данные экспортированные из Quicken в виде CSV, и выводит график на их основе. Добавил фильтрации по аккаунтам и таблицу с транзакциями. Еще хотелось посмотреть, как выглядит картинка в экстраполяции на несколько лет вперед. Особенно интересно следующее:

• Как влияет цена акций Amazon на доходы в среднесрочной перспективе
• Как влияет стоимость аренды жилья
• Детский садик (как-никак $1500 в месяц)

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

Естественно всего не учтешь, есть непредвиденные обстоятельства, но иметь картинку в голове считаю полезным.

На счет технологий, просто перечислю:

• Webpack
  Потому что удобно.

• Babel
  Потому что писать на es6/es7 гораздо короче, а async/await делают код гораздо более читаемым.

• D3
  Графики же.

• React
  Tренд и интересный подход к разработе UI на основе virtual DOM.

• React-Toolbox
  Компоненты нужны, проще взять готовые.

• Redux
  Воспринимаю Redux как еще один естественный шаг в развитии Flux.

• Reselect
  В состоянии приложения есть зависимые части их надо пересчитывать.

• react-faux-dom
  По умолчанию d3 плохо дружит с React. Ну, мы заставим их дружить!