a bunch of styling. well, all the styling.

Author: Alex Rattray (Lil Mav)

coffee/main.coffee

@@ -30,9 +30,9 @@ window.drawChart = () ->
   # get dept name if its there
   hash = window.location.hash.toUpperCase()
   dept_name = if hash.length > 1 then hash.substr(1) else ''
-
+  firebase_key = dept_name or 'depts'
   # get pre-computed data from firebase, put in chart.
-  $.get "https://coursegrapher.firebaseio.com/#{dept_name}.json", (json) ->
+  $.get "https://coursegrapher.firebaseio.com/#{firebase_key}.json", (json) ->
     l 'got data', json
 
 
@@ -45,7 +45,11 @@ window.drawChart = () ->
 
       name = if dept.name? then "#{dept.name} (#{id})" else "#{dept_name} #{id}"
 
-      [
+      if dept.num < 20
+        l 'skipping dept because to small', name, dept.num
+        return null
+
+      return [
         name
         new Date(2014, 0, 1)
         get('rInstructorQuality')
@@ -68,11 +72,13 @@ window.drawChart = () ->
     # set up options, draw chart.
     chart_div = document.getElementById('chart_div')
     window.chart = new google.visualization.MotionChart(chart_div)
+    width = $('#main_container').width()
+    height = Math.min(width / 2, $(window).height() - 100)
     options =
       showYScalePicker: true
       showXScalePicker: true
-      width: 950
-      height: 450
+      width: width
+      height: height
       state: '{"showTrails":true,"playDuration":15000,"iconType":"BUBBLE","xLambda":1,"yZoomedDataMin":null,"xZoomedDataMin":null,"yLambda":1,"yZoomedIn":false,"nonSelectedAlpha":0.4,"orderedByY":false,"uniColorForNonSelected":false,"xZoomedIn":false,"time":"notime","yAxisOption":"3","xZoomedDataMax":null,"dimensions":{"iconDimensions":["dim0"]},"sizeOption":' + (if dept_name then '"_UNISIZE"' else '"12"') + ',"duration":{"multiplier":1,"timeUnit":"D"},"yZoomedDataMax":null,"xAxisOption":"2","iconKeySettings":[],"orderedByX":false,"colorOption":"4"};'
 
     chart.draw(data, options)