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/cluster/cluster-radial.js ADDED Viewed

@@ -0,0 +1,39 @@
+var r = 960 / 2;
+var cluster = d3.layout.cluster()
+    .size([360, r - 120]);
+var diagonal = d3.svg.diagonal.radial()
+    .projection(function(d) { return [d.y, d.x / 180 * Math.PI]; });
+var vis = d3.select("#chart").append("svg")
+    .attr("width", r * 2)
+    .attr("height", r * 2)
+  .append("g")
+    .attr("transform", "translate(" + r + "," + r + ")");
+d3.json("../data/flare.json", function(json) {
+  var nodes = cluster.nodes(json);
+  var link = vis.selectAll("path.link")
+      .data(cluster.links(nodes))
+    .enter().append("path")
+      .attr("class", "link")
+      .attr("d", diagonal);
+  var node = vis.selectAll("g.node")
+      .data(nodes)
+    .enter().append("g")
+      .attr("class", "node")
+      .attr("transform", function(d) { return "rotate(" + (d.x - 90) + ")translate(" + d.y + ")"; })
+  node.append("circle")
+      .attr("r", 4.5);
+  node.append("text")
+      .attr("dx", function(d) { return d.x < 180 ? 8 : -8; })
+      .attr("dy", ".31em")
+      .attr("text-anchor", function(d) { return d.x < 180 ? "start" : "end"; })
+      .attr("transform", function(d) { return d.x < 180 ? null : "rotate(180)"; })
+      .text(function(d) { return d.name; });
+});

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

@@ -0,0 +1,15 @@
+.node circle {
+  fill: #fff;
+  stroke: steelblue;
+  stroke-width: 1.5px;
+}
+.node {
+  font: 10px sans-serif;
+}
+.link {
+  fill: none;
+  stroke: #ccc;
+  stroke-width: 1.5px;
+}

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

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+    <title>Flare Dendogram</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.layout.js"></script>
+    <link type="text/css" rel="stylesheet" href="cluster.css"/>
+  </head>
+  <body>
+    <div id="chart"></div>
+    <script type="text/javascript" src="cluster.js"></script>
+  </body>
+</html>

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

