old_contents: var sid = 0;
  var d3 = require('d3');
  var _ = require('lodash');
  var utils = require('lightning-client-utils');
  var inherits = require('inherits');
  
  
  var ScatterLine = function(selector, data, images, options) {
  
      this.id = sid++;
  
      var $el = $(selector).first();
  
      var markup = '<div class="scatter-line" id="scatter-line-' + this.id + '"><div class="scatter" style="outline: none"></div><div class="line"></div></div>';
      $el.append(markup);
      this.$el = $el;
  
      var Scatter = require('../viz/scatter');
      var scatter = new Scatter(selector + ' #scatter-line-' + this.id + ' .scatter', data, null, {width: $(selector).width(), height: 400});
      var Line = require('../viz/line');
      var line;
  
      var self = this;
      utils.fetchData(this, ['series', 0], function(err, data) {
          if(!err) {
              var series = data
              var newdata = {'series': _.times(series.length, _.constant(0))};
              line = new Line(selector + ' #scatter-line-' + self.id + ' .line', newdata, null, {width: $(selector).width(), height: 200, zoomAxes: ['x']});
          } else {
              line = new Line(selector + ' #scatter-line-' + self.id + ' .line', {series: [0]}, null, {width: $(selector).width(), height: 300, zoomAxes: ['x']});
          }
  
          self.emit('size:updated');
      });
  
      var r;
  
      var self = this;
      scatter.on('hover', function(d) {
          utils.fetchData(self, ['series', d.i], function(err, data) {
              if(!err) {
                  var series = data
                  var newdata = {'series': series};
                  if (d.c) {
                      newdata.color = [[d.c.r, d.c.g, d.c.b]]
                  }
                  line.updateData(newdata);   
              }
          });
      });
  };
  
  
  inherits(ScatterLine, require('events').EventEmitter);
  
  
  module.exports = ScatterLine;
  
new_contents: var sid = 0;
  var d3 = require('d3');
  var _ = require('lodash');
  var utils = require('lightning-client-utils');
  var inherits = require('inherits');
  
  
  var ScatterLine = function(selector, data, images, options) {
  
      this.id = sid++;
  
      var $el = $(selector).first();
  
      var markup = '<div class="scatter-line" id="scatter-line-' + this.id + '"><div class="scatter" style="outline: none"></div><div class="line"></div></div>';
      $el.append(markup);
      this.$el = $el;
  
      var Scatter = require('../viz/scatter');
      var scatter = new Scatter(selector + ' #scatter-line-' + this.id + ' .scatter', data, null, {width: $(selector).width(), height: 350});
      var Line = require('../viz/line');
      var line;
  
      var self = this;
      utils.fetchData(this, ['series', 0], function(err, data) {
          if(!err) {
              var series = data
              var newdata = {'series': _.times(series.length, _.constant(0))};
              line = new Line(selector + ' #scatter-line-' + self.id + ' .line', newdata, null, {width: $(selector).width(), height: 250, zoomAxes: ['x']});
          } else {
              line = new Line(selector + ' #scatter-line-' + self.id + ' .line', {series: [0]}, null, {width: $(selector).width(), height: 250, zoomAxes: ['x']});
          }
  
          self.emit('size:updated');
      });
  
      var r;
  
      var self = this;
      scatter.on('hover', function(d) {
          utils.fetchData(self, ['series', d.i], function(err, data) {
              if(!err) {
                  var series = data
                  var newdata = {'series': series};
                  if (d.c) {
                      newdata.color = [[d.c.r, d.c.g, d.c.b]]
                  }
                  line.updateData(newdata);   
              }
          });
      });
  };
  
  
  inherits(ScatterLine, require('events').EventEmitter);
  
  
  module.exports = ScatterLine;
  
subject: Adjust sizing