nvd3-rails 0.0.1 → 0.0.1.1

data/vendor/assets/javascripts/nvd3/deprecated/lineWithLegend.js

@@ -1,176 +0,0 @@
-
-nv.models.lineWithLegend = function() {
-  var margin = {top: 30, right: 20, bottom: 50, left: 60},
-      color = d3.scale.category20().range(),
-      width, height;
-
-  var lines = nv.models.line(),
-      //x = d3.scale.linear(),
-      //y = d3.scale.linear(),
-      x = lines.xScale(),
-      y = lines.yScale(),
-      xAxis = nv.models.axis().scale(x).orient('bottom'),
-      yAxis = nv.models.axis().scale(y).orient('left'),
-      legend = nv.models.legend().height(30),
-      dispatch = d3.dispatch('tooltipShow', 'tooltipHide');
-
-
-  function chart(selection) {
-    selection.each(function(data) {
-
-      var availableWidth = (width  || parseInt(d3.select(this).style('width')) || 960)
-                             - margin.left - margin.right,
-          availableHeight = (height || parseInt(d3.select(this).style('height')) || 400)
-                             - margin.top - margin.bottom;
-
-
-      lines
-        .width(availableWidth)
-        .height(availableHeight)
-        .color(data.map(function(d,i) {
-            return d.color || color[i % 10];
-          }).filter(function(d,i) { return !data[i].disabled }));
-
-
-      var wrap = d3.select(this).selectAll('g.wrap.lineWithLegend').data([data]);
-      var gEnter = wrap.enter().append('g').attr('class', 'wrap nvd3 lineWithLegend').append('g');
-
-      gEnter.append('g').attr('class', 'x axis');
-      gEnter.append('g').attr('class', 'y axis');
-      gEnter.append('g').attr('class', 'linesWrap');
-      gEnter.append('g').attr('class', 'legendWrap');
-
-
-
-      //TODO: margins should be adjusted based on what components are used: axes, axis labels, legend
-      margin.top = legend.height();
-
-      var g = wrap.select('g')
-          .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');
-
-
-
-      legend.width(availableWidth / 2);
-
-      g.select('.legendWrap')
-          .datum(data)
-          .attr('transform', 'translate(' + (availableWidth / 2) + ',' + (-margin.top) +')')
-          .call(legend);
-
-
-
-      var linesWrap = g.select('.linesWrap')
-          .datum(data.filter(function(d) { return !d.disabled }))
-
-      d3.transition(linesWrap).call(lines);
-
-
-
-      xAxis
-        .domain(x.domain())
-        .range(x.range())
-        .ticks( availableWidth / 100 )
-        .tickSize(-availableHeight, 0);
-
-      g.select('.x.axis')
-          .attr('transform', 'translate(0,' + y.range()[0] + ')');
-      d3.transition(g.select('.x.axis'))
-          .call(xAxis);
-
-
-      yAxis
-        .domain(y.domain())
-        .range(y.range())
-        .ticks( availableHeight / 36 )
-        .tickSize( -availableWidth, 0);
-
-      d3.transition(g.select('.y.axis'))
-          .call(yAxis);
-
-
-
-
-      legend.dispatch.on('legendClick', function(d,i) { 
-        d.disabled = !d.disabled;
-
-        if (!data.filter(function(d) { return !d.disabled }).length) {
-          data.map(function(d) {
-            d.disabled = false;
-            wrap.selectAll('.series').classed('disabled', false);
-            return d;
-          });
-        }
-
-        selection.transition().call(chart);
-      });
-
-/*
-      //
-      legend.dispatch.on('legendMouseover', function(d, i) {
-        d.hover = true;
-        selection.transition().call(chart)
-      });
-
-      legend.dispatch.on('legendMouseout', function(d, i) {
-        d.hover = false;
-        selection.transition().call(chart)
-      });
-*/
-
-      lines.dispatch.on('elementMouseover.tooltip', function(e) {
-        dispatch.tooltipShow({
-          point: e.point,
-          series: e.series,
-          pos: [e.pos[0] + margin.left, e.pos[1] + margin.top],
-          seriesIndex: e.seriesIndex,
-          pointIndex: e.pointIndex
-        });
-      });
-
-      lines.dispatch.on('elementMouseout.tooltip', function(e) {
-        dispatch.tooltipHide(e);
-      });
-
-    });
-
-
-    // If the legend changed the margin's height, need to recalc positions... should think of a better way to prevent duplicate work
-    if (margin.top != legend.height())
-      chart(selection);
- 
-
-    return chart;
-  }
-
-
-  chart.dispatch = dispatch;
-  chart.legend = legend;
-  chart.xAxis = xAxis;
-  chart.yAxis = yAxis;
-
-  d3.rebind(chart, lines, 'x', 'y', 'size', 'xDomain', 'yDomain', 'forceX', 'forceY', 'interactive', 'clipEdge', 'clipVoronoi', 'id');
-
-
-  chart.margin = function(_) {
-    if (!arguments.length) return margin;
-    margin = _;
-    return chart;
-  };
-
-  chart.width = function(_) {
-    if (!arguments.length) return width;
-    width = _;
-    //width = d3.functor(_);
-    return chart;
-  };
-
-  chart.height = function(_) {
-    if (!arguments.length) return height;
-    height = _;
-    //height = d3.functor(_);
-    return chart;
-  };
-
-
-  return chart;
-}

