RubyGems - picky-statistics - Versions diffs - 4.0.0pre3 → 4.0.0pre5 - Mend

picky-statistics 4.0.0pre3 → 4.0.0pre5

Files changed (596) hide show

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/hello-node-key.html ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, node!</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+  </head>
+  <body>
+    Your lucky numbers are:<br>
+    <span value="42"></span>
+    <span value="4"></span>
+    <span value="8"></span>
+    <span value="15"></span>
+    <span value="16"></span>
+    <span value="23"></span>
+    <script type="text/javascript">
+var data = [4, 8, 15, 16, 23, 42];
+d3.selectAll("span")
+    .data(data, function(d) { return d || this.getAttribute("value"); })
+    .text(String);
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/hello-order.html ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+  </head>
+  <body>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript">
+var div = d3.select("body").selectAll("div")
+    .data(["a", "b", "f"])
+  .enter().append("div")
+    .text(String);
+var div = d3.select("body").selectAll("div")
+    .data(["a", "b", "c", "d", "e", "f"], String);
+div.enter().append("div")
+    .text(String);
+div.order();
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/hello-sort.html ADDED Viewed

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, sort!</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <style type="text/css">
+html, body, svg {
+  font: 14px Helvetica Neue;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+circle {
+  fill: steelblue;
+  fill-opacity: .8;
+  stroke: #fff;
+}
+div {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+}
+    </style>
+  </head>
+  <body>
+    <div>
+      <input id="sort" type="checkbox" checked>
+      <label for="sort">Ascending</label>
+    </div>
+    <script type="text/javascript">
+d3.select("body")
+  .append("svg")
+    .attr("viewBox", "0 0 1000 1000");
+d3.select("#sort")
+    .on("change", sort);
+transform();
+function transform() {
+  var circle = d3.select("svg")
+    .selectAll("circle")
+      .data(d3.range(400).map(Math.random));
+  circle.enter().append("circle")
+      .attr("cx", function() { return 100 + Math.random() * 800; })
+      .attr("cy", function() { return 100 + Math.random() * 800; })
+      .attr("r", function(d) { return 50 * d; });
+  circle
+    .transition()
+      .duration(750)
+      .attr("r", function(d) { return 50 * d; });
+  sort();
+}
+function sort() {
+  d3.selectAll("circle")
+      .sort(d3.select("#sort").property("checked")
+      ? function(a, b) { return b - a; }
+      : function(a, b) { return a - b; });
+}
+window.addEventListener("keypress", transform, false);
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/hello-transform.html ADDED Viewed

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, world!</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+  </head>
+  <body>
+    Your lucky numbers are:<br>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <span></span>
+    <script type="text/javascript">
+d3.selectAll("span")
+  .append("svg")
+    .attr("width", 100)
+    .attr("height", 100)
+  .append("text")
+    .attr("x", "50%")
+    .attr("y", "50%")
+    .attr("dy", ".35em")
+    .attr("text-anchor", "middle")
+    .attr("fill", "white")
+    .attr("stroke", "black")
+    .attr("stroke-width", 1.5)
+    .style("font", "36pt Comic Sans MS")
+    .style("text-shadow", "3px 3px 3px rgba(0,0,0,.4)")
+    .text(function() { return ~~(Math.random() * 100); });
+function transform() {
+  d3.selectAll("text")
+      .text(function() { return ~~(Math.random() * 100); });
+}
+window.addEventListener("keypress", transform, false);
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/hello-transition-undefined.html ADDED Viewed

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, transition undefined!</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <style type="text/css">
+body {
+  font: 14px Helvetica Neue;
+  text-rendering: optimizeLegibility;
+  margin: 1em;
+}
+div {
+  font-size: 42px;
+  margin-top: .5em;
+  text-align: right;
+}
+    </style>
+  </head>
+  <body>
+    Your lucky number is:<br>
+    <div>hello</div>
+    <script type="text/javascript">
+transform();
+function transform() {
+  d3.select("div")
+      .style("width", "0%")
+    .transition()
+      .ease("bounce")
+      .duration(2000)
+      .style("width", "100%")
+      .style("background-color", function() { return d3.hsl(180, Math.random(), .5); });
+}
+window.addEventListener("keypress", transform, false);
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/hello-transition.html ADDED Viewed

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, transition!</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <style type="text/css">
+body {
+  font: 14px Helvetica Neue;
+  text-rendering: optimizeLegibility;
+  margin: 1em;
+}
+div {
+  font-size: 42px;
+  margin-top: .5em;
+  background-color: steelblue;
+  color: white;
+  text-align: right;
+}
+    </style>
+  </head>
+  <body>
+    Your lucky number is:<br>
+    <div></div>
+    <script type="text/javascript">
+transform();
+function transform() {
+  d3.select("div")
+      .style("width", "0%")
+      .style("background-color", "steelblue")
+      .text("hello\u00a0")
+    .transition()
+      .ease("bounce")
+      .duration(2000)
+      .style("width", "100%")
+      .style("background-color", "brown");
+}
+window.addEventListener("keypress", transform, false);
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/hello-webkit-transition.html ADDED Viewed

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello, data!</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <style type="text/css">
+body {
+  font: 14px Helvetica Neue;
+  text-rendering: optimizeLegibility;
+  margin: 1em;
+}
+#cells {
+  position: relative;
+  margin-top: .5em;
+  height: 300px;
+  overflow: hidden;
+}
+.cell {
+  position: absolute;
+  background: steelblue;
+  color: white;
+  width: 28px;
+  text-align: center;
+  padding-top: 6px;
+  top: 300px;
+  bottom: 0;
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(steelblue));
+  -webkit-transition-property: top, background-color;
+  -webkit-transition-duration: 500ms;
+  -webkit-transition-timing-function: ease, linear;
+}
+    </style>
+  </head>
+  <body>
+    Your lucky numbers are:<br>
+    <div id="cells"></div>
+    <script type="text/javascript">
+var n = 10;
+d3.select("#cells")
+  .selectAll("div")
+    .data(d3.range(n))
+  .enter().append("div")
+    .attr("class", "cell")
+    .style("left", function(i) { return i * 30; });
+function transform() {
+  d3.selectAll(".cell")
+      .data(d3.range(n).map(Math.random))
+      .style("top", function(d) { return (1 - d) * 300; })
+      .style("background-color", function(d) { return "rgb(" + ~~(d * 255) + ",50,100)"; })
+      .text(function(d) { return ~~(d * 100); });
+}
+window.addEventListener("keypress", transform, false);
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/select-enter-add.html ADDED Viewed

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test - select > enter > append</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+  </head>
+  <body>
+    <span></span>
+    <span></span>
+    <script type="text/javascript">
+var s = d3.select("body")
+  .selectAll("span")
+    .data("The test passed, hooray!".split(/\b/));
+// Add missing <span>s.
+s.enter().append("span")
+  .append("b")
+    .text(function(d) { return d; });
+// Add missing <b>s.
+s.selectAll("b")
+    .data(function(d) { return [d]; })
+  .enter().append("b")
+    .text(function(d) { return d; });
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/hello-world/selectAll-enter-add.html ADDED Viewed

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test - selectAll > enter > append</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+  </head>
+  <body>
+    <span></span>
+    <script type="text/javascript">
+d3.select("body")
+  .selectAll("span")
+    .data(["Test", "passed."])
+    .text(function(d) { return d; })
+  .enter().append("span")
+    .text(function(d) { return d; });
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/histogram/histogram.html ADDED Viewed

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Histogram</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.layout.js"></script>
+    <style type="text/css">
+body {
+  font: 10px sans-serif;
+}
+rect {
+  fill: steelblue;
+  stroke: white;
+}
+line {
+  stroke: black;
+  shape-rendering: crispEdges;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+var n = 10000, // number of trials
+    m = 10,    // number of random variables
+    data = [];
+// Generate an Irwin-Hall distribution.
+for (var i = 0; i < n; i++) {
+  for (var s = 0, j = 0; j < m; j++) {
+    s += Math.random();
+  }
+  data.push(s);
+}
+var w = 400,
+    h = 400;
+var histogram = d3.layout.histogram()
+    (data);
+var x = d3.scale.ordinal()
+    .domain(histogram.map(function(d) { return d.x; }))
+    .rangeRoundBands([0, w]);
+var y = d3.scale.linear()
+    .domain([0, d3.max(histogram, function(d) { return d.y; })])
+    .range([0, h]);
+var vis = d3.select("body").append("svg")
+    .attr("width", w)
+    .attr("height", h)
+  .append("g")
+    .attr("transform", "translate(.5)");
+vis.selectAll("rect")
+    .data(histogram)
+  .enter().append("rect")
+    .attr("transform", function(d) { return "translate(" + x(d.x) + "," + (h - y(d.y)) + ")"; })
+    .attr("width", x.rangeBand())
+    .attr("y", function(d) { return y(d.y); })
+    .attr("height", 0)
+  .transition()
+    .duration(750)
+    .attr("y", 0)
+    .attr("height", function(d) { return y(d.y); });
+vis.append("line")
+    .attr("x1", 0)
+    .attr("x2", w)
+    .attr("y1", h)
+    .attr("y2", h);
+    </script>
+  </body>
+</html>