{"id":1342,"date":"2015-12-24T15:24:04","date_gmt":"2015-12-24T14:24:04","guid":{"rendered":"https:\/\/toshl.com\/blog\/?p=1342"},"modified":"2015-12-24T15:38:39","modified_gmt":"2015-12-24T14:38:39","slug":"expense-and-income-graphs-web-app","status":"publish","type":"post","link":"https:\/\/toshl.com\/blog\/expense-and-income-graphs-web-app\/","title":{"rendered":"Expense and Income Graphs (Web App)"},"content":{"rendered":"<h3><\/h3>\n<p>&nbsp;<\/p>\n<h3>The expense and income graphs<\/h3>\n<p>&nbsp;<\/p>\n<p><strong>Category donut<\/strong><\/p>\n<p>Expense and income graphs are here to help your memory. The upper part, that\u2019s shaped like a <a href=\"https:\/\/en.wikipedia.org\/wiki\/Tokamak\">Tokamak reactor<\/a> from above (or a donut), represents the categories. Each part of the circle is a category and its size represents its portion of all the expenses. Just like any pie chart. The number in the middle of the circle is the sum of all the expenses.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1375 size-full\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/1.png?resize=540%2C720&#038;ssl=1\" alt=\"1\" width=\"540\" height=\"720\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/1.png?w=540&amp;ssl=1 540w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/1.png?resize=225%2C300&amp;ssl=1 225w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p>You can click on the categories to select them. More than one category can be selected at once. As you select them, the details below the chart change to reflect the full name of the categories and their details. You can see the total amount of a category its percentage of the total amount and how many expenses contributed to that sum. Select multiple categories and it will add them all up.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1377 size-full\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/2.png?resize=540%2C780&#038;ssl=1\" alt=\"2\" width=\"540\" height=\"780\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/2.png?w=540&amp;ssl=1 540w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/2.png?resize=208%2C300&amp;ssl=1 208w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p><strong>Tag bubbles<\/strong><br \/>\nA bit lower is the tags graph, where the size of the bubble gives a sense of proportion. This graph responds to the categories graph above. If all the categories are selected, all the tags will be displayed. Tags will display the sums for the entire tag, no matter which category they were used with.<\/p>\n<p>If you select one of the categories, only the tags used on expenses together with that category will be displayed. The sum of the tag will also be filtered and display only the sum of the tag when used together with that category.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1378 size-full\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/3.png?resize=540%2C440&#038;ssl=1\" alt=\"3\" width=\"540\" height=\"440\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/3.png?w=540&amp;ssl=1 540w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/3.png?resize=300%2C244&amp;ssl=1 300w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/3.png?resize=368%2C300&amp;ssl=1 368w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p>Another important thing to remember is that you can use more than one tag on an expense. That means that the same expense could be counted in more than one tag bubble if you used more than one tag on an expense.<\/p>\n<p>Just like with categories, tags can be selected and summed up. There is also a per day average and you can click &amp; drag them around to relieve the stress of financial issues.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>List of expenses and incomes<\/strong><br \/>\nThe list on the right can be displayed in 2 ways:<br \/>\n&#8211; by date<br \/>\n&#8211; by category<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/4.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"image-border alignnone wp-image-1379\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/4.png?resize=540%2C307&#038;ssl=1\" alt=\"4\" width=\"540\" height=\"307\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/4.png?w=1393&amp;ssl=1 1393w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/4.png?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/4.png?resize=1024%2C582&amp;ssl=1 1024w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/4.png?resize=500%2C284&amp;ssl=1 500w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/11\/4.png?resize=900%2C512&amp;ssl=1 900w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p>When listed by date, the expenses are listed chronologically, with the latest ones on top.<br \/>\nWhen listed by category, a list of all categories is shown. Categories with the highest sum of expenses are shown on top. This way, you\u2019ll be able to locate your largest money sinkholes quickly. If you click on a category, the nested tags and expenses will open up. Tags that are not assigned to any category will be listed below categories on the list.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Filtering data<\/strong><br \/>\nAs everywhere in the Web App, you can filter the data. All the graphs, sums and lists respond to the filters you selected. To filter, click the filtering bar on the top right, the one with an icon that looks like a funnel and text listing your selected accounts. A sidebar with filtering options will appear.<\/p>\n<p>You can filter your data by:<br \/>\n&#8211; <strong>financial accounts<\/strong><br \/>\n&#8211; <strong>categories<\/strong><br \/>\n&#8211; <strong>tags<\/strong><br \/>\n&#8211; <strong>locations<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Each account can be turned on or off manually. With categories, tags and locations you have the option to include all, only some or exclude some.<br \/>\nOnce the options are selected, this filtering applies pretty much everywhere, in all the graphs in the web app until you turn it off.<\/p>\n<p>&nbsp;<\/p>\n<p>Coupled with the time span settings, it enables you to really drill down into specific expenses.<br \/>\nI could go so far as to filter only the expenses that came out of my bank account on the 25th of June, 1991 with the category &#8220;Home &amp; Utilities&#8221;, using the tag \u201cflags&#8221; and bought at Maximarket. I\u2019m so <strong>specific<\/strong> that even if I dedicated my entire life to the army, I could never become a <strong>general<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A sense of proportion is a terrible thing to lack. Some call it the 7th sense. Somewhat ironically, these people who call it the 7th sense are precisely the ones who don\u2019t have it. Toshl\u2019s duty is to bring some sense of proportion to our finances, for our memories are feeble and don\u2019t do numbers justice.<\/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":[4,14,18],"tags":[],"class_list":["post-1342","post","type-post","status-publish","format-standard","hentry","category-tips-tricks","category-tutorials","category-web-app-tutorials"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9HkH6-lE","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1342","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=1342"}],"version-history":[{"count":14,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1342\/revisions"}],"predecessor-version":[{"id":1800,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1342\/revisions\/1800"}],"wp:attachment":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/media?parent=1342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/categories?post=1342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/tags?post=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}