RubyGems - nvd3-rails - Versions diffs - 0.0.1 → 0.0.1.1 - Mend

nvd3-rails 0.0.1 → 0.0.1.1

Files changed (107) hide show

data/vendor/assets/javascripts/nvd3/examples/horizon.html DELETED Viewed

@@ -1,163 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-<link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
-<style>
-  /*
-* {
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-*/
-body {
-  font-family: sans-serif;
-}
-svg {
-  top: 10px;
-  left: 10px;
-  position: absolute;
-}
-svg > g > path {
-  pointer-events: none;
-}
-.nv-horizonBackground {
-  fill: none;
-  stroke: none;
-  pointer-events: all;
-}
-#horizon-controls {
-  position: absolute;
-  width: 940px;
-  padding: 10px;
-  z-index: 1;
-}
-#horizon-bands {
-  float: right;
-}
-</style>
-<body>
-  <div id="wrap">
-    <div id="horizon-controls">
-      <input name="mode" type="radio" value="mirror" id="horizon-mode-mirror" checked><label for="horizon-mode-mirror"> Mirror</label>
-      <input name="mode" type="radio" value="offset" id="horizon-mode-offset"><label for="horizon-mode-offset"> Offset</label>
-      <span id="horizon-bands"><span id="horizon-bands-value">1</span> <button class="first">&#x2212;</button><button class="last">+</button></span>
-    </div>
-    <div><svg id="chart1"></svg></div>
-  </div>
-<script src="../lib/d3.v2.js"></script>
-<script src="../lib/horizon.js"></script>
-<script src="../nv.d3.js"></script>
-<script src="../src/utils.js"></script>
-<script>
-//TODO: create a nv.models.horizonChart model
-// (if need be an nv.models.horizon model as well, but might get away with just using d3.horizon)
-// the horizontChart model should have a "tooltip" like functionality that shows a point over the
-// current value based on the mouse's x position
-var width = 960,
-    height = 300;
-nv.addGraph(function() {
-  var data = sine();
-  var chart = d3.horizon()
-    .width(width)
-    .height(height)
-    .bands(1)
-    .mode("mirror")
-    .interpolate("basis");
-  var svg = d3.select('#chart1').attr('width', width).attr('height', height);
-  var bg = svg.append('rect').attr('class', 'nv-horizonBackground').attr('height', height).attr('width', width);
-  svg.datum(data).call(chart);
-  var point = svg.append('circle').attr('class', 'nv-hoverPoint')
-      .attr('r', '4')
-      .attr('cx', -3)
-      .attr('cy', -3);
-  // Enable mode buttons.
-  d3.selectAll("#horizon-controls input[name=mode]").on("change", function() {
-    svg.call(chart.duration(0).mode(this.value));
-  });
-  // Enable bands buttons.
-  d3.selectAll("#horizon-bands button").data([-1, 1]).on("click", function(d) {
-    var n = Math.max(1, chart.bands() + d);
-    d3.select("#horizon-bands-value").text(n);
-    svg.call(chart.duration(1000).bands(n).height(height / n));
-    //just updating point temporarily here to have it not be visible on band change until user moves his mouse over the chart
-    point
-      .attr('cx', -3)
-      .attr('cy', -3)
-  });
-  //****THE CHANGES MADE TO THIS EXAMPLE BY ME ARE VERY UGLY.... TODO: Fix/Clean up after all functionality is correct
-  bg.on('mousemove', function() {
-    var m1 = d3.mouse(this);
-    var x = m1[0];
-    var scales = svg.node().__chart__;
-    var i = Math.round( scales.x.invert(x) );
-    //var y = (data[i][1] < 0 || chart.mode() == 'mirror' ? height : 0) - scales.y(chart.mode() == 'mirror' ? Math.abs(data[i][1]) : data[i][1] );
-    var y = height - scales.y(chart.mode() == 'mirror' ? Math.abs(data[i][1]) : data[i][1] ) - (chart.mode() == 'offset' && data[i][1] < 0 ? height : 0  );
-    var t = scales.t(data[i][1]);
-    var bandRange = scales.y.range()[1];
-    y = y % (height / chart.bands());
-    //nv.log(y, height, y % height);
-    //nv.log(scales.y.range(), scales.y.domain());
-    //nv.log( x, i, data[i], y )
-    //nv.log(scales);
-    point
-      .attr('cx', scales.x(i))
-      .attr('cy', y)
-      .attr('transform',
-        'translate(0,' + chart.bands + ')'
-      );
-    //var m2 = d3.mouse(d3.select('body').node());
-    //nv.log(m1, m2);
-    //nv.log(d3.event, this, d3.mouse(this));
-  });
-  return chart;
-});
-function sine() {
-  var sin = [];
-  for (var i = 0; i < 200; i++) {
-    sin.push([ i, Math.sin(i/10) + .2 ]);
-  }
-  return sin;
-}
-</script>

data/vendor/assets/javascripts/nvd3/examples/images/grey-minus.png DELETED Viewed

Binary file

data/vendor/assets/javascripts/nvd3/examples/images/grey-plus.png DELETED Viewed

Binary file

data/vendor/assets/javascripts/nvd3/examples/indentedtree.html DELETED Viewed

