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
Can you tell, quickly, how many coronavirus cases have been reported in the state of Washington in the following data visualization? Is that more or less than New York? How about California?
This map is a screenshot we snapped on 17 March 2020 of the dashboard map at Johns Hopkins Coronavirus Resource Center, which is one of the leading sources of public information about the progression of the coronavirus pandemic. The odds are that unless you already knew the answers to the questions we asked at the beginning, you wouldn't be able to answer them just from looking at the map as presented.
To be fair, the map is designed to visualize the progression of cases around the world, not just in the U.S. The map's designer did provide the means to get the information however. Since the map is an interactive one at the Johns Hopkins site, you could click on the circles that appear above each of these states to get the data, zooming in to get to your state of interest where the circles overlap each other at the scale we showed above, but doing so will take multiple steps to access the data. There must be a simpler way to visualize the daily snapshot of this data to allow the data for one state to be quickly compared with others.
That's why we've developed the following simply bar chart comparing each state's reported number of confirmed cases, deaths, and recovered patients, which we'll update periodically until the total number of cases has stabilized.
It's basic, but it works. And for what it's worth, if you're looking for coronavirus maps the U.S., there are many very bad examples. Check out this map from the U.S. Centers for Disease Control, which was flagged on the Crappy Design subreddit:
The good news is the CDC has since fixed the color scale problem of their map. It's still not terribly useful, but that's the government for you.
Adding a second chart to present the numeric data from the first chart as a percent of each state or territory's 2019 estimated population:
Update 9 June 2020: We are moving away from providing near-daily updates to the tables in this page toward less frequent updates. As always, the tables will indicate the date they were last updated through!
2019 Novel Coronavirus COVID-19 (2019-nCoV) Data Repository by Johns Hopkins CSSE. CSSE COVID-19 Time Series Data: Confirmed. [CSV File].
2019 Novel Coronavirus COVID-19 (2019-nCoV) Data Repository by Johns Hopkins CSSE. CSSE COVID-19 Time Series Data: Recovered. [CSV File].
2019 Novel Coronavirus COVID-19 (2019-nCoV) Data Repository by Johns Hopkins CSSE. CSSE COVID-19 Time Series Data: Deaths. [CSV File].
U.S. Census Bureau. Annual Estimates of the Resident Pouplation for the United States, Regions, States, and Puerto Rico: April 1, 2010 to July 1, 2019 (NST-EST2019-02). [Excel Spreadsheet]. Last updated 30 December 2019. Accessed 14 March 2020.
The COVID Tracking Project. Most Recent Data. [CSV File].
Labels: coronavirus, data visualization, health
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.