summaryrefslogtreecommitdiffstats
path: root/public/graph.js
diff options
context:
space:
mode:
Diffstat (limited to 'public/graph.js')
-rw-r--r--public/graph.js53
1 files changed, 0 insertions, 53 deletions
diff --git a/public/graph.js b/public/graph.js
deleted file mode 100644
index 11ed599..0000000
--- a/public/graph.js
+++ /dev/null
@@ -1,53 +0,0 @@
-var n = 40,
- random = d3.randomNormal(0, .2),
- data = d3.range(n).map(random);
-var svg = d3.select("svg"),
- margin = {top: 20, right: 20, bottom: 20, left: 40},
- width = +svg.attr("width") - margin.left - margin.right,
- height = +svg.attr("height") - margin.top - margin.bottom,
- g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");
-var x = d3.scaleLinear()
- .domain([0, n - 1])
- .range([0, width]);
-var y = d3.scaleLinear()
- .domain([-1, 1])
- .range([height, 0]);
-var line = d3.line()
- .x(function(d, i) { return x(i); })
- .y(function(d, i) { return y(d); });
-g.append("defs").append("clipPath")
- .attr("id", "clip")
- .append("rect")
- .attr("width", width)
- .attr("height", height);
-g.append("g")
- .attr("class", "axis axis--x")
- .attr("transform", "translate(0," + y(0) + ")")
- .call(d3.axisBottom(x));
-g.append("g")
- .attr("class", "axis axis--y")
- .call(d3.axisLeft(y));
-g.append("g")
- .attr("clip-path", "url(#clip)")
- .append("path")
- .datum(data)
- .attr("class", "line")
- .transition()
- .duration(500)
- .ease(d3.easeLinear)
- .on("start", tick);
-function tick() {
- // Push a new data point onto the back.
- data.push(random());
- // Redraw the line.
- d3.select(this)
- .attr("d", line)
- .attr("transform", null);
- // Slide it to the left.
- d3.active(this)
- .attr("transform", "translate(" + x(-1) + ",0)")
- .transition()
- .on("start", tick);
- // Pop the old data point off the front.
- data.shift();
-}