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/marimekko/marimekko.json ADDED Viewed

@@ -0,0 +1,18 @@
+[
+{"market": "Auburn, AL", "segment": "Almond lovers", "value": 3840},
+{"market": "Auburn, AL", "segment": "Berry buyers", "value": 1920},
+{"market": "Auburn, AL", "segment": "Carrots-n-more", "value": 960},
+{"market": "Auburn, AL", "segment": "Delicious-n-new", "value": 400},
+{"market": "Birmingham, AL", "segment": "Almond lovers", "value": 1600},
+{"market": "Birmingham, AL", "segment": "Berry buyers", "value": 1440},
+{"market": "Birmingham, AL", "segment": "Carrots-n-more", "value": 960},
+{"market": "Birmingham, AL", "segment": "Delicious-n-new", "value": 400},
+{"market": "Gainesville, FL", "segment": "Almond lovers", "value": 640},
+{"market": "Gainesville, FL", "segment": "Berry buyers", "value": 960},
+{"market": "Gainesville, FL", "segment": "Carrots-n-more", "value": 640},
+{"market": "Gainesville, FL", "segment": "Delicious-n-new", "value": 400},
+{"market": "Durham, NC", "segment": "Almond lovers", "value": 320},
+{"market": "Durham, NC", "segment": "Berry buyers", "value": 480},
+{"market": "Durham, NC", "segment": "Carrots-n-more", "value": 640},
+{"market": "Durham, NC", "segment": "Delicious-n-new", "value": 400}
+]

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

@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Mobile Patent Suits</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.geom.js"></script>
+    <script type="text/javascript" src="../../d3.layout.js"></script>
+    <style type="text/css">
+path.link {
+  fill: none;
+  stroke: #666;
+  stroke-width: 1.5px;
+}
+marker#licensing {
+  fill: green;
+}
+path.link.licensing {
+  stroke: green;
+}
+path.link.resolved {
+  stroke-dasharray: 0,2 1;
+}
+circle {
+  fill: #ccc;
+  stroke: #333;
+  stroke-width: 1.5px;
+}
+text {
+  font: 10px sans-serif;
+  pointer-events: none;
+}
+text.shadow {
+  stroke: #fff;
+  stroke-width: 3px;
+  stroke-opacity: .8;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+// http://blog.thomsonreuters.com/index.php/mobile-patent-suits-graphic-of-the-day/
+var links = [
+  {source: "Microsoft", target: "Amazon", type: "licensing"},
+  {source: "Microsoft", target: "HTC", type: "licensing"},
+  {source: "Samsung", target: "Apple", type: "suit"},
+  {source: "Motorola", target: "Apple", type: "suit"},
+  {source: "Nokia", target: "Apple", type: "resolved"},
+  {source: "HTC", target: "Apple", type: "suit"},
+  {source: "Kodak", target: "Apple", type: "suit"},
+  {source: "Microsoft", target: "Barnes & Noble", type: "suit"},
+  {source: "Microsoft", target: "Foxconn", type: "suit"},
+  {source: "Oracle", target: "Google", type: "suit"},
+  {source: "Apple", target: "HTC", type: "suit"},
+  {source: "Microsoft", target: "Inventec", type: "suit"},
+  {source: "Samsung", target: "Kodak", type: "resolved"},
+  {source: "LG", target: "Kodak", type: "resolved"},
+  {source: "RIM", target: "Kodak", type: "suit"},
+  {source: "Sony", target: "LG", type: "suit"},
+  {source: "Kodak", target: "LG", type: "resolved"},
+  {source: "Apple", target: "Nokia", type: "resolved"},
+  {source: "Qualcomm", target: "Nokia", type: "resolved"},
+  {source: "Apple", target: "Motorola", type: "suit"},
+  {source: "Microsoft", target: "Motorola", type: "suit"},
+  {source: "Motorola", target: "Microsoft", type: "suit"},
+  {source: "Huawei", target: "ZTE", type: "suit"},
+  {source: "Ericsson", target: "ZTE", type: "suit"},
+  {source: "Kodak", target: "Samsung", type: "resolved"},
+  {source: "Apple", target: "Samsung", type: "suit"},
+  {source: "Kodak", target: "RIM", type: "suit"},
+  {source: "Nokia", target: "Qualcomm", type: "suit"}
+];
+var nodes = {};
+// Compute the distinct nodes from the links.
+links.forEach(function(link) {
+  link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});
+  link.target = nodes[link.target] || (nodes[link.target] = {name: link.target});
+});
+var w = 960,
+    h = 500;
+var force = d3.layout.force()
+    .nodes(d3.values(nodes))
+    .links(links)
+    .size([w, h])
+    .linkDistance(60)
+    .charge(-300)
+    .on("tick", tick)
+    .start();
+var svg = d3.select("body").append("svg")
+    .attr("width", w)
+    .attr("height", h);
+// Per-type markers, as they don't inherit styles.
+svg.append("defs").selectAll("marker")
+    .data(["suit", "licensing", "resolved"])
+  .enter().append("marker")
+    .attr("id", String)
+    .attr("viewBox", "0 -5 10 10")
+    .attr("refX", 15)
+    .attr("refY", -1.5)
+    .attr("markerWidth", 6)
+    .attr("markerHeight", 6)
+    .attr("orient", "auto")
+  .append("path")
+    .attr("d", "M0,-5L10,0L0,5");
+var path = svg.append("g").selectAll("path")
+    .data(force.links())
+  .enter().append("path")
+    .attr("class", function(d) { return "link " + d.type; })
+    .attr("marker-end", function(d) { return "url(#" + d.type + ")"; });
+var circle = svg.append("g").selectAll("circle")
+    .data(force.nodes())
+  .enter().append("circle")
+    .attr("r", 6)
+    .call(force.drag);
+var text = svg.append("g").selectAll("g")
+    .data(force.nodes())
+  .enter().append("g");
+// A copy of the text with a thick white stroke for legibility.
+text.append("text")
+    .attr("x", 8)
+    .attr("y", ".31em")
+    .attr("class", "shadow")
+    .text(function(d) { return d.name; });
+text.append("text")
+    .attr("x", 8)
+    .attr("y", ".31em")
+    .text(function(d) { return d.name; });
+// Use elliptical arc path segments to doubly-encode directionality.
+function tick() {
+  path.attr("d", function(d) {
+    var dx = d.target.x - d.source.x,
+        dy = d.target.y - d.source.y,
+        dr = Math.sqrt(dx * dx + dy * dy);
+    return "M" + d.source.x + "," + d.source.y + "A" + dr + "," + dr + " 0 0,1 " + d.target.x + "," + d.target.y;
+  });
+  circle.attr("transform", function(d) {
+    return "translate(" + d.x + "," + d.y + ")";
+  });
+  text.attr("transform", function(d) {
+    return "translate(" + d.x + "," + d.y + ")";
+  });
+}
+    </script>
+  </body>
+</html>

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

