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
COVID-19, or as its perhaps better known, the 2019 novel coronavirus (2019-nCoV), or just "the coronavirus" has become the subject of intense analysis around the world. Digesting all that data and presenting it in useful ways to communicate how many people have contracted the virus, how many have died, how many have recovered, and how fast it is spreading is likewise presenting challenges to analysts.
The difficulty of that challenge is why we appreciate top notch data visualization efforts wherever we find them, and why the work of the infographic analysts at the South China Morning Post stands out in particular. Focusing on their home city of Hong Kong, which through the morning of 4 March 2020 reported a total of 102 confirmed cases, their presentation communicates a wealth of information about the progress of the viral infection within the special administrative region by day using a visualization format we're calling "The Tower of Hong Kong", which might be a model for other cities combating the virus to follow in communicating its impact and progress to their communities.
You could then combine the skyscraper tower charts for multiple cities into a single skyline chart to visually compare the relative spread of coronavirus infections among them, where height communicates the total number of days the infection has lasted in each, the width of the towers indicates how many cases each has had, and the changing width of each story how fast the virus was recorded to be spreading among each city's population.
That's not all the impressive work the data visualization wizards at the SCMP have done. Through 3 March 2020, they've also diagrammed the first 100 confirmed cases of coronavirus infections in Hong Kong, revealing much more information about the people who have been diagnosed with it and the relationships between them to describe how these cases spread. It's large enough that we won't attempt to do a screen capture to present it here, but do check it out at the SCMP's site to see it and their latest updates to the Tower of Hong Kong chart.
Labels: coronavirus, 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.