{"id":270,"date":"2018-05-08T17:53:53","date_gmt":"2018-05-08T17:53:53","guid":{"rendered":"http:\/\/lanimcleod.com\/?p=270"},"modified":"2019-01-09T09:32:34","modified_gmt":"2019-01-09T09:32:34","slug":"re-imagining-tables","status":"publish","type":"post","link":"https:\/\/lanimcleod.com\/?p=270","title":{"rendered":"Re-imagining Tables"},"content":{"rendered":"<h2>Skill Summary<\/h2>\n<table width=\"540\">\n<tbody>\n<tr style=\"background-color: #dd9933; color: #fff;\">\n<td style=\"width: 60; padding: 0 5px;\"><strong>Language<\/strong><\/td>\n<td width=\"78\"><strong>Method<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"60\">Adobe InDesign<\/td>\n<td width=\"78\">Infographic<\/td>\n<\/tr>\n<tr>\n<td width=\"60\">Excel<\/td>\n<td width=\"78\">Bar chart<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"sl-container\">\n<div class=\"sl-content\">\n<div class=\"slide\">\n<p class=\"sl-callout\">I went through a thought exercise to see what I could do with a cross tabulation, like the one below. It shows\u00a0<a href=\"https:\/\/data.cityofnewyork.us\/Education\/2007-2011-School-Progress-Report-Multi-year\/5fsg-d8c9\">NYC Open Data Overall School Grade data from the 2009 to 2010 school years<\/a>.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-347\" src=\"http:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/PlainChart.png\" alt=\"\" width=\"695\" height=\"220\" srcset=\"https:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/PlainChart.png 695w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/PlainChart-300x95.png 300w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/p>\n<\/div>\n<div class=\"slide\">\n<p class=\"sl-callout\">I started by changing the table style in order to guide the reader towards decoding a particular message in the data: number of schools with upgrades vs downgrades.<\/p><p><img decoding=\"async\" style=\"width: 100%;\" src=\"http:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-9.17.13-PM-1024x316.png\" \/><\/p>\n<\/div>\n<div class=\"slide\">\n<p class=\"sl-callout\">I pulled together an infographic to see if there was a more interesting way to present the data<\/p><p><img decoding=\"async\" style=\"width: 100%;\" src=\"http:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/PastedImage-1.png\" \/><\/p>\n<\/div>\n<div class=\"slide\">\n<p class=\"sl-callout\">I also drew up a chart for a visual way to compare volumes.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-345\" src=\"http:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/chartv3-1024x446.png\" alt=\"\" width=\"1024\" height=\"446\" srcset=\"https:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/chartv3-1024x446.png 1024w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/chartv3-300x131.png 300w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/chartv3-768x335.png 768w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2018\/05\/chartv3.png 1262w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<\/div>\n<div class=\"sl-arrows\"><button class=\"sl-leftarrow\" onclick=\"plusDivs(-1)\">&#10094;<\/button><button class=\"sl-rightarrow\" onclick=\"plusDivs(1)\">&#10095;<\/button><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Skill Summary Language Method Adobe InDesign Infographic Excel Bar chart I went through a thought exercise to see what I could do with a cross tabulation, like the one below. It shows\u00a0NYC Open Data Overall School Grade data from the 2009 to 2010 school years. I started by changing the table style in order to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":271,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[9,7,2],"tags":[],"class_list":["post-270","post","type-post","status-publish","format-standard","has-post-thumbnail","category-graphic-design","category-infographics","category-visualization","entry"],"_links":{"self":[{"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/posts\/270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=270"}],"version-history":[{"count":64,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/posts\/270\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/posts\/270\/revisions\/414"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/media\/271"}],"wp:attachment":[{"href":"https:\/\/lanimcleod.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}