@@ -1,126 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-<link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
-<style>
-body {
-  overflow-y:scroll;
-}
-</style>
-<body>
-  <div id="example1" style="width:600px"></div>
-<script src="../lib/d3.v2.js"></script>
-<script src="../nv.d3.js"></script>
-<script src="../src/models/indentedTree.js"></script>
-<script>
-// THIS API WILL BE CHANGING!!  this was ported from a different graphing collection, its only been halfway ported to the nvd3 style
-var testTree = [{
-  key: 'NVD3',
-  url: 'http://novus.github.com/nvd3',
-  values: [
-    {
-      key: "Charts",
-      _values: [
-        {
-          key: "Simple Line",
-          type: "Historical",
-          url: "http://novus.github.com/nvd3/ghpages/line.html"
-        },
-        {
-          key: "Scatter / Bubble",
-          type: "Snapshot",
-          url: "http://novus.github.com/nvd3/ghpages/scatter.html"
-        },
-        {
-          key: "Stacked / Stream / Expanded Area",
-          type: "Historical",
-          url: "http://novus.github.com/nvd3/ghpages/stackedArea.html"
-        },
-        {
-          key: "Discrete Bar",
-          type: "Snapshot",
-          url: "http://novus.github.com/nvd3/ghpages/discreteBar.html"
-        },
-        {
-          key: "Grouped / Stacked Multi-Bar",
-          type: "Snapshot / Historical",
-          url: "http://novus.github.com/nvd3/ghpages/multiBar.html"
-        },
-        {
-          key: "Horizontal Grouped Bar",
-          type: "Snapshot",
-          url: "http://novus.github.com/nvd3/ghpages/multiBarHorizontal.html"
-        },
-        {
-          key: "Line and Bar Combo",
-          type: "Historical",
-          url: "http://novus.github.com/nvd3/ghpages/linePlusBar.html"
-        },
-        {
-          key: "Cumulative Line",
-          type: "Historical",
-          url: "http://novus.github.com/nvd3/ghpages/cumulativeLine.html"
-        },
-        {
-          key: "Line with View Finder",
-          type: "Historical",
-          url: "http://novus.github.com/nvd3/ghpages/lineWithFocus.html"
-        }
-      ]
-    },
-    {
-      key: "Chart Components",
-      _values: [
-        {
-          key: "Legend",
-          type: "Universal",
-          url: "http://novus.github.com/nvd3/examples/legend.html"
-        }
-      ]
-    }
-  ]
-}];
-var testColumns = [
-  {
-    key: 'key',
-    label: 'Name',
-    showCount: true,
-    width: '75%',
-    type: 'text',
-    classes: function(d) { return d.url ? 'clickable name' : 'name' },
-    click: function(d) {
-       if (d.url) window.location.href = d.url;
-    }
-  },
-  {
-    key: 'type',
-    label: 'Type',
-    width: '25%',
-    type: 'text'
-  }
-];
-nv.addGraph(function() {
-  var chart = nv.models.indentedTree()
-                .columns(testColumns);
-  d3.select('#example1')
-      .datum(testTree)
-    .call(chart);
-});
-</script>

data/vendor/assets/javascripts/nvd3/examples/legend.html DELETED Viewed

@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-<link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
-<style>
-</style>
-<body>
-<svg id="test1"></svg>
-<script src="../lib/d3.v2.js"></script>
-<script src="../nv.d3.js"></script>
-<script src="../src/models/legend.js"></script>
-<script>
-//Format A
-nv.addGraph({
-  generate: function() {
-    var width = 500,
-        height = 20;
-    var chart = nv.models.legend()
-                .width(width)
-                .height(height);
-    chart.dispatch.on('legendClick', function(d,i) { console.log(d,i) });
-    //chart.xaxis.tickFormat(d3.format(".02f"))
-    d3.select('#test1')
-      .attr('width', width)
-      .attr('height', height)
-      .datum(sinAndCos())
-      .call(chart);
-    return chart;
-  },
-  callback: function(graph) {
-    var chart = graph,
-        height = chart.height();
-    d3.select('#test1')
-        .attr('height', height)
-        .call(chart)
-  }
-});
-function sinAndCos() {
-  return [
-    {
-      key: "Sine Wave"
-    },
-    {
-      key: "A Very Long Series Label"
-    },
-    {
-      key: "A Very Long Series Label"
-    },
-    {
-      key: "A Very Long Series Label"
-    },
-    {
-      key: "Cosine Wave"
-    },
-    {
-      key: "Another test label"
-    }
-  ];
-}
-</script>

data/vendor/assets/javascripts/nvd3/examples/line.html DELETED Viewed

@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-<link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
-<style>
-body {
-  overflow-y:scroll;
-}
-</style>
-<body>
-<svg id="test1"></svg>
-<script src="../lib/d3.v2.js"></script>
-<script src="../nv.d3.js"></script>
-<script src="../src/models/legend.js"></script>
-<script src="../src/models/line.js"></script>
-<script>
-//Format A
-nv.addGraph({
-  generate: function() {
-    var width = nv.utils.windowSize().width - 40,
-        height = nv.utils.windowSize().height - 40;
-    var chart = nv.models.line()
-                .width(width)
-                .height(height)
-                .margin({top: 20, right: 20, bottom: 20, left: 20})
-    d3.select('#test1')
-      .attr('width', width)
-      .attr('height', height)
-      .datum(sinAndCos())
-      .call(chart);
-    return chart;
-  },
-  callback: function(graph) {
-    window.onresize = function() {
-      var width = nv.utils.windowSize().width - 40,
-          height = nv.utils.windowSize().height - 40,
-          margin = graph.margin();
-      if (width < margin.left + margin.right + 20)
-        width = margin.left + margin.right + 20;
-      if (height < margin.top + margin.bottom + 20)
-        height = margin.top + margin.bottom + 20;
-      graph
-         .width(width)
-         .height(height);
-      d3.select('#test1')
-        .attr('width', width)
-        .attr('height', height)
-        .call(graph);
-    };
-  }
-});
-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>