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
What's a good color scheme for showing complex data?
That's an issue we often face since we frequently feature charts produced using Microsoft Excel incorporating multiple series of data, where visually telling one data series from another can present quite a challenge. A challenge that can become even greater if the charts that use Microsoft's default color palette are viewed on an LCD screen, or if the viewer has some degree of colorblindness, or if the charts are printed out and then potentially again if the printed charts are photocopied.
Not long ago, one of our readers alerted us to ColorBrewer2, an online application for selecting color palettes that might be used for producing maps on the web, which identifies the palettes that are most viewer friendly.
We're still playing around with the application, but we think we've narrowed down a couple of color palettes upon which we might standardize our presentation of complex data, which complement the color palette we use on our site. We'd like your opinion, so we'll test drive both of them today with an updated version of one of our most complex charts.
The first chart presents our "Purple and Orange" color scheme, which promises to be visually distinguishable for colorblind readers, even on an LCD screen, and also when printed out and subsequently photocopied:
The second chart shows the same data, but using a "Purple and Green" color scheme, which is supposed to have all the advantages of the "Purple and Orange" scheme, but which is not photocopy friendly.
Finally, here's the survey:
We'll follow up with the results after we've collected enough responses.
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.