{"id":17,"date":"2018-02-16T01:00:01","date_gmt":"2018-02-16T01:00:01","guid":{"rendered":"http:\/\/lanimcleod.com\/?p=17"},"modified":"2019-01-09T09:32:51","modified_gmt":"2019-01-09T09:32:51","slug":"dashboard","status":"publish","type":"post","link":"https:\/\/lanimcleod.com\/?p=17","title":{"rendered":"Dashboards"},"content":{"rendered":"<h2>Skill Summary<\/h2>\n<div id=\"select_area\">\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\">D3.js v4<\/td>\n<td width=\"78\">Drill-down and stacked bar chart<\/td>\n<\/tr>\n<tr>\n<td width=\"60\">JQuery<\/td>\n<td width=\"78\">Data Munging<\/td>\n<\/tr>\n<tr>\n<td width=\"60\">Underscore.js<\/td>\n<td width=\"78\">Data Munging<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"sl-container\">\n<div class=\"sl-content\" >\n<div class=\"slide\"><p>My implementation of a drill-down horizontal bar chart for a dashboard I created for managers to scroll through the business income tax filers and their audit coverage. (Data shown below not actual)<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-234 size-large\" src=\"http:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard1-1024x544.png\" alt=\"\" width=\"1024\" height=\"544\" srcset=\"https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard1-1024x544.png 1024w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard1-300x159.png 300w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard1-768x408.png 768w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div>\n<div class=\"slide\"><p>The pie and secondary column chart update based on the drill down level of the main horizontal bar chart. All data can be filtered by various parameters.<\/p><p> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-235 size-large\" src=\"http:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard22-1024x544.png\" alt=\"\" width=\"1024\" height=\"544\" srcset=\"https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard22-1024x544.png 1024w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard22-300x159.png 300w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard22-768x408.png 768w, https:\/\/lanimcleod.com\/wp-content\/uploads\/2017\/08\/TPDashboard22.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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 D3.js v4 Drill-down and stacked bar chart JQuery Data Munging Underscore.js Data Munging My implementation of a drill-down horizontal bar chart for a dashboard I created for managers to scroll through the business income tax filers and their audit coverage. (Data shown below not actual) The pie and secondary column chart [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":19,"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,2],"tags":[],"class_list":["post-17","post","type-post","status-publish","format-standard","has-post-thumbnail","category-graphic-design","category-visualization","entry"],"_links":{"self":[{"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/posts\/17","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=17"}],"version-history":[{"count":15,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/posts\/17\/revisions"}],"predecessor-version":[{"id":450,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/posts\/17\/revisions\/450"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=\/wp\/v2\/media\/19"}],"wp:attachment":[{"href":"https:\/\/lanimcleod.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lanimcleod.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}