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
We've been experimenting with new ways of visualizing information, this time taking data on the number of "unauthorized" immigrants by U.S. state from reports compiled by the Pew Hispanic Center, using the tools at IBM's ManyEyes site to visualize the dataset, then using Scribd to present the visualized data in a Flash-based slideshow format, which makes it easy to see the year-over-year changes for each state!
The slideshow is below. One cool feature we found is that you can use the + or - buttons to zoom in or out on a portion of the charts, and the slide show will stay focused on the zoomed section of the graphs as you change from slide-to-slide, making those year-over-year comparisons really easy.
You can access an interactive version of the charts on the ManyEyes site, which will also give you direct access to the dataset from which it was created.
We've provided the data for 1990 and 2000 as well in the interactive version, but we chose to omit it from the slideshow presentation because IBM's ManyEyes site would not fix the vertical scale of the charts, which makes it difficult to perform direct visual year-to-year comparisons with the presented data and the data for those two years.
Pew Hispanic Center. Unauthorized Immigrant Population: National and State Trends, 2010. Tables A3 and A4. 1 February 2011.
Pew Hispanic Center. U.S. Unauthorized Immigration Flows Are Down Sharply Mid-Decade. Table A1. 1 September 2010.
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.