data/vendor/assets/javascripts/nvd3/deprecated/monthendAxis.html

@@ -1,99 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-<link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
-<style>
-
-</style>
-
-<body>
-
-
-  <script src="../lib/d3.v2.js"></script>
-  <script src="../nv.d3.js"></script>
-  <script>
-
-    function ilog(text) {
-      console.log(text);
-      return text;
-    }
-
-
-  function daysInMonth(month,year) {
-    var m = [31,28,31,30,31,30,31,31,30,31,30,31];
-    if (month != 2) return m[month - 1];
-    if (year%4 != 0) return m[1];
-    if (year%100 == 0 && year%400 != 0) return m[1];
-    return m[1] + 1;
-  }
-
-
-  function d3_time_range(floor, step, number) {
-    return function(t0, t1, dt) {
-      var time = floor(t0), times = [];
-      if (time < t0) step(time);
-      if (dt > 1) {
-        while (time < t1) {
-          var date = new Date(+time);
-          if (!(number(date) % dt)) times.push(date);
-          step(time);
-        }
-      } else {
-        while (time < t1) times.push(new Date(+time)), step(time);
-      }
-      return times;
-    };
-  }
-
-
-  d3.time.monthEnd = function(date) {
-    return new Date(date.getFullYear(), date.getMonth(), 0);
-  };
-
-
-  d3.time.monthEnds = d3_time_range(d3.time.monthEnd, function(date) {
-      date.setUTCDate(date.getUTCDate() + 1);
-      date.setDate(daysInMonth(date.getMonth() + 1, date.getFullYear()));
-    }, function(date) {
-      return date.getMonth();
-    }
-  );
-
-
-
-
-  var margin = {top: 10, right: 40, bottom: 40, left: 40},
-      width = 960 - margin.left - margin.right,
-      height = 80 - margin.top - margin.bottom;
-
-  var x = d3.time.scale()
-      .domain([new Date(2010, 0, 1), new Date(2011, 0, 1)])
-      .range([0, width]);
-
-  var xAxis = d3.svg.axis()
-      .scale(x)
-      .orient("bottom")
-      //.ticks(d3.time.months)
-      .ticks(d3.time.monthEnds)
-      //.tickSubdivide(3)
-      .tickSize(8, 4, 0)
-      .tickFormat(d3.time.format("%x"));
-      //.tickFormat(d3.time.format("%B"));
-
-  var svg = d3.select("body").append("svg")
-      .attr("width", width + margin.left + margin.right)
-      .attr("height", height + margin.top + margin.bottom)
-    .append("g")
-      .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
-
-  svg.append("g")
-      .attr("class", "x axis")
-      .attr("transform", "translate(0," + height + ")")
-      .call(xAxis)
-
-    .selectAll("text")
-      .attr("text-anchor", "middle")
-      //.attr("text-anchor", "start")
-      .attr("x", 0)
-      .attr("y", 12);
-
-  </script>

