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/horizon/horizon.css ADDED Viewed

@@ -0,0 +1,9 @@
+#controls {
+  position: relative;
+  width: 960px;
+}
+#bands {
+  position: absolute;
+  right: 0;
+}

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

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+    <title>Horizon Chart</title>
+    <link type="text/css" rel="stylesheet" href="../button.css"/>
+    <link type="text/css" rel="stylesheet" href="horizon.css"/>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.chart.js"></script>
+  </head>
+  <body>
+    <div id="chart"></div>
+    <div id="controls">
+      <span id="mode">
+        <button class="first active">Offset</button
+        ><button class="last">Mirror</button>
+      </span>
+      <span id="bands">
+        <button class="first">&#x2212;</button
+        ><button class="last">+</button>
+      </span>
+    </div>
+    <script type="text/javascript" src="horizon.js"></script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/horizon/horizon.js ADDED Viewed

@@ -0,0 +1,43 @@
+var w = 960,
+    h = 40;
+var chart = d3.chart.horizon()
+    .width(w)
+    .height(h)
+    .bands(5)
+    .mode("offset")
+    .interpolate("basis");
+var svg = d3.select("#chart").append("svg")
+    .attr("width", w)
+    .attr("height", h);
+d3.json("unemployment.json", function(data) {
+  // Offset so that positive is above-average and negative is below-average.
+  var mean = data.rate.reduce(function(p, v) { return p + v; }, 0) / data.rate.length;
+  // Transpose column values to rows.
+  data = data.rate.map(function(rate, i) {
+    return [Date.UTC(data.year[i], data.month[i] - 1), rate - mean];
+  });
+  // Render the chart.
+  svg.data([data]).call(chart);
+  // Enable mode buttons.
+  d3.selectAll("#mode button")
+      .data(["offset", "mirror"])
+      .on("click", function(m) {
+        svg.call(chart.duration(0).mode(m));
+        d3.selectAll("#mode button")
+            .classed("active", function(d) { return d == m; });
+      });
+  // Enable bands buttons.
+  d3.selectAll("#bands button")
+      .data([-1, 1])
+      .on("click", function bands(db) {
+        svg.call(chart.duration(1000).bands(Math.max(1, chart.bands() + db)));
+      });
+});

data/lib/picky-statistics/application/javascripts/d3/examples/horizon/unemployment.json ADDED Viewed

@@ -0,0 +1 @@

