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
Just for fun, we took the data from the dynamic table of the individual states of the United States versus European Union nations that we posted yesterday, uploaded it to ManyEyes, then used the visualization tools at that site to create maps showing the relative size of the Gross Domestic Product per capita of each, adjusted for Purchasing Power Parity, for each region.
We next scaled the map of the E.U. to be in the same scale with respect to that measure of the map we produced for the United States, plus or minus a pixel or so, to produce the combined side-by-side map below. (And before anyone says anything, yes, it's not to geographic scale - think of it instead as being kind of a cartogram....)
All just to better visualize the relative level of living standards between individual U.S. states and E.U. nations!
Since we posted the data publicly on ManyEyes, it's available for you to create your own visualizations. If you do, please drop us a line and we'll be happy to feature your work here!
Paul Kamp at dqydj.net (aka "don't quit your day job".net) adds unemployment numbers to the cross-country comparison!
Follow this link for more information.
Labels: data visualization, gdp
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.