data/vendor/assets/javascripts/nvd3/deprecated/multiBarHorizontalWithLegend.html

@@ -1,258 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-
-<link href="../src/d3.css" rel="stylesheet" type="text/css">
-
-<style>
-
-body {
-  overflow-y:scroll;
-}
-
-text {
-  font: 12px sans-serif;
-}
-
-#chart1 {
-  height: 500px;
-  margin: 10px;
-  min-width: 100px;
-  min-height: 100px;
-/*
-  Minimum height and width is a good idea to prevent negative SVG dimensions...
-  For example width should be =< margin.left + margin.right + 1,
-  of course 1 pixel for the entire chart would not be very useful, BUT should not have errors
-*/
-}
-
-</style>
-<body>
-
-  <div id="chart1">
-  </div>
-
-<script src="../lib/d3.v2.js"></script>
-<script src="../nv.d3.js"></script>
-<script src="../src/tooltip.js"></script>
-<script src="../src/models/legend.js"></script>
-<script src="../src/models/axis.js"></script>
-<script src="../src/models/multiBarHorizontal.js"></script>
-<script src="../src/models/multiBarHorizontalWithLegend.js"></script>
-<script src="stream_layers.js"></script>
-<script>
-
-var test_data = stream_layers(3,12,.1).map(function(data, i) {
-  return {
-    key: 'Stream' + i,
-    values: data
-  };
-});
-
-
-
-long_short_data = [ 
-  {
-    key: 'Short',
-    color: '#d62728',
-    values: [
-      { 
-        "label" : "Information Technology" ,
-        "y" : -1.8746444827653
-      } , 
-      { 
-        "label" : "Consumer Discretionary" ,
-        "y" : -8.0961543492239
-      } , 
-      { 
-        "label" : "Health Care" ,
-        "y" : -0.57072943117674
-      } , 
-      { 
-        "label" : "Consumer Staples" ,
-        "y" : -2.4174010336624
-      } , 
-      {
-        "label" : "Financials" ,
-        "y" : -0.72009071426284
-      } , 
-      { 
-        "label" : "Industrials" ,
-        "y" : -0.77154485523777
-      } , 
-      { 
-        "label" : "Energy" ,
-        "y" : -0.90152097798131
-      } , 
-      {
-        "label" : "Materials" , 
-        "y" : -0.91445417330854
-      } , 
-      { 
-        "label" : "Telecommunication Services" , 
-        "y" : -0.055746319141851
-      }
-    ]
-  },
-  {
-    key: 'Long',
-    color: '#1f77b4',
-    values: [
-      { 
-        "label" : "Information Technology" ,
-        "y" : 25.307646510375
-      } , 
-      { 
-        "label" : "Consumer Discretionary" ,
-        "y" : 16.756779544553
-      } , 
-      { 
-        "label" : "Health Care" ,
-        "y" : 18.451534877007
-      } , 
-      { 
-        "label" : "Consumer Staples" ,
-        "y" : 8.6142352811805
-      } , 
-      {
-        "label" : "Financials" ,
-        "y" : 7.8082472075876
-      } , 
-      { 
-        "label" : "Industrials" ,
-        "y" : 5.259101026956
-      } , 
-      { 
-        "label" : "Energy" ,
-        "y" : 0.30947953487127
-      } , 
-      { 
-        "label" : "Materials" ,
-        "y" : 0
-      } , 
-      { 
-        "label" : "Telecommunication Services" ,
-        "y" : 0 
-      }
-    ]
-  }
-];
-
-
-
-  var selector = '#chart1',
-  chart = nv.models.multiBarHorizontalWithLegend()
-            .x(function(d) { return d.label })
-            .margin({top: 30, right: 20, bottom: 50, left: 160})
-            .showControls(false),
-      data = long_short_data,
-      //data = test_data,
-      xTickFormat = function(d) { return d },
-      //xTickFormat = d3.format(',r'),
-      yTickFormat = d3.format(',.2f'),
-      xAxisLabel = null,
-      yAxisLabel = null,
-    duration = 500;
-
-nv.addGraph({
-  generate: function() {
-    var container = d3.select(selector),
-        width = function() { return parseInt(container.style('width')) },
-        height = function() { return parseInt(container.style('height')) },
-        svg = container.append('svg');
-
-    chart
-        .width(width)
-        .height(height);
-
-    chart.xAxis
-        .tickFormat(xTickFormat);
-
-    chart.yAxis
-        .tickFormat(yTickFormat)
-        .axisLabel(yAxisLabel);
-
-    svg
-        .attr('width', width())
-        .attr('height', height())
-        .datum(data)
-      .transition().duration(duration).call(chart);
-
-    return chart;
-  },
-  callback: function(chart) {
-    var showTooltip = function showTooltip(e) {
-      var offsetElement = document.getElementById(selector.substr(1)),
-          left = e.pos[0] + offsetElement.offsetLeft,
-          top = e.pos[1] + offsetElement.offsetTop,
-          formatY = chart.yAxis.tickFormat(), //Assumes using same format as axis, can customize to show higher precision, etc.
-          formatX = chart.xAxis.tickFormat();
-
-      // uses the chart's getX and getY, you may customize if x position is not the same as the value you want
-      //   ex. daily data without weekends, x is the index, while you want the date
-      var content = '<h3>' + e.series.key + '</h3>' +
-                    '<p>' +
-                    formatX(chart.x()(e.point)) + ': ' + formatY(chart.y()(e.point)) +
-                    //formatY(chart.y()(e.point)) + ' at ' + formatX(chart.x()(e.point)) +
-                    '</p>';
-
-      var tooltip = nv.tooltip.show([left, top], content, e.value < 0 ? 'e' : 'w');
-
-      /*
-      if (!arguments[1]) {
-        tooltip.onmouseenter = function() { showTooltip(e, 1) }; //working on geting tooltips to stay if mouse hovers over them
-        //tooltip.onmouseout = function() { console.log('mouseout'); };
-        tooltip.onmouseout = nv.tooltip.cleanup;
-      }
-      */
-    };
-
-    chart.dispatch.on('tooltipShow', showTooltip);
-    chart.dispatch.on('tooltipHide', nv.tooltip.cleanup);
-
-
-    window.onresize= function() {
-      // now that width and height are functions, should be automatic..of course you can always override them
-
-      d3.select('#chart1 svg')
-          .attr('width', chart.width()()) //need to set SVG dimensions, chart is not aware of the SVG component
-          .attr('height', chart.height()())
-        .transition().duration(duration)
-          .call(chart);
-
-/*
-      d3.select('#chart1 svg')
-          .attr('width', chart.width()()) //need to set SVG dimensions, chart is not aware of the SVG component
-          .attr('height', chart.height()())
-          .call(chart);
-*/
-    };
-  }
-});
-
-
-
-function sinAndCos() {
-  var sin = [],
-      cos = [];
-
-  for (var i = 0; i < 100; i++) {
-    sin.push({x: i, y: Math.sin(i/10)});
-    cos.push({x: i, y: .5 * Math.cos(i/10)});
-  }
-
-  return [
-    {
-      values: sin,
-      key: "Sine Wave",
-      color: "#ff7f0e"
-    },
-    {
-      values: cos,
-      key: "Cosine Wave",
-      color: "#2ca02c"
-    }
-  ];
-}
-
-
-</script>