From 740da1ac5282a61439f389d273146222b67d1faf Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Mon, 13 Mar 2017 21:42:10 -0400
Subject: [PATCH 01/15] Use real school names and placeholder data

---
 employment-outcomes.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index 87a8165..042c9dc 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -40,20 +40,22 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         // PROCESS AND TRANSFORM RAW DATA
         //
 
-        var chartCategories = ['School A', 'School B', 'School C', 'School D', 'School E']
+        var chartCategories = reports.map(function(report){ return report.school_name })
+
+        var tempData = chartCategories.map(function(category){ return 100})
 
         var chartSeries = [
           {
             name: 'Unemployed',
-            data: [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: tempData // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
             name: 'Public Interest',
-            data: [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: tempData // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
             name: 'Big Law',
-            data: [3, 4, 4, 2, 5] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: tempData // [3, 4, 4, 2, 5] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           }
         ]
 

From 76e502266d468711737d5e124b0fb071902f1552 Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 13:22:54 -0400
Subject: [PATCH 02/15] Use real school data - for the moment focusing on
 employed vs unemployed statuses

---
 CREDITS.md               |   1 +
 employment-outcomes.html | 118 ++++++++++++++++++---------------------
 2 files changed, 54 insertions(+), 65 deletions(-)

diff --git a/CREDITS.md b/CREDITS.md
index 50bd6b5..70a95a8 100644
--- a/CREDITS.md
+++ b/CREDITS.md
@@ -7,6 +7,7 @@
 ## Data Visualization
 
   + [Previous project](https://github.com/data-creative/us-gov-greenhouse-gas-emissions/blob/master/emissions.html) involving Highcharts stacked bar graphs
+    + https://github.com/data-creative/us-gov-greenhouse-gas-emissions/blob/master/emissions.html#L88-L93
 
 ### Charting Libraries
 
diff --git a/employment-outcomes.html b/employment-outcomes.html
index 042c9dc..16ffffb 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -25,91 +25,79 @@ <h2>Employment Outcomes for Recent Graduates</h2>
     <script src="https://d3js.org/d3.v4.min.js"></script>
     <script type="text/javascript">
 
+      const statuses = [
+        "Employed - Bar Passage Required",
+        "Employed - J.D. Advantage",
+        "Employed - Professional Position",
+        "Employed - Non-Professional Position",
+        "Employed - Law School/University Funded",
+        "Employed - Undeterminable",
+        "Pursuing Graduate Degree Full Time",
+        "Unemployed - Start Date Deferred",
+        "Unemployed - Not Seeking",
+        "Unemployed - Seeking",
+        "Employment Status Unknown"
+      ]
+      const employedStatuses = statuses.filter(function(status){ return status.includes("Employed") })
+      const unemployedStatuses = statuses.filter(function(status){ return !status.includes("Employed") })
+
       //
       // REQUEST DATA FROM NEARBY JSON FILE
       //
 
-      var url = "data/2015/employment_summary_reports.json"
-      var myData
+      const url = "data/2015/employment_summary_reports.json"
+      var reports
+      var sortedReports
+      var report
       var myChart
+      var chartSeries
 
-      d3.json(url, function(reports){
-        myData = reports // assign the raw JSON data to the `myData` variable to access it later via the console for debugging
+      d3.json(url, function(json){
+        reports = json
 
         //
         // PROCESS AND TRANSFORM RAW DATA
         //
 
-        var chartCategories = reports.map(function(report){ return report.school_name })
+        sortedReports = reports.sort(function(a, b){
+          return d3.ascending(a.school_name, b.school_name )
+        })
+
+        var chartCategories = sortedReports.map(function(report){ return report.school_name })
+
+        var sortedEmployedCounts = sortedReports.map(function(report){
+          var reportEmployedCounts = report.employment_outcomes.statuses.filter(function(obj){
+            return obj.status.includes("Employed")
+          }).map(function(obj){
+            return obj.count
+          })
+
+          return d3.sum(reportEmployedCounts)
+        })
 
-        var tempData = chartCategories.map(function(category){ return 100})
+        var sortedUnemployedCounts = sortedReports.map(function(report){
+          var reportUnemployedCounts = report.employment_outcomes.statuses.filter(function(obj){
+            return !obj.status.includes("Employed")
+          }).map(function(obj){
+            return obj.count
+          })
 
-        var chartSeries = [
+          return d3.sum(reportUnemployedCounts)
+        })
+
+        chartSeries = [
           {
             name: 'Unemployed',
-            data: tempData // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
-          },
-          {
-            name: 'Public Interest',
-            data: tempData // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            //color: 'red'
+            data: sortedUnemployedCounts // sortedUnemployedCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
-            name: 'Big Law',
-            data: tempData // [3, 4, 4, 2, 5] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            name: 'Employed',
+            //color: 'green'
+            data: sortedEmployedCounts // sortedEmployedCounts // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           }
         ]
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
         //
         // COMPILE CHART
         //

From e4b8566735aaf19a2f22ab0999408639d864d255 Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 13:30:46 -0400
Subject: [PATCH 03/15] Specify relevant colors

---
 CREDITS.md               | 3 +++
 employment-outcomes.html | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/CREDITS.md b/CREDITS.md
index 70a95a8..ae70095 100644
--- a/CREDITS.md
+++ b/CREDITS.md
@@ -8,6 +8,9 @@
 
   + [Previous project](https://github.com/data-creative/us-gov-greenhouse-gas-emissions/blob/master/emissions.html) involving Highcharts stacked bar graphs
     + https://github.com/data-creative/us-gov-greenhouse-gas-emissions/blob/master/emissions.html#L88-L93
+  + [D3/Colorbrewer Color Scales](https://bl.ocks.org/mbostock/5577023)
+  + [Previous Project](https://github.com/data-creative/us-income-and-affordability/blob/master/index.html) using color scales
+  + [Another Previous Project](https://github.com/data-creative/us-state-legislature-compositions/blob/master/index.html) using color scales
 
 ### Charting Libraries
 
diff --git a/employment-outcomes.html b/employment-outcomes.html
index 16ffffb..8dfe172 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -22,6 +22,7 @@ <h2>Employment Outcomes for Recent Graduates</h2>
       </p>
     </footer>
 
+    <script src="http://d3js.org/colorbrewer.v1.min.js"></script>
     <script src="https://d3js.org/d3.v4.min.js"></script>
     <script type="text/javascript">
 
@@ -88,12 +89,12 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         chartSeries = [
           {
             name: 'Unemployed',
-            //color: 'red'
+            color: colorbrewer.Reds[9][6],
             data: sortedUnemployedCounts // sortedUnemployedCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
             name: 'Employed',
-            //color: 'green'
+            color: colorbrewer.Greens[9][6],
             data: sortedEmployedCounts // sortedEmployedCounts // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           }
         ]

From 926a40e2057115dd3338d827a906bdb91c019f1e Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 14:41:18 -0400
Subject: [PATCH 04/15] Compile tooltips using a custom function

---
 CREDITS.md               | 16 ++++++++++------
 employment-outcomes.html | 21 ++++++++++++++++-----
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/CREDITS.md b/CREDITS.md
index ae70095..3978319 100644
--- a/CREDITS.md
+++ b/CREDITS.md
@@ -3,15 +3,10 @@
 ## Data Processing
 
   + [Previous project](https://github.com/dwillis/state_legislatures/) dealing with PDF-to-CSV conversions
+  + [JavaScript String Interpolation](http://stackoverflow.com/questions/1408289/how-can-i-do-string-interpolation-in-javascript)
 
 ## Data Visualization
 
-  + [Previous project](https://github.com/data-creative/us-gov-greenhouse-gas-emissions/blob/master/emissions.html) involving Highcharts stacked bar graphs
-    + https://github.com/data-creative/us-gov-greenhouse-gas-emissions/blob/master/emissions.html#L88-L93
-  + [D3/Colorbrewer Color Scales](https://bl.ocks.org/mbostock/5577023)
-  + [Previous Project](https://github.com/data-creative/us-income-and-affordability/blob/master/index.html) using color scales
-  + [Another Previous Project](https://github.com/data-creative/us-state-legislature-compositions/blob/master/index.html) using color scales
-
 ### Charting Libraries
 
 #### NVD3
@@ -21,6 +16,7 @@
 
 #### Highcharts
 
+  + [Previous project](https://github.com/data-creative/us-gov-greenhouse-gas-emissions/blob/master/emissions.html) involving Highcharts stacked bar graphs
   + http://www.highcharts.com/demo/column-stacked
   + http://www.highcharts.com/demo/column-stacked-percent
   + http://www.highcharts.com/docs/export-module/export-module-overview
@@ -30,3 +26,11 @@
   + http://api.highcharts.com/highcharts/series%3Ccolumn%3E.data.name
   + http://jsfiddle.net/wxxEu/2/
   + http://stackoverflow.com/questions/18035421/highcharts-how-can-i-take-x-axis-value-in-tooltip
+  + http://stackoverflow.com/q/16991335/670433
+  + http://api.highcharts.com/highcharts/Highcharts.numberFormat
+
+### Colors
+
+  + [D3/Colorbrewer Color Scales](https://bl.ocks.org/mbostock/5577023)
+  + [Previous Project](https://github.com/data-creative/us-income-and-affordability/blob/master/index.html) using color scales
+  + [Another Previous Project](https://github.com/data-creative/us-state-legislature-compositions/blob/master/index.html) using color scales
diff --git a/employment-outcomes.html b/employment-outcomes.html
index 8dfe172..7018290 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -47,14 +47,12 @@ <h2>Employment Outcomes for Recent Graduates</h2>
       //
 
       const url = "data/2015/employment_summary_reports.json"
-      var reports
       var sortedReports
-      var report
       var myChart
       var chartSeries
 
       d3.json(url, function(json){
-        reports = json
+        var reports = json
 
         //
         // PROCESS AND TRANSFORM RAW DATA
@@ -103,6 +101,18 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         // COMPILE CHART
         //
 
+        function customTooltip(point) {
+          var tooltip = ''
+          var headerFormat = '<b>' + point.x.toUpperCase() + '</b>'
+          tooltip += headerFormat
+          tooltip += '<br/>'
+          point.points.forEach(function(p){
+            var pointFormat = `<span style="color:${p.series.color}">${p.series.name}</span>: <b>${p.y}</b> (${  Highcharts.numberFormat(p.percentage, 0)  }%)<br/>`
+            tooltip += pointFormat
+          })
+          return tooltip
+        }
+
         //var chartSeries = [
         //    {
         //      name: 'Unemployed',
@@ -180,8 +190,9 @@ <h2>Employment Outcomes for Recent Graduates</h2>
             stackLabels: {enabled: true}
           },
           tooltip: {
-            headerFormat: '<b>{point.x}</b><br/>', // '<b>{point.key}</b><br/>'
-            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
+            //headerFormat: '<b>{point.x}</b><br/>', // '<b>{point.key}</b><br/>'
+            //pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
+            formatter: function(){ return customTooltip(this) },
             shared: true
           },
           plotOptions: {

From dfcf74602cd95583bb526ee74fdd63b10c37d323 Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 15:03:23 -0400
Subject: [PATCH 05/15] Add total grads to tooltip for reference

---
 employment-outcomes.html | 51 +++++++++++++++++++++++-----------------
 1 file changed, 30 insertions(+), 21 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index 7018290..fe460db 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -46,10 +46,8 @@ <h2>Employment Outcomes for Recent Graduates</h2>
       // REQUEST DATA FROM NEARBY JSON FILE
       //
 
-      const url = "data/2015/employment_summary_reports.json"
-      var sortedReports
-      var myChart
-      var chartSeries
+      const year = 2015
+      const url = `data/${year}/employment_summary_reports.json`
 
       d3.json(url, function(json){
         var reports = json
@@ -62,29 +60,38 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           return d3.ascending(a.school_name, b.school_name )
         })
 
-        var chartCategories = sortedReports.map(function(report){ return report.school_name })
-
-        var sortedEmployedCounts = sortedReports.map(function(report){
-          var reportEmployedCounts = report.employment_outcomes.statuses.filter(function(obj){
-            return obj.status.includes("Employed")
-          }).map(function(obj){
-            return obj.count
+        var sortedEmployedCounts = sortedReports.map(function(rpt){
+          var reportEmployedCounts = rpt.employment_outcomes.statuses.filter(function(statusCount){
+            return statusCount.status.includes("Employed")
+          }).map(function(statusCount){
+            return statusCount.count
           })
 
           return d3.sum(reportEmployedCounts)
         })
 
-        var sortedUnemployedCounts = sortedReports.map(function(report){
-          var reportUnemployedCounts = report.employment_outcomes.statuses.filter(function(obj){
-            return !obj.status.includes("Employed")
-          }).map(function(obj){
-            return obj.count
+        var sortedUnemployedCounts = sortedReports.map(function(rpt){
+          var reportUnemployedCounts = rpt.employment_outcomes.statuses.filter(function(statusCount){
+            return !statusCount.status.includes("Employed")
+          }).map(function(statusCount){
+            return statusCount.count
           })
 
           return d3.sum(reportUnemployedCounts)
         })
 
-        chartSeries = [
+        function report(schoolShortName) {
+          return sortedReports.find(function(rpt){ return rpt.school_name.toUpperCase() == schoolShortName })
+        }
+
+        function totalGrads(schoolShortName) {
+          var rpt = report(schoolShortName)
+          return rpt.total_grads;
+        }
+
+        var chartCategories = sortedReports.map(function(rpt){ return rpt.school_name.toUpperCase() })
+
+        var chartSeries = [
           {
             name: 'Unemployed',
             color: colorbrewer.Reds[9][6],
@@ -103,13 +110,15 @@ <h2>Employment Outcomes for Recent Graduates</h2>
 
         function customTooltip(point) {
           var tooltip = ''
-          var headerFormat = '<b>' + point.x.toUpperCase() + '</b>'
+          var headerFormat = `<b>${point.x.toUpperCase()}</b><br/>`
+          headerFormat += `<b>Total Grads: ${totalGrads(point.x)}</b><br/>`
           tooltip += headerFormat
-          tooltip += '<br/>'
-          point.points.forEach(function(p){
-            var pointFormat = `<span style="color:${p.series.color}">${p.series.name}</span>: <b>${p.y}</b> (${  Highcharts.numberFormat(p.percentage, 0)  }%)<br/>`
+
+          point.points.forEach(function(pt){
+            var pointFormat = `<span style="color:${pt.series.color}">${pt.series.name}</span>: <b>${pt.y}</b> (${  Highcharts.numberFormat(pt.percentage, 0)  }%)<br/>`
             tooltip += pointFormat
           })
+
           return tooltip
         }
 

From 37112549537ba605f68f57955b7cf86afc72b41e Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 15:13:13 -0400
Subject: [PATCH 06/15] Format x axis labels

---
 employment-outcomes.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index fe460db..4dc0795 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -191,7 +191,14 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           title: {text: 'Employment Outcomes by School'},
           xAxis: {
             categories: chartCategories,
-            type: "category"
+            type: "category",
+            opposite:true,
+            labels:{
+              //formatter:function(){
+              //  return `<b>${this.value}</b>`
+              //},
+              style: { "color": "#000", "cursor": "default", "fontSize": "11px" }
+            }
           },
           yAxis: {
             min: 0,

From f41cc0a287e3901b9aca3f81a0b86208f5af3e3b Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 15:54:58 -0400
Subject: [PATCH 07/15] Refactor similar map-reduce functions

---
 employment-outcomes.html | 57 +++++++++++++++++++++-------------------
 1 file changed, 30 insertions(+), 27 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index 4dc0795..9524937 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -26,7 +26,7 @@ <h2>Employment Outcomes for Recent Graduates</h2>
     <script src="https://d3js.org/d3.v4.min.js"></script>
     <script type="text/javascript">
 
-      const statuses = [
+      const employmentStatuses = [
         "Employed - Bar Passage Required",
         "Employed - J.D. Advantage",
         "Employed - Professional Position",
@@ -39,8 +39,8 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         "Unemployed - Seeking",
         "Employment Status Unknown"
       ]
-      const employedStatuses = statuses.filter(function(status){ return status.includes("Employed") })
-      const unemployedStatuses = statuses.filter(function(status){ return !status.includes("Employed") })
+      const employedStatuses = employmentStatuses.filter(function(status){ return status.includes("Employed") })
+      const unemployedStatuses = employmentStatuses.filter(function(status){ return !status.includes("Employed") })
 
       //
       // REQUEST DATA FROM NEARBY JSON FILE
@@ -60,34 +60,32 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           return d3.ascending(a.school_name, b.school_name )
         })
 
-        var sortedEmployedCounts = sortedReports.map(function(rpt){
-          var reportEmployedCounts = rpt.employment_outcomes.statuses.filter(function(statusCount){
-            return statusCount.status.includes("Employed")
+        // PROCESS EMPLOYMENT STATUSES
+
+        // Returns the sum of an array of counts matching any status included in the given list
+        // @param [Object] rpt
+        // @param [Array] statuses
+        function sumOfStatusCounts(report, statuses) {
+          var counts = report.employment_outcomes.statuses.filter(function(statusCount){
+            return statuses.includes(statusCount.status)
           }).map(function(statusCount){
             return statusCount.count
           })
 
-          return d3.sum(reportEmployedCounts)
+          return d3.sum(counts)
+        }
+
+        var sortedEmployedCounts = sortedReports.map(function(rpt){
+          return sumOfStatusCounts(rpt, employedStatuses)
         })
 
         var sortedUnemployedCounts = sortedReports.map(function(rpt){
-          var reportUnemployedCounts = rpt.employment_outcomes.statuses.filter(function(statusCount){
-            return !statusCount.status.includes("Employed")
-          }).map(function(statusCount){
-            return statusCount.count
-          })
-
-          return d3.sum(reportUnemployedCounts)
+          return sumOfStatusCounts(rpt, unemployedStatuses)
         })
 
-        function report(schoolShortName) {
-          return sortedReports.find(function(rpt){ return rpt.school_name.toUpperCase() == schoolShortName })
-        }
-
-        function totalGrads(schoolShortName) {
-          var rpt = report(schoolShortName)
-          return rpt.total_grads;
-        }
+        //
+        // COMPILE CHART
+        //
 
         var chartCategories = sortedReports.map(function(rpt){ return rpt.school_name.toUpperCase() })
 
@@ -95,18 +93,23 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           {
             name: 'Unemployed',
             color: colorbrewer.Reds[9][6],
-            data: sortedUnemployedCounts // sortedUnemployedCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedUnemployedCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
             name: 'Employed',
             color: colorbrewer.Greens[9][6],
-            data: sortedEmployedCounts // sortedEmployedCounts // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedEmployedCounts // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           }
         ]
 
-        //
-        // COMPILE CHART
-        //
+        function report(schoolShortName) {
+          return sortedReports.find(function(rpt){ return rpt.school_name.toUpperCase() == schoolShortName })
+        }
+
+        function totalGrads(schoolShortName) {
+          var rpt = report(schoolShortName)
+          return rpt.total_grads;
+        }
 
         function customTooltip(point) {
           var tooltip = ''

From fc5b040fb5ce3b36525507949ab22b7547fd7809 Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 16:11:25 -0400
Subject: [PATCH 08/15] Distinguish between employment types - focusing on law
 firm sizes

---
 employment-outcomes.html | 81 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 79 insertions(+), 2 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index 9524937..0f046e1 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -42,6 +42,32 @@ <h2>Employment Outcomes for Recent Graduates</h2>
       const employedStatuses = employmentStatuses.filter(function(status){ return status.includes("Employed") })
       const unemployedStatuses = employmentStatuses.filter(function(status){ return !status.includes("Employed") })
 
+      const employmentTypes = [
+        {type: "Law Firms (Unknown Size)", defaultDisplayGroup: "Law Firm (Small)"},
+        {type: "Law Firms (Solo)", defaultDisplayGroup: "Law Firm (Small)"},
+        {type: "Law Firms (2 - 10)", defaultDisplayGroup: "Law Firm (Small)"},
+        {type: "Law Firms (11 - 25)", defaultDisplayGroup: "Law Firm (Small)"},
+        {type: "Law Firms (26 - 50)", defaultDisplayGroup: "Law Firm (Small)"},
+        {type: "Law Firms (51 - 100)", defaultDisplayGroup: "Law Firm (Medium)"},
+        {type: "Law Firms (101 - 250)", defaultDisplayGroup: "Law Firm (Medium)"},
+        {type: "Law Firms (251 - 500)", defaultDisplayGroup: "Law Firm (Big)"},
+        {type: "Law Firms (501 +)", defaultDisplayGroup: "Law Firm (Big)"},
+
+        {type: "Business & Industry", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Government", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Pub. Int.", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Clerkships - Federal", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Clerkships - State & Local", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Clerkships - Other", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Education", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Employer Type Unknown", defaultDisplayGroup: "Employed (Other)"}
+      ] // todo: define additional groups
+
+      const smallLawTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Small)" }).map(function(obj){ return obj.type })
+      const mediumLawTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Medium)" }).map(function(obj){ return obj.type })
+      const bigLawTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Big)" }).map(function(obj){ return obj.type })
+      const otherEmploymentTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Employed (Other)" }).map(function(obj){ return obj.type })
+
       //
       // REQUEST DATA FROM NEARBY JSON FILE
       //
@@ -83,6 +109,37 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           return sumOfStatusCounts(rpt, unemployedStatuses)
         })
 
+        // PROCESS EMPLOYMENT TYPES
+
+        // Returns the sum of an array of counts matching any type included in the given list
+        // @param [Object] rpt
+        // @param [Array] types
+        function sumOfTypeCounts(report, types) {
+          var counts = report.employment_outcomes.types.filter(function(typeCount){
+            return types.includes(typeCount.type)
+          }).map(function(typeCount){
+            return typeCount.count
+          })
+
+          return d3.sum(counts)
+        }
+
+        var sortedOtherEmploymentCounts = sortedReports.map(function(rpt){
+          return sumOfTypeCounts(rpt, otherEmploymentTypes)
+        })
+
+        var sortedSmallLawCounts = sortedReports.map(function(rpt){
+          return sumOfTypeCounts(rpt, smallLawTypes)
+        })
+
+        var sortedMediumLawCounts = sortedReports.map(function(rpt){
+          return sumOfTypeCounts(rpt, mediumLawTypes)
+        })
+
+        var sortedBigLawCounts = sortedReports.map(function(rpt){
+          return sumOfTypeCounts(rpt, bigLawTypes)
+        })
+
         //
         // COMPILE CHART
         //
@@ -95,10 +152,30 @@ <h2>Employment Outcomes for Recent Graduates</h2>
             color: colorbrewer.Reds[9][6],
             data: sortedUnemployedCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
+          //{
+          //  name: 'Employed',
+          //  color: colorbrewer.Greens[9][6],
+          //  data: sortedEmployedCounts // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          //}
+          {
+            name: 'Employed (Other)',
+            color: colorbrewer.Purples[9][6],
+            data: sortedOtherEmploymentCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+          {
+            name: 'Law Firm (Small)',
+            color: colorbrewer.Greens[9][4],
+            data: sortedSmallLawCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+          {
+            name: 'Law Firm (Medium)',
+            color: colorbrewer.Greens[9][5],
+            data: sortedMediumLawCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
           {
-            name: 'Employed',
+            name: 'Law Firm (Big)',
             color: colorbrewer.Greens[9][6],
-            data: sortedEmployedCounts // [2, 2, 3, 2, 1] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedBigLawCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           }
         ]
 

From 6b61d9a94d0aafb60abd053d73084f4066bb3eea Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 16:24:05 -0400
Subject: [PATCH 09/15] Decrease granularity when grouping law firms by size

---
 employment-outcomes.html | 44 ++++++++++++++++------------------------
 1 file changed, 17 insertions(+), 27 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index 0f046e1..eb86c2a 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -43,13 +43,13 @@ <h2>Employment Outcomes for Recent Graduates</h2>
       const unemployedStatuses = employmentStatuses.filter(function(status){ return !status.includes("Employed") })
 
       const employmentTypes = [
-        {type: "Law Firms (Unknown Size)", defaultDisplayGroup: "Law Firm (Small)"},
-        {type: "Law Firms (Solo)", defaultDisplayGroup: "Law Firm (Small)"},
-        {type: "Law Firms (2 - 10)", defaultDisplayGroup: "Law Firm (Small)"},
-        {type: "Law Firms (11 - 25)", defaultDisplayGroup: "Law Firm (Small)"},
-        {type: "Law Firms (26 - 50)", defaultDisplayGroup: "Law Firm (Small)"},
-        {type: "Law Firms (51 - 100)", defaultDisplayGroup: "Law Firm (Medium)"},
-        {type: "Law Firms (101 - 250)", defaultDisplayGroup: "Law Firm (Medium)"},
+        {type: "Law Firms (Unknown Size)", defaultDisplayGroup: "Law Firm (Other)"},
+        {type: "Law Firms (Solo)", defaultDisplayGroup: "Law Firm (Other)"},
+        {type: "Law Firms (2 - 10)", defaultDisplayGroup: "Law Firm (Other)"},
+        {type: "Law Firms (11 - 25)", defaultDisplayGroup: "Law Firm (Other)"},
+        {type: "Law Firms (26 - 50)", defaultDisplayGroup: "Law Firm (Other)"},
+        {type: "Law Firms (51 - 100)", defaultDisplayGroup: "Law Firm (Other)"},
+        {type: "Law Firms (101 - 250)", defaultDisplayGroup: "Law Firm (Big)"},
         {type: "Law Firms (251 - 500)", defaultDisplayGroup: "Law Firm (Big)"},
         {type: "Law Firms (501 +)", defaultDisplayGroup: "Law Firm (Big)"},
 
@@ -63,9 +63,8 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         {type: "Employer Type Unknown", defaultDisplayGroup: "Employed (Other)"}
       ] // todo: define additional groups
 
-      const smallLawTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Small)" }).map(function(obj){ return obj.type })
-      const mediumLawTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Medium)" }).map(function(obj){ return obj.type })
-      const bigLawTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Big)" }).map(function(obj){ return obj.type })
+      const bigLawFirmTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Big)" }).map(function(obj){ return obj.type })
+      const otherLawFirmTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Other)" }).map(function(obj){ return obj.type })
       const otherEmploymentTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Employed (Other)" }).map(function(obj){ return obj.type })
 
       //
@@ -128,16 +127,12 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           return sumOfTypeCounts(rpt, otherEmploymentTypes)
         })
 
-        var sortedSmallLawCounts = sortedReports.map(function(rpt){
-          return sumOfTypeCounts(rpt, smallLawTypes)
+        var sortedOtherLawFirmCounts = sortedReports.map(function(rpt){
+          return sumOfTypeCounts(rpt, otherLawFirmTypes)
         })
 
-        var sortedMediumLawCounts = sortedReports.map(function(rpt){
-          return sumOfTypeCounts(rpt, mediumLawTypes)
-        })
-
-        var sortedBigLawCounts = sortedReports.map(function(rpt){
-          return sumOfTypeCounts(rpt, bigLawTypes)
+        var sortedBigLawFirmCounts = sortedReports.map(function(rpt){
+          return sumOfTypeCounts(rpt, bigLawFirmTypes)
         })
 
         //
@@ -163,20 +158,15 @@ <h2>Employment Outcomes for Recent Graduates</h2>
             data: sortedOtherEmploymentCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
-            name: 'Law Firm (Small)',
+            name: 'Law Firm (Other)',
             color: colorbrewer.Greens[9][4],
-            data: sortedSmallLawCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
-          },
-          {
-            name: 'Law Firm (Medium)',
-            color: colorbrewer.Greens[9][5],
-            data: sortedMediumLawCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedOtherLawFirmCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
             name: 'Law Firm (Big)',
             color: colorbrewer.Greens[9][6],
-            data: sortedBigLawCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
-          }
+            data: sortedBigLawFirmCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
         ]
 
         function report(schoolShortName) {

From 140f4c64a5f234561728888fa7a33e52ed6fa14e Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 17:12:23 -0400
Subject: [PATCH 10/15] Include a subtitle to clarify the definition of 'big'
 law firms

---
 CREDITS.md               |  5 +++++
 employment-outcomes.html | 13 ++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/CREDITS.md b/CREDITS.md
index 3978319..29fc60e 100644
--- a/CREDITS.md
+++ b/CREDITS.md
@@ -1,5 +1,9 @@
 # Credits, Notes, and Reference
 
+## Data Dictionary
+
+  + [Defining the size of "big" law firms](http://www.top-law-schools.com/introduction-to-biglaw.html)
+
 ## Data Processing
 
   + [Previous project](https://github.com/dwillis/state_legislatures/) dealing with PDF-to-CSV conversions
@@ -28,6 +32,7 @@
   + http://stackoverflow.com/questions/18035421/highcharts-how-can-i-take-x-axis-value-in-tooltip
   + http://stackoverflow.com/q/16991335/670433
   + http://api.highcharts.com/highcharts/Highcharts.numberFormat
+  + http://api.highcharts.com/highcharts/subtitle
 
 ### Colors
 
diff --git a/employment-outcomes.html b/employment-outcomes.html
index eb86c2a..aa8f256 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -247,7 +247,10 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         // ]
 
         var chartOptions = {
-          chart: {type: 'column'},
+          chart: {
+            type: 'column',
+            marginBottom:50 // make room to display the subtitle below the chart.
+          },
           exporting:{
             enabled:true,
             buttons: {contextButton: {text: 'Export'}}
@@ -259,6 +262,14 @@ <h2>Employment Outcomes for Recent Graduates</h2>
             verticalAlign:'middle'
           },
           title: {text: 'Employment Outcomes by School'},
+          subtitle: {
+            text: 'Copyright 2017 Data Creative (http://data-creative.info). Note: law firm size considered "Big" if greater than or equal to 100 employees.',
+            align:'left',
+            verticalAlign:'bottom',
+            floating:true,
+            y: -5,
+            style: { "font-size":10, "font-style":"italic" }
+          },
           xAxis: {
             categories: chartCategories,
             type: "category",

From e123910e3d4a6f9b37106b788efb0ecc16d57505 Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 17:41:13 -0400
Subject: [PATCH 11/15] Re-configure tooltip behavior and formatting

---
 CREDITS.md               | 13 ++++++++-----
 employment-outcomes.html |  7 +++++--
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/CREDITS.md b/CREDITS.md
index 29fc60e..81116fc 100644
--- a/CREDITS.md
+++ b/CREDITS.md
@@ -27,12 +27,15 @@
   + http://api.highcharts.com/highcharts/plotOptions.column.dataLabels
   + http://stackoverflow.com/questions/13275648/disable-click-on-legend-in-highcharts-column-graph
   + http://api.highcharts.com/highcharts/xAxis.categories
-  + http://api.highcharts.com/highcharts/series%3Ccolumn%3E.data.name
-  + http://jsfiddle.net/wxxEu/2/
-  + http://stackoverflow.com/questions/18035421/highcharts-how-can-i-take-x-axis-value-in-tooltip
-  + http://stackoverflow.com/q/16991335/670433
-  + http://api.highcharts.com/highcharts/Highcharts.numberFormat
   + http://api.highcharts.com/highcharts/subtitle
+  + Tooltip Content, Formatting, and Positioning:
+    + http://api.highcharts.com/highcharts/series%3Ccolumn%3E.data.name
+    + http://stackoverflow.com/questions/18035421/highcharts-how-can-i-take-x-axis-value-in-tooltip
+    + http://stackoverflow.com/q/16991335/670433
+    + http://api.highcharts.com/highcharts/Highcharts.numberFormat
+    + http://api.highcharts.com/highcharts/tooltip.backgroundColor
+    + https://github.com/highcharts/highcharts/issues/2961
+    + [Specify Background Color and Opacity](http://jsfiddle.net/highcharts/9vrYL/)
 
 ### Colors
 
diff --git a/employment-outcomes.html b/employment-outcomes.html
index aa8f256..5a7412d 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -263,7 +263,7 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           },
           title: {text: 'Employment Outcomes by School'},
           subtitle: {
-            text: 'Copyright 2017 Data Creative (http://data-creative.info). Note: law firm size considered "Big" if greater than or equal to 100 employees.',
+            text: 'Copyright 2017 Data Creative (http://data-creative.info). Does not distinguish between short-term/long-term or full-time/part-time employment. Law firm size considered "Big" if greater than or equal to 100 employees.',
             align:'left',
             verticalAlign:'bottom',
             floating:true,
@@ -290,7 +290,10 @@ <h2>Employment Outcomes for Recent Graduates</h2>
             //headerFormat: '<b>{point.x}</b><br/>', // '<b>{point.key}</b><br/>'
             //pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
             formatter: function(){ return customTooltip(this) },
-            shared: true
+            shared: true,
+            borderColor: '#000',
+            followPointer:true,
+            backgroundColor:'rgba(255,255,255, 1)' // use white background and remove opacity
           },
           plotOptions: {
             column: {

From a6ca2647c4e609d3289c677b86253e6bcd301c3e Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 17:59:03 -0400
Subject: [PATCH 12/15] Refactor processing of any data series derived from a
 group of employment types

---
 employment-outcomes.html | 28 +++++++++++-----------------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index 5a7412d..a2141da 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -63,8 +63,6 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         {type: "Employer Type Unknown", defaultDisplayGroup: "Employed (Other)"}
       ] // todo: define additional groups
 
-      const bigLawFirmTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Big)" }).map(function(obj){ return obj.type })
-      const otherLawFirmTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Law Firm (Other)" }).map(function(obj){ return obj.type })
       const otherEmploymentTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Employed (Other)" }).map(function(obj){ return obj.type })
 
       //
@@ -110,6 +108,14 @@ <h2>Employment Outcomes for Recent Graduates</h2>
 
         // PROCESS EMPLOYMENT TYPES
 
+        // Returns a sorted series of numbers, each representing the sum of counts for all employment types belonging to the given display group.
+        // @param [String] displayGroup e.g. "Law Firm (Big)"
+        function sortedEmploymentTypeSeries(displayGroup) {
+          var types = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == displayGroup }).map(function(obj){ return obj.type })
+
+          return sortedReports.map(function(rpt){ return sumOfTypeCounts(rpt, types) })
+        }
+
         // Returns the sum of an array of counts matching any type included in the given list
         // @param [Object] rpt
         // @param [Array] types
@@ -123,18 +129,6 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           return d3.sum(counts)
         }
 
-        var sortedOtherEmploymentCounts = sortedReports.map(function(rpt){
-          return sumOfTypeCounts(rpt, otherEmploymentTypes)
-        })
-
-        var sortedOtherLawFirmCounts = sortedReports.map(function(rpt){
-          return sumOfTypeCounts(rpt, otherLawFirmTypes)
-        })
-
-        var sortedBigLawFirmCounts = sortedReports.map(function(rpt){
-          return sumOfTypeCounts(rpt, bigLawFirmTypes)
-        })
-
         //
         // COMPILE CHART
         //
@@ -155,17 +149,17 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           {
             name: 'Employed (Other)',
             color: colorbrewer.Purples[9][6],
-            data: sortedOtherEmploymentCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedEmploymentTypeSeries('Employed (Other)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
             name: 'Law Firm (Other)',
             color: colorbrewer.Greens[9][4],
-            data: sortedOtherLawFirmCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedEmploymentTypeSeries('Law Firm (Other)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
           {
             name: 'Law Firm (Big)',
             color: colorbrewer.Greens[9][6],
-            data: sortedBigLawFirmCounts // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedEmploymentTypeSeries('Law Firm (Big)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
         ]
 

From 9cc4dc80063dc3d5547f746b1754bdea84aae186 Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 18:13:12 -0400
Subject: [PATCH 13/15] Distinguish between all other employment types

---
 employment-outcomes.html | 55 ++++++++++++++++++++++++++++++++++------
 1 file changed, 47 insertions(+), 8 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index a2141da..90be6db 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -53,13 +53,13 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         {type: "Law Firms (251 - 500)", defaultDisplayGroup: "Law Firm (Big)"},
         {type: "Law Firms (501 +)", defaultDisplayGroup: "Law Firm (Big)"},
 
-        {type: "Business & Industry", defaultDisplayGroup: "Employed (Other)"},
-        {type: "Government", defaultDisplayGroup: "Employed (Other)"},
-        {type: "Pub. Int.", defaultDisplayGroup: "Employed (Other)"},
-        {type: "Clerkships - Federal", defaultDisplayGroup: "Employed (Other)"},
-        {type: "Clerkships - State & Local", defaultDisplayGroup: "Employed (Other)"},
-        {type: "Clerkships - Other", defaultDisplayGroup: "Employed (Other)"},
-        {type: "Education", defaultDisplayGroup: "Employed (Other)"},
+        {type: "Business & Industry", defaultDisplayGroup: "Business & Industry"},
+        {type: "Government", defaultDisplayGroup: "Government"},
+        {type: "Pub. Int.", defaultDisplayGroup: "Public Interest"},
+        {type: "Clerkships - Federal", defaultDisplayGroup: "Clerkship (Federal)"},
+        {type: "Clerkships - State & Local", defaultDisplayGroup: "Clerkship (Other)"},
+        {type: "Clerkships - Other", defaultDisplayGroup: "Clerkship (Other)"},
+        {type: "Education", defaultDisplayGroup: "Education"},
         {type: "Employer Type Unknown", defaultDisplayGroup: "Employed (Other)"}
       ] // todo: define additional groups
 
@@ -148,9 +148,48 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           //}
           {
             name: 'Employed (Other)',
-            color: colorbrewer.Purples[9][6],
+            color: colorbrewer.Oranges[9][2],
             data: sortedEmploymentTypeSeries('Employed (Other)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
+          {
+            name: 'Education',
+            color: colorbrewer.Oranges[9][4],
+            data: sortedEmploymentTypeSeries('Education') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+          {
+            name: 'Government',
+            color: colorbrewer.Oranges[9][6],
+            data: sortedEmploymentTypeSeries('Government') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+
+
+          {
+            name: 'Clerkship (Other)',
+            color: colorbrewer.Purples[9][4],
+            data: sortedEmploymentTypeSeries('Clerkship (Other)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+          {
+            name: 'Clerkship (Federal)',
+            color: colorbrewer.Purples[9][6],
+            data: sortedEmploymentTypeSeries('Clerkship (Federal)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+
+
+
+
+          {
+            name: "Public Interest",
+            color: colorbrewer.Blues[9][4],
+            data: sortedEmploymentTypeSeries("Public Interest") // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+          {
+            name: 'Business & Industry',
+            color: colorbrewer.Blues[9][6],
+            data: sortedEmploymentTypeSeries('Business & Industry') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+          },
+
+
+
           {
             name: 'Law Firm (Other)',
             color: colorbrewer.Greens[9][4],

From c647c79df619c15244d533c78d2f7b4eef68c84b Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 18:27:59 -0400
Subject: [PATCH 14/15] Decrease granularity of employment-type groupings

---
 employment-outcomes.html | 41 ++++++++++++++++------------------------
 1 file changed, 16 insertions(+), 25 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index 90be6db..a4d4822 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -56,14 +56,12 @@ <h2>Employment Outcomes for Recent Graduates</h2>
         {type: "Business & Industry", defaultDisplayGroup: "Business & Industry"},
         {type: "Government", defaultDisplayGroup: "Government"},
         {type: "Pub. Int.", defaultDisplayGroup: "Public Interest"},
-        {type: "Clerkships - Federal", defaultDisplayGroup: "Clerkship (Federal)"},
-        {type: "Clerkships - State & Local", defaultDisplayGroup: "Clerkship (Other)"},
-        {type: "Clerkships - Other", defaultDisplayGroup: "Clerkship (Other)"},
-        {type: "Education", defaultDisplayGroup: "Education"},
+        {type: "Clerkships - Federal", defaultDisplayGroup: "Clerkship"},
+        {type: "Clerkships - State & Local", defaultDisplayGroup: "Clerkship"},
+        {type: "Clerkships - Other", defaultDisplayGroup: "Clerkship"},
+        {type: "Education", defaultDisplayGroup: "Employed (Other)"},
         {type: "Employer Type Unknown", defaultDisplayGroup: "Employed (Other)"}
-      ] // todo: define additional groups
-
-      const otherEmploymentTypes = employmentTypes.filter(function(obj){ return obj.defaultDisplayGroup == "Employed (Other)" }).map(function(obj){ return obj.type })
+      ]
 
       //
       // REQUEST DATA FROM NEARBY JSON FILE
@@ -148,14 +146,18 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           //}
           {
             name: 'Employed (Other)',
-            color: colorbrewer.Oranges[9][2],
+            color: colorbrewer.Greys[9][6],
             data: sortedEmploymentTypeSeries('Employed (Other)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
+
+
+
           {
-            name: 'Education',
+            name: "Public Interest",
             color: colorbrewer.Oranges[9][4],
-            data: sortedEmploymentTypeSeries('Education') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedEmploymentTypeSeries("Public Interest") // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
+
           {
             name: 'Government',
             color: colorbrewer.Oranges[9][6],
@@ -163,25 +165,15 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           },
 
 
+
+
           {
-            name: 'Clerkship (Other)',
-            color: colorbrewer.Purples[9][4],
-            data: sortedEmploymentTypeSeries('Clerkship (Other)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
-          },
-          {
-            name: 'Clerkship (Federal)',
+            name: 'Clerkship',
             color: colorbrewer.Purples[9][6],
-            data: sortedEmploymentTypeSeries('Clerkship (Federal)') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
+            data: sortedEmploymentTypeSeries('Clerkship') // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
           },
 
 
-
-
-          {
-            name: "Public Interest",
-            color: colorbrewer.Blues[9][4],
-            data: sortedEmploymentTypeSeries("Public Interest") // [5, 3, 4, 7, 2] // must be in same order as ['School A', 'School B', 'School C', 'School D', 'School E']
-          },
           {
             name: 'Business & Industry',
             color: colorbrewer.Blues[9][6],
@@ -189,7 +181,6 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           },
 
 
-
           {
             name: 'Law Firm (Other)',
             color: colorbrewer.Greens[9][4],

From 09c63ba10302fcae41270d44f8ec9b532821701d Mon Sep 17 00:00:00 2001
From: MJ Rossetti <datacreativellc@gmail.com>
Date: Tue, 14 Mar 2017 18:51:30 -0400
Subject: [PATCH 15/15] Format y axis labels

---
 employment-outcomes.html | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/employment-outcomes.html b/employment-outcomes.html
index a4d4822..6a33b29 100644
--- a/employment-outcomes.html
+++ b/employment-outcomes.html
@@ -285,7 +285,7 @@ <h2>Employment Outcomes for Recent Graduates</h2>
             layout:'vertical',
             verticalAlign:'middle'
           },
-          title: {text: 'Employment Outcomes by School'},
+          title: {text: 'Employment Outcomes by Law School'},
           subtitle: {
             text: 'Copyright 2017 Data Creative (http://data-creative.info). Does not distinguish between short-term/long-term or full-time/part-time employment. Law firm size considered "Big" if greater than or equal to 100 employees.',
             align:'left',
@@ -307,8 +307,16 @@ <h2>Employment Outcomes for Recent Graduates</h2>
           },
           yAxis: {
             min: 0,
-            title: {text: 'Percentage of 2015 Graduates'},
-            stackLabels: {enabled: true}
+            title: {
+              text: 'PERCENTAGE OF 2015 GRADUATES',
+              style: { "color": "#000", "cursor": "default", "fontSize": "11px" }
+            },
+            stackLabels: {enabled: true},
+            labels:{
+              enabled:true,
+              format: '{value}%',
+              style: { "color": "#000", "cursor": "default", "fontSize": "11px" }
+            }
           },
           tooltip: {
             //headerFormat: '<b>{point.x}</b><br/>', // '<b>{point.key}</b><br/>'