+ {"year":[2000,2000,2000,2000,2000,2000,2000,2000,2000,2000,2000,2000,2001,2001,2001,2001,2001,2001,2001,2001,2001,2001,2001,2001,2002,2002,2002,2002,2002,2002,2002,2002,2002,2002,2002,2002,2003,2003,2003,2003,2003,2003,2003,2003,2003,2003,2003,2003,2004,2004,2004,2004,2004,2004,2004,2004,2004,2004,2004,2004,2005,2005,2005,2005,2005,2005,2005,2005,2005,2005,2005,2005,2006,2006,2006,2006,2006,2006,2006,2006,2006,2006,2006,2006,2007,2007,2007,2007,2007,2007,2007,2007,2007,2007,2007,2007,2008,2008,2008,2008,2008,2008,2008,2008,2008,2008,2008,2008,2009,2009,2009,2009,2009,2009,2009,2009,2009,2009,2009,2009,2010,2010],"month":[1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12,1,2],"rate":[4.5,4.4,4.3,3.7,3.8,4.1,4.2,4.1,3.8,3.6,3.7,3.7,4.7,4.6,4.5,4.2,4.1,4.7,4.7,4.9,4.7,5,5.3,5.4,6.3,6.1,6.1,5.7,5.5,6,5.9,5.7,5.4,5.3,5.6,5.7,6.5,6.4,6.2,5.8,5.8,6.5,6.3,6,5.8,5.6,5.6,5.4,6.3,6,6,5.4,5.3,5.8,5.7,5.4,5.1,5.1,5.2,5.1,5.7,5.8,5.4,4.9,4.9,5.2,5.2,4.9,4.8,4.6,4.8,4.6,5.1,5.1,4.8,4.5,4.4,4.8,5,4.6,4.4,4.1,4.3,4.3,5,4.9,4.5,4.3,4.3,4.7,4.9,4.6,4.5,4.4,4.5,4.8,5.4,5.2,5.2,4.8,5.2,5.7,6,6.1,6,6.1,6.5,7.1,8.5,8.9,9,8.6,9.1,9.7,9.7,9.6,9.5,9.5,9.4,9.7,10.6,10.4]}

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

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+    <title>Convex Hull</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.geom.js"></script>
+    <style type="text/css">
+svg {
+  border: solid 1px #aaa;
+  background: #eee;
+}
+path {
+  fill: lightsteelblue;
+  stroke: #000;
+}
+circle {
+  fill: #fff;
+  stroke: #000;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+var w = 960,
+    h = 500;
+var vertices = d3.range(15).map(function(d) {
+  return [
+    w / 4 + Math.random() * w / 2,
+    h / 4 + Math.random() * h / 2
+  ];
+});
+var svg = d3.select("body")
+  .append("svg")
+    .attr("width", w)
+    .attr("height", h)
+    .attr("pointer-events", "all")
+    .on("mousemove", move)
+    .on("click", click);
+update();
+function update() {
+  svg.selectAll("path")
+      .data([d3.geom.hull(vertices)])
+      .attr("d", function(d) { return "M" + d.join("L") + "Z"; })
+	  .enter().append("path")
+	    .attr("d", function(d) { return "M" + d.join("L") + "Z"; });
+  svg.selectAll("circle")
+      .data(vertices.slice(1))
+    .enter().append("circle")
+      .attr("transform", function(d) { return "translate(" + d + ")"; })
+      .attr("r", 3);
+}
+function move() {
+  vertices[0] = d3.svg.mouse(this);
+  update();
+}
+function click() {
+  vertices.push(d3.svg.mouse(this));
+  update();
+}
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/kde/kde.css ADDED Viewed

@@ -0,0 +1,9 @@
+body {
+  font: 10px sans-serif;
+}
+path {
+  stroke: #000;
+  stroke-width: 1.5px;
+  fill: none;
+}

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

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Kernel Density Estimation</title>
+    <link rel="stylesheet" type="text/css" href="kde.css"/>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.layout.js"></script>
+    <script type="text/javascript" src="../../lib/science/science.js"></script>
+    <script type="text/javascript" src="../../lib/science/science.stats.js"></script>
+  </head>
+  <body>
+    <script type="text/javascript" src="kde.js"></script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/kde/kde.js ADDED Viewed

@@ -0,0 +1,40 @@
+// Based on http://bl.ocks.org/900762 by John Firebaugh
+d3.json("../data/faithful.json", function(faithful) {
+  data = faithful;
+  var w = 800,
+      h = 400,
+      x = d3.scale.linear().domain([30, 110]).range([0, w]);
+      bins = d3.layout.histogram().frequency(false).bins(x.ticks(60))(data),
+      max = d3.max(bins, function(d) { return d.y; }),
+      y = d3.scale.linear().domain([0, .1]).range([0, h]),
+      kde = science.stats.kde().sample(data);
+  var vis = d3.select("body")
+    .append("svg")
+      .attr("width", w)
+      .attr("height", h);
+  var bars = vis.selectAll("g.bar")
+      .data(bins)
+    .enter().append("g")
+      .attr("class", "bar")
+      .attr("transform", function(d, i) {
+        return "translate(" + x(d.x) + "," + (h - y(d.y)) + ")";
+      });
+  bars.append("rect")
+      .attr("fill", "steelblue")
+      .attr("width", function(d) { return x(d.dx + 30) - 1; })
+      .attr("height", function(d) { return y(d.y); });
+  var line = d3.svg.line()
+      .x(function(d) { return x(d[0]); })
+      .y(function(d) { return h - y(d[1]); });
+  vis.selectAll("path")
+      .data(d3.values(science.stats.bandwidth))
+    .enter().append("path")
+      .attr("d", function(h) {
+        return line(kde.bandwidth(h)(d3.range(30, 110, .1)));
+      });
+});

data/lib/picky-statistics/application/javascripts/d3/examples/line/line.css ADDED Viewed

@@ -0,0 +1,22 @@
+body {
+  font: 10px sans-serif;
+}
+.rule line {
+  stroke: #eee;
+  shape-rendering: crispEdges;
+}
+.rule line.axis {
+  stroke: #000;
+}
+.line {
+  fill: none;
+  stroke: steelblue;
+  stroke-width: 1.5px;
+}
+circle.line {
+  fill: #fff;
+}

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

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Line Chart</title>
+    <link type="text/css" rel="stylesheet" href="line.css"/>
+    <script type="text/javascript" src="../../d3.js"></script>
+  </head>
+  <body>
+    <script type="text/javascript" src="line.js"></script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/line/line.js ADDED Viewed

@@ -0,0 +1,63 @@
+var data = d3.range(20).map(function(i) {
+  return {x: i / 19, y: (Math.sin(i / 3) + 1) / 2};
+});
+var w = 450,
+    h = 275,
+    p = 20,
+    x = d3.scale.linear().domain([0, 1]).range([0, w]),
+    y = d3.scale.linear().domain([0, 1]).range([h, 0]);
+var vis = d3.select("body")
+    .data([data])
+  .append("svg")
+    .attr("width", w + p * 2)
+    .attr("height", h + p * 2)
+  .append("g")
+    .attr("transform", "translate(" + p + "," + p + ")");
+var rules = vis.selectAll("g.rule")
+    .data(x.ticks(10))
+  .enter().append("g")
+    .attr("class", "rule");
+rules.append("line")
+    .attr("x1", x)
+    .attr("x2", x)
+    .attr("y1", 0)
+    .attr("y2", h - 1);
+rules.append("line")
+    .attr("class", function(d) { return d ? null : "axis"; })
+    .attr("y1", y)
+    .attr("y2", y)
+    .attr("x1", 0)
+    .attr("x2", w + 1);
+rules.append("text")
+    .attr("x", x)
+    .attr("y", h + 3)
+    .attr("dy", ".71em")
+    .attr("text-anchor", "middle")
+    .text(x.tickFormat(10));
+rules.append("text")
+    .attr("y", y)
+    .attr("x", -3)
+    .attr("dy", ".35em")
+    .attr("text-anchor", "end")
+    .text(y.tickFormat(10));
+vis.append("path")
+    .attr("class", "line")
+    .attr("d", d3.svg.line()
+    .x(function(d) { return x(d.x); })
+    .y(function(d) { return y(d.y); }));
+vis.selectAll("circle.line")
+    .data(data)
+  .enter().append("circle")
+    .attr("class", "line")
+    .attr("cx", function(d) { return x(d.x); })
+    .attr("cy", function(d) { return y(d.y); })
+    .attr("r", 3.5);

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

@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Marimekko Chart</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 {
+  stroke: #000;
+}
+svg {
+  shape-rendering: crispEdges;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+var w = 960,
+    h = 500,
+    m = 20,
+    x = d3.scale.linear().range([0, w - 3 * m]),
+    y = d3.scale.linear().range([0, h - 2 * m]),
+    z = d3.scale.category10(),
+    n = d3.format(",d"),
+    p = d3.format("%");
+var svg = d3.select("body").append("svg")
+    .attr("width", w)
+    .attr("height", h)
+  .append("g")
+    .attr("transform", "translate(" + 2 * m + "," + m + ")");
+d3.json("marimekko.json", function(data) {
+  var offset = 0;
+  // Nest values by segment. We assume each segment+market is unique.
+  var segments = d3.nest()
+      .key(function(d) { return d.segment; })
+      .entries(data);
+  // Compute the total sum, the per-segment sum, and the per-market offset.
+  // You can use reduce rather than reduceRight to reverse the ordering.
+  // We also record a reference to the parent segment for each market.
+  var sum = segments.reduce(function(v, p) {
+    return (p.offset = v) + (p.sum = p.values.reduceRight(function(v, d) {
+      d.parent = p;
+      return (d.offset = v) + d.value;
+    }, 0));
+  }, 0);
+  // Add x-axis ticks.
+  var xtick = svg.selectAll(".x")
+      .data(x.ticks(10))
+    .enter().append("g")
+      .attr("class", "x")
+      .attr("transform", function(d) { return "translate(" + x(d) + "," + y(1) + ")"; });
+  xtick.append("line")
+      .attr("y2", 6)
+      .style("stroke", "#000");
+  xtick.append("text")
+      .attr("y", 8)
+      .attr("text-anchor", "middle")
+      .attr("dy", ".71em")
+      .text(p);
+  // Add y-axis ticks.
+  var ytick = svg.selectAll(".y")
+      .data(y.ticks(10))
+    .enter().append("g")
+      .attr("class", "y")
+      .attr("transform", function(d) { return "translate(0," + y(1 - d) + ")"; });
+  ytick.append("line")
+      .attr("x1", -6)
+      .style("stroke", "#000");
+  ytick.append("text")
+      .attr("x", -8)
+      .attr("text-anchor", "end")
+      .attr("dy", ".35em")
+      .text(p);
+  // Add a group for each segment.
+  var segments = svg.selectAll(".segment")
+      .data(segments)
+    .enter().append("g")
+      .attr("class", "segment")
+      .attr("xlink:title", function(d) { return d.key; })
+      .attr("transform", function(d) { return "translate(" + x(d.offset / sum) + ")"; });
+  // Add a rect for each market.
+  var markets = segments.selectAll(".market")
+      .data(function(d) { return d.values; })
+    .enter().append("a")
+      .attr("class", "market")
+      .attr("xlink:title", function(d) { return d.market + " " + d.parent.key + ": " + n(d.value); })
+    .append("rect")
+      .attr("y", function(d) { return y(d.offset / d.parent.sum); })
+      .attr("height", function(d) { return y(d.value / d.parent.sum); })
+      .attr("width", function(d) { return x(d.parent.sum / sum); })
+      .style("fill", function(d) { return z(d.market); });
+});
+    </script>
+  </body>
+</html>