@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+    <title>Mercator Projection</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.geo.js"></script>
+    <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
+    <script type="text/javascript" src="../../lib/jquery-ui/jquery-ui.min.js"></script>
+    <style type="text/css">
+@import url("../../lib/jquery-ui/jquery-ui.css");
+body, .ui-widget {
+  font: 14px Helvetica Neue;
+}
+svg {
+  width: 960px;
+  height: 500px;
+  border: solid 1px #ccc;
+  background: #eee;
+}
+line {
+  stroke: brown;
+  stroke-dasharray: 4,2;
+}
+path {
+  fill: #ccc;
+  stroke: #fff;
+}
+div {
+  width: 960px;
+}
+    </style>
+  </head>
+  <body>
+    <h3>Mercator Projection</h3>
+    <script type="text/javascript">
+// Our projection.
+var xy = d3.geo.mercator(),
+    path = d3.geo.path().projection(xy);
+var states = d3.select("body")
+  .append("svg")
+  .append("g")
+    .attr("id", "states");
+var equator = d3.select("svg")
+  .append("line")
+    .attr("x1", "0%")
+    .attr("x2", "100%");
+d3.json("../data/world-countries.json", function(collection) {
+  states
+    .selectAll("path")
+      .data(collection.features)
+    .enter().append("path")
+      .attr("d", path)
+    .append("title")
+      .text(function(d) { return d.properties.name; });
+  equator
+      .attr("y1", xy([0, 0])[1])
+      .attr("y2", xy([0, 0])[1])
+});
+function refresh() {
+  states
+    .selectAll("path")
+      .attr("d", path);
+  equator
+      .attr("y1", xy([0, 0])[1])
+      .attr("y2", xy([0, 0])[1])
+  d3.select("#scale span")
+      .text(xy.scale());
+  d3.select("#translate-x span")
+      .text(xy.translate()[0]);
+  d3.select("#translate-y span")
+      .text(xy.translate()[1]);
+}
+    </script><p>
+    <div id="scale">scale: <span>500</span></div><p>
+    <div id="translate-x">translate.x: <span>480</span></div>
+    <div id="translate-y">translate.y: <span>250</span></div>
+    <script type="text/javascript">
+$("#scale").slider({
+  min: 0,
+  max: 3000,
+  value: 500,
+  slide: function(event, ui) {
+    xy.scale(ui.value);
+    refresh();
+  }
+});
+$("#translate-x").slider({
+  min: -2000,
+  max: 2000,
+  value: 480,
+  slide: function(event, ui) {
+    var translate = xy.translate();
+    translate[0] = ui.value;
+    xy.translate(translate);
+    refresh();
+  }
+});
+$("#translate-y").slider({
+  min: -2000,
+  max: 2000,
+  value: 250,
+  slide: function(event, ui) {
+    var translate = xy.translate();
+    translate[1] = ui.value;
+    xy.translate(translate);
+    refresh();
+  }
+});
+    </script>
+  </body>
+</html>

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

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+    <title>Moiré Patterns</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <style type="text/css">
+circle {
+  fill: none;
+  stroke: #000;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+var w = 960,
+    h = 500;
+var svg = d3.select("body")
+  .append("svg")
+    .attr("width", w)
+    .attr("height", h)
+    .attr("pointer-events", "all");
+svg.append("g")
+  .selectAll("circle")
+    .data(d3.range(110))
+  .enter().append("circle")
+    .attr("transform", "translate(" + w / 2 + "," + h / 2 + ")")
+    .attr("r", function(d) { return d * 5; });
+var circle = svg.append("g")
+  .selectAll("circle")
+    .data(d3.range(60))
+  .enter().append("circle")
+    .attr("transform", "translate(" + w / 2 + "," + h / 2 + ")")
+    .attr("r", function(d) { return d * 3; });
+svg.on("mousemove", function() {
+  var mouse = d3.svg.mouse(this),
+      r = (Math.sqrt(mouse[0]) + 10) / 10;
+  circle
+      .attr("transform", "translate(" + mouse + ")")
+      .attr("r", function(d) { return d * r; });
+});
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/node-canvas/us-counties.js ADDED Viewed

@@ -0,0 +1,70 @@
+require("../../test/env");
+require("../../d3");
+require("../../d3.geo");
+var fs = require("fs"),
+    util = require("util"),
+    Canvas = require("canvas");
+var w = 1920,
+    h = 1080;
+var projection = d3.geo.albersUsa()
+    .scale(2000)
+    .translate([w / 2, h / 2]);
+var path = d3.geo.path()
+    .projection(projection);
+var canvas = new Canvas(w, h),
+    context = canvas.getContext("2d");
+context.antialias = "none";
+context.lineWidth = 8;
+context.lineJoin = "round";
+d3.json(__dirname + "/../data/us-counties.json", function(collection) {
+  renderAll("stroke");
+  renderAll("fill");
+  fs.writeFile("us-counties.png", canvas.toBuffer());
+  function renderAll(action) {
+    collection.features.forEach(function(feature) {
+      var re = /[MLZ]/g,
+          d = path(feature),
+          i = 0,
+          m;
+      context[action + "Style"] = "#" + pad((+feature.id).toString(16));
+      context.beginPath();
+      re.lastIndex = 1;
+      while (m = re.exec(d)) render(m.index);
+      render();
+      context[action]();
+      function render(j) {
+        switch (d.charAt(i)) {
+          case "M": {
+            var p = d.substring(i + 1, j).split(",").map(Number);
+            context.moveTo(p[0], p[1]);
+            break;
+          }
+          case "L": {
+            var p = d.substring(i + 1, j).split(",").map(Number);
+            context.lineTo(p[0], p[1]);
+            break;
+          }
+          case "Z": {
+            context.closePath();
+            break;
+          }
+        }
+        i = j;
+      }
+    });
+  }
+});
+function pad(s) {
+  return s.length < 6 ? new Array(7 - s.length).join("0") + s : s;
+}