{"id":1043,"date":"2015-12-23T13:07:42","date_gmt":"2015-12-23T12:07:42","guid":{"rendered":"https:\/\/toshl.com\/blog\/?p=1043"},"modified":"2016-07-13T16:03:32","modified_gmt":"2016-07-13T14:03:32","slug":"the-monthly-overview-your-personal-finances-at-a-glance-web-app","status":"publish","type":"post","link":"https:\/\/toshl.com\/blog\/the-monthly-overview-your-personal-finances-at-a-glance-web-app\/","title":{"rendered":"The Monthly Overview – Your Personal Finances at a Glance (Web App)"},"content":{"rendered":"
\"blog_tut_4_1\"<\/a><\/div>\n
<\/div>\n
<\/div>\n
It\u2019s true that this graph contains a few more elements than usual, so there is a bit of a learning curve. But give it a chance, it will make the quick looks at your finances a lot more effective. Here are the main elements:<\/div>\n
<\/div>\n
<\/div>\n
The \u201cLeft to spend\u201d number<\/b><\/div>\n
As the name implies, this big green number tells you how much money is remaining for you to spend this month. If you have set up a monthly budget, all the expenses in this month will be deducted from the budget amount and what you get is the \u201cLeft to spend\u201d number.<\/div>\n
<\/div>\n
For more details on how do we get this number read the Left to spend blog post<\/a>, or click on the river flow icon, to the far right of the left to spend number.<\/div>\n
<\/div>\n
<\/div>\n
The \u201cLeft to spend\u201d progress bar<\/b><\/div>\n
The green-coloured background of the graph is a progress bar that tells you how much money you have \u201cleft to spend\u201d. The length of the graph represents all the money you have \u201cleft to spend\u201d in the month. In the beginning of the month, the whole graph is green. But as you add more expenses, it starts shrinking from left towards the right side. Kind of like a glacier, but a green one. The green lollipop shows you where it ends and tells you how much you have left to spend.<\/div>\n
<\/div>\n
\"blog_tut_4_2b\"<\/a><\/div>\n
<\/div>\n
<\/div>\n
If you surpass the budget amount you have set for yourself, or spend more than you earn, the progress bar will start appearing from the left in red colour, with the red lollipop up front. In that case it will display how much you went over your budget, or overspent your earnings.<\/div>\n
<\/div>\n
\"blog_tut_4_3b\"<\/a><\/div>\n
<\/div>\n
The \u201ctoday\u201d lollipop<\/b><\/div>\n
You can also\u00a0see\u00a0an\u00a0upside-down\u00a0lollipop\u00a0in\u00a0dark\u00a0grey\u00a0with\u00a0\u201ctoday\u201d\u00a0written\u00a0on\u00a0it.\u00a0This\u00a0lollipop\u00a0shows\u00a0current\u00a0day compared\u00a0to\u00a0the\u00a0time of the entire month.\u00a0The\u00a0entire\u00a0length\u00a0of\u00a0the\u00a0graph represents all the time in the month and\u00a0the \u201ctoday\u201d lollipop\u00a0displays\u00a0where\u00a0you\u00a0are\u00a0now.<\/div>\n
<\/div>\n
The expense columns<\/b><\/div>\n
These red columns are daily sums of expenses. They show how much you spent on a given day in the month, telling you when you spent the most and helping you to find the main culprit of overspending. The taller and darker the column, the more was spent.<\/div>\n
Quick tip<\/strong>:\u00a0Click and hold the cursor over the graph to see the daily details.<\/div>\n
\"blog_tut_4_4b\"<\/a><\/div>\n
<\/div>\n
<\/div>\n
Compare the\u00a0\u201cleft to spend\u201d\u00a0and\u00a0\u201ctoday\u201d\u00a0lollipops<\/span><\/b><\/div>\n
To quickly size up your financial health this month, look at the two lollipops on the graph.\u00a0The green lollipop tells you how much money you have left to spend, while the grey – today lollipop tells you how much time you have left.<\/div>\n
\n
<\/div>\n
If they\u2019re aligned or almost aligned<\/b>, you\u2019re right on track<\/strong> so far. You\u2019re on the way to spend the almost exact amount of money you budgeted or earned in this period.<\/div>\n
<\/div>\n
\"blog_tut_4_5b\"<\/a><\/div>\n<\/div>\n
<\/div>\n
If the today lollipop (grey) is way ahead of the money left lollipop (green)<\/b>, then you\u2019re doing great<\/strong> this month. You\u2019ve spent less than you thought you will in this amount of time. If this happens a lot, perhaps it\u2019s time to lower the budget amount.<\/div>\n
\n
<\/div>\n
\"blog_tut_4_2b\"<\/a><\/div>\n
<\/div>\n
If the money left lollipop (green) is way ahead of the today lollipop (grey)<\/strong>, then you\u2019re not doing so well<\/strong> with your budget. You\u2019re spending more than was expected. Time to reduce your spending, or if that\u2019s not possible, make the budget amount larger next time.<\/div>\n
<\/div>\n
\"blog_tut_4_6b\"<\/a><\/div>\n
<\/div>\n
If the lollipop has already turned to red<\/strong>, you have already spent more than the money you had put in<\/strong> the budget amount. The lollipop simply tells you by how much.<\/div>\n
<\/div>\n<\/div>\n
\"blog_tut_4_3b\"<\/a><\/div>\n
<\/div>\n
<\/div>\n
To learn more, check out the Left to spend<\/a> and River flow graph\u00a0blog posts.<\/div>\n","protected":false},"excerpt":{"rendered":"

Getting a complete sense of your personal finances is important, even when you just open the app for a quick peek. That\u2019s why we made the Monthly Overview graph. We included the information you need right away and made it easy to go deeper when you need more details.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[17,4,14,18],"tags":[],"class_list":["post-1043","post","type-post","status-publish","format-standard","hentry","category-personal-finance","category-tips-tricks","category-tutorials","category-web-app-tutorials"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9HkH6-gP","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/comments?post=1043"}],"version-history":[{"count":14,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1043\/revisions"}],"predecessor-version":[{"id":2304,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1043\/revisions\/2304"}],"wp:attachment":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/media?parent=1043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/categories?post=1043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/tags?post=1043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}