@@ -0,0 +1,39 @@
+var w = 960,
+    h = 2200;
+var cluster = d3.layout.cluster()
+    .size([h, w - 160]);
+var diagonal = d3.svg.diagonal()
+    .projection(function(d) { return [d.y, d.x]; });
+var vis = d3.select("#chart").append("svg")
+    .attr("width", w)
+    .attr("height", h)
+  .append("g")
+    .attr("transform", "translate(40, 0)");
+d3.json("../data/flare.json", function(json) {
+  var nodes = cluster.nodes(json);
+  var link = vis.selectAll("path.link")
+      .data(cluster.links(nodes))
+    .enter().append("path")
+      .attr("class", "link")
+      .attr("d", diagonal);
+  var node = vis.selectAll("g.node")
+      .data(nodes)
+    .enter().append("g")
+      .attr("class", "node")
+      .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; })
+  node.append("circle")
+      .attr("r", 4.5);
+  node.append("text")
+      .attr("dx", function(d) { return d.children ? -8 : 8; })
+      .attr("dy", 3)
+      .attr("text-anchor", function(d) { return d.children ? "end" : "start"; })
+      .text(function(d) { return d.name; });
+});

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

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+    <title>Contour</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;
+}
+path {
+  stroke: red;
+  stroke-width: 2px;
+  fill: none;
+}
+rect {
+  fill: lightsteelblue;
+  stroke: #eee;
+  stroke-width: 2px;
+}
+rect.d1 {
+  fill: steelblue;
+}
+rect.d2 {
+  fill: darkblue;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+function grid0(x,y) {
+  if (x < 0 || y < 0 || x >= dw || y >= dh) return 0;
+  return data[y][x];
+}
+function grid1(x,y) {
+  if (x < 0 || y < 0 || x >= dw || y >= dh) return 0;
+  return data[y][x]==1;
+}
+function grid2(x,y) {
+  if (x < 0 || y < 0 || x >= dw || y >= dh) return 0;
+  return data[y][x]==2;
+}
+var data = [[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+            [0, 0, 0, 2, 2, 2, 0, 0, 0, 0],
+            [0, 0, 0, 2, 2, 2, 2, 0, 0, 0],
+            [0, 0, 2, 2, 2, 2, 2, 2, 0, 0],
+            [0, 0, 2, 2, 2, 2, 2, 2, 2, 0],
+            [0, 0, 2, 1, 0, 0, 2, 2, 2, 0],
+            [0, 0, 1, 1, 0, 0, 2, 2, 2, 0],
+            [0, 0, 0, 0, 1, 1, 2, 2, 0, 0],
+            [0, 0, 0, 0, 1, 2, 2, 2, 0, 0],
+            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]],
+    fn = [grid0, grid1, grid2],
+    dw = data[0].length,
+    dh = data.length;
+    sz = 30,
+    grid = grid0;
+function translateY(d, i) { return "translate(0,"+(i*sz)+")"; }
+function translateX(d, i) { return "translate("+(i*sz)+",0)"; }
+function scale(p) { return [p[0]*sz, p[1]*sz]; }
+var svg = d3.select("body")
+ .append("svg")
+  .attr("width", dw*sz)
+  .attr("height", dh*sz);
+var g = svg.selectAll("g")
+  .data(data)
+ .enter().append("g")
+  .attr("transform", translateY);
+g.selectAll("rect")
+  .data(function(d) { return d; })
+ .enter().append("rect")
+  .attr("transform", translateX)
+  .attr("width", sz)
+  .attr("height", sz)
+  .attr("class", function(d) { return "d"+d; })
+  .on("mouseover", mouseover);
+contour(grid);
+function contour(grid, start) {
+  svg.selectAll("path")
+    .data([d3.geom.contour(grid, start).map(scale)])
+    .attr("d", function(d) { return "M" + d.join("L") + "Z"; })
+   .enter().append("path")
+    .attr("d", function(d) { return "M" + d.join("L") + "Z"; });
+}
+function mouseover(d,i) {
+  var s = undefined;
+  grid = fn[d];
+  if (d > 0) {
+	// map mouse to grid coords, then find left edge
+    var p = d3.svg.mouse(svg[0][0]);
+    s = [Math.floor(p[0]/sz), Math.floor(p[1]/sz)];
+    while (grid(s[0]-1,s[1])) s[0]--;
+  }
+  contour(grid, s);
+}
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/crimea/crimea-stacked-area.html ADDED Viewed

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Crimean War</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.layout.js"></script>
+    <script type="text/javascript" src="../../d3.time.js"></script>
+    <script type="text/javascript" src="../../d3.csv.js"></script>
+    <style type="text/css">
+svg {
+  width: 960px;
+  height: 500px;
+  font: 10px sans-serif;
+}
+.rule {
+  shape-rendering: crispEdges;
+}
+path.line {
+  fill: none;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+var p = [20, 50, 30, 20],
+    w = 960 - p[1] - p[3],
+    h = 500 - p[0] - p[2],
+    x = d3.time.scale().range([0, w]),
+    y = d3.scale.linear().range([h, 0]),
+    z = d3.scale.ordinal().range(["lightpink", "darkgray", "lightblue"]),
+    parse = d3.time.format("%m/%Y").parse,
+    format = d3.time.format("%b");
+var svg = d3.select("body").append("svg")
+    .attr("width", w)
+    .attr("height", h)
+  .append("g")
+    .attr("transform", "translate(" + p[3] + "," + p[0] + ")");
+d3.csv("crimea.csv", function(crimea) {
+  // Transpose the data into layers by cause.
+  var causes = d3.layout.stack()(["wounds", "other", "disease"].map(function(cause) {
+    return crimea.map(function(d) {
+      return {x: parse(d.date), y: +d[cause]};
+    });
+  }));
+  // Compute the x-domain (by date) and y-domain (by top).
+  x.domain([causes[0][0].x, causes[0][causes[0].length - 1].x]);
+  y.domain([0, d3.max(causes[causes.length - 1], function(d) { return d.y0 + d.y; })]);
+  // Add an area for each cause.
+  svg.selectAll("path.area")
+      .data(causes)
+    .enter().append("path")
+      .attr("class", "area")
+      .style("fill", function(d, i) { return z(i); })
+      .attr("d", d3.svg.area()
+      .x(function(d) { return x(d.x); })
+      .y0(function(d) { return y(d.y0); })
+      .y1(function(d) { return y(d.y0 + d.y); }));
+  // Add a line for each cause.
+  svg.selectAll("path.line")
+      .data(causes)
+    .enter().append("path")
+      .attr("class", "line")
+      .style("stroke", function(d, i) { return d3.rgb(z(i)).darker(); })
+      .attr("d", d3.svg.line()
+      .x(function(d) { return x(d.x); })
+      .y(function(d) { return y(d.y0 + d.y); }));
+  // Add a label per date.
+  svg.selectAll("text")
+      .data(x.ticks(12))
+    .enter().append("text")
+      .attr("x", x)
+      .attr("y", h + 6)
+      .attr("text-anchor", "middle")
+      .attr("dy", ".71em")
+      .text(x.tickFormat(12));
+  // Add y-axis rules.
+  var rule = svg.selectAll("g.rule")
+      .data(y.ticks(5))
+    .enter().append("g")
+      .attr("class", "rule")
+      .attr("transform", function(d) { return "translate(0," + y(d) + ")"; });
+  rule.append("line")
+      .attr("x2", w)
+      .style("stroke", function(d) { return d ? "#fff" : "#000"; })
+      .style("stroke-opacity", function(d) { return d ? .7 : null; });
+  rule.append("text")
+      .attr("x", w + 6)
+      .attr("dy", ".35em")
+      .text(d3.format(",d"));
+});
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/crimea/crimea-stacked-bar.html ADDED Viewed

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Crimean War</title>
+    <script type="text/javascript" src="../../d3.js"></script>
+    <script type="text/javascript" src="../../d3.layout.js"></script>
+    <script type="text/javascript" src="../../d3.time.js"></script>
+    <script type="text/javascript" src="../../d3.csv.js"></script>
+    <style type="text/css">
+svg {
+  width: 960px;
+  height: 500px;
+  font: 10px sans-serif;
+  shape-rendering: crispEdges;
+}
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+var p = [20, 50, 30, 20],
+    w = 960 - p[1] - p[3],
+    h = 500 - p[0] - p[2],
+    x = d3.scale.ordinal().rangeRoundBands([0, w]),
+    y = d3.scale.linear().range([0, h]),
+    z = d3.scale.ordinal().range(["lightpink", "darkgray", "lightblue"]),
+    parse = d3.time.format("%m/%Y").parse,
+    format = d3.time.format("%b");
+var svg = d3.select("body").append("svg")
+    .attr("width", w)
+    .attr("height", h)
+  .append("g")
+    .attr("transform", "translate(" + p[3] + "," + (h + p[0]) + ")");
+d3.csv("crimea.csv", function(crimea) {
+  // Transpose the data into layers by cause.
+  var causes = d3.layout.stack()(["wounds", "other", "disease"].map(function(cause) {
+    return crimea.map(function(d) {
+      return {x: parse(d.date), y: +d[cause]};
+    });
+  }));
+  // Compute the x-domain (by date) and y-domain (by top).
+  x.domain(causes[0].map(function(d) { return d.x; }));
+  y.domain([0, d3.max(causes[causes.length - 1], function(d) { return d.y0 + d.y; })]);
+  // Add a group for each cause.
+  var cause = svg.selectAll("g.cause")
+      .data(causes)
+    .enter().append("g")
+      .attr("class", "cause")
+      .style("fill", function(d, i) { return z(i); })
+      .style("stroke", function(d, i) { return d3.rgb(z(i)).darker(); });
+  // Add a rect for each date.
+  var rect = cause.selectAll("rect")
+      .data(Object)
+    .enter().append("rect")
+      .attr("x", function(d) { return x(d.x); })
+      .attr("y", function(d) { return -y(d.y0) - y(d.y); })
+      .attr("height", function(d) { return y(d.y); })
+      .attr("width", x.rangeBand());
+  // Add a label per date.
+  var label = svg.selectAll("text")
+      .data(x.domain())
+    .enter().append("text")
+      .attr("x", function(d) { return x(d) + x.rangeBand() / 2; })
+      .attr("y", 6)
+      .attr("text-anchor", "middle")
+      .attr("dy", ".71em")
+      .text(format);
+  // Add y-axis rules.
+  var rule = svg.selectAll("g.rule")
+      .data(y.ticks(5))
+    .enter().append("g")
+      .attr("class", "rule")
+      .attr("transform", function(d) { return "translate(0," + -y(d) + ")"; });
+  rule.append("line")
+      .attr("x2", w)
+      .style("stroke", function(d) { return d ? "#fff" : "#000"; })
+      .style("stroke-opacity", function(d) { return d ? .7 : null; });
+  rule.append("text")
+      .attr("x", w + 6)
+      .attr("dy", ".35em")
+      .text(d3.format(",d"));
+});
+    </script>
+  </body>
+</html>

data/lib/picky-statistics/application/javascripts/d3/examples/crimea/crimea.csv ADDED Viewed

@@ -0,0 +1,24 @@
+date,wounds,other,disease
+5/1854,0,95,105
+6/1854,0,40,95
+7/1854,0,140,520
+8/1854,20,150,800
+9/1854,220,230,740
+10/1854,305,310,600
+11/1854,480,290,820
+12/1854,295,310,1100
+1/1855,230,460,1440
+2/1855,180,520,1270
+3/1855,155,350,935
+4/1855,195,195,560
+5/1855,180,155,550
+6/1855,330,130,650
+7/1855,260,130,430
+8/1855,290,110,490
+9/1855,355,100,290
+10/1855,135,95,245
+11/1855,100,140,325
+12/1855,40,120,215
+1/1856,0,160,160
+2/1856,0,100,100
+3/1856,0,125,90