to your HTML Add class="sortable" to any table you'd like to make sortable Click on the headers to sort Thanks to many, many people for contributions and suggestions. Licenced as X11: http://www.kryogenix.org/code/browser/licence.html This basically means: do what you want with it. */ var stIsIE = /*@cc_on!@*/false; sorttable = { init: function() { // quit if this function has already been called if (arguments.callee.done) return; // flag this function so we don't do the same thing twice arguments.callee.done = true; // kill the timer if (_timer) clearInterval(_timer); if (!document.createElement || !document.getElementsByTagName) return; sorttable.DATE_RE = /^(\d\d?)[\/\.-](\d\d?)[\/\.-]((\d\d)?\d\d)$/; forEach(document.getElementsByTagName('table'), function(table) { if (table.className.search(/\bsortable\b/) != -1) { sorttable.makeSortable(table); } }); }, makeSortable: function(table) { if (table.getElementsByTagName('thead').length == 0) { // table doesn't have a tHead. Since it should have, create one and // put the first table row in it. the = document.createElement('thead'); the.appendChild(table.rows[0]); table.insertBefore(the,table.firstChild); } // Safari doesn't support table.tHead, sigh if (table.tHead == null) table.tHead = table.getElementsByTagName('thead')[0]; if (table.tHead.rows.length != 1) return; // can't cope with two header rows // Sorttable v1 put rows with a class of "sortbottom" at the bottom (as // "total" rows, for example). This is B&R, since what you're supposed // to do is put them in a tfoot. So, if there are sortbottom rows, // for backwards compatibility, move them to tfoot (creating it if needed). sortbottomrows = []; for (var i=0; i
It's always interesting to us to see how other data visualists who draw from the same data sources we do go about developing and presenting their own visualizations of that data.
In October 2024, we featured several visualizations drawn from the Consumer Expenditure Survey about a month after the data had just been published. That data represents how American households spent money in 2023 and our approach was to break that spending down into major categories and explore how that spending has evolved over the past 40 years.
About three months later, Visual Capitalist's Dorothy Neufield and Sabrina Lam visited the same data source, but chose to focus on just 2023 itself. They used the data to create an infographic showing how much and on what the average American household spent their money on during that year. Here's their visualization:
Since we just covered where the total compensation earned by the average American in December 2024 comes from, we thought this graphic made for a nice companion feature because it shows a good part of what Americans do with their take-home compensation. That assumes the relative share of what Americans spend on each category it shows hasn't much changed from 2023 to 2024.
The Consumer Expenditure Survey showing how Americans spent money in 2024 won't be available until sometime in September 2025, so we won't be able to properly match the spending of American households in 2024 with the average total compensation of an individual American in 2024 until then.
Dorothy Neufeld and Sabrina Lam. Visualizing How Americans Spend Their Money? [Online article]. Visual Capitalist. 26 January 2025.
Labels: data visualization
Welcome to the blogosphere's toolchest! Here, unlike other blogs dedicated to analyzing current events, we create easy-to-use, simple tools to do the math related to them so you can get in on the action too! If you would like to learn more about these tools, or if you would like to contribute ideas to develop for this blog, please e-mail us at:
ironman at politicalcalculations
Thanks in advance!
Closing values for previous trading day.
This site is primarily powered by:
The tools on this site are built using JavaScript. If you would like to learn more, one of the best free resources on the web is available at W3Schools.com.