4 <title>P2Pool Graphs</title>
5 <script type="text/javascript" src="d3.v2.min.js"></script>
7 <style type="text/css">
9 font-family: Sans-serif;
16 shape-rendering: crispEdges;
32 font-family: Sans-serif;
39 <h1>P2Pool Graphs</h1>
42 <div id="graph_hour"></div>
45 <div id="graph_day"></div>
48 <div id="graph_week"></div>
51 <div id="graph_month"></div>
53 <script type="text/javascript">
54 function getData(url) {
55 xmlhttp = new XMLHttpRequest();
56 xmlhttp.open("GET", url, false);
58 var data = JSON.parse(xmlhttp.responseText);
59 data.shift(); // remove current bin
64 function plot(e, url) {
65 data = getData("/web/graph_data/local_hash_rate/" + url);
66 dead_data = getData("/web/graph_data/local_dead_hash_rate/" + url);
72 function itemgetter(i) {
78 return new Date(1000*x);
81 var x = d3.time.scale().domain([as_date(d3.min(data, itemgetter(0))), as_date(d3.max(data, itemgetter(0)))]).range([0 + margin * 2, w - margin * 2]);
82 var y = d3.scale.linear().domain([0, d3.max(data, itemgetter(1))]).range([h - margin, margin]);
84 var line = d3.svg.line().x(function(d, i) { return x(as_date(d[0])); }).y(function(d) { return y(d[1]); });
86 e.selectAll("svg").remove();
87 var g = e.insert("svg:svg").attr("width", w).attr("height", h);
90 .attr("d", line(data))
91 .attr("class", "rate");
94 .attr("d", line(dead_data))
95 .attr("class", "deadrate");
99 .attr("x1", margin * 2)
100 .attr("y1", h - margin)
101 .attr("x2", w - margin * 2)
102 .attr("y2", h - margin);
106 .enter().append("svg:g")
107 .attr("transform", function(d) { return "translate(" + x(d) + "," + (h-margin/2) + ")"; })
109 .attr("transform", "rotate(45)")
110 .attr("text-anchor", "middle")
111 .text(x.tickFormat(13));
115 .enter().append("svg:line")
117 .attr("y1", h - margin)
119 .attr("y2", h - margin + 5);
123 .attr("x1", margin * 2)
124 .attr("y1", h - margin)
125 .attr("x2", margin * 2)
130 .enter().append("svg:line")
131 .attr("x1", margin * 2 - 5)
133 .attr("x2", margin * 2)
138 .enter().append("svg:text")
139 .text(d3.format(".3s"))
140 .attr("x", margin - 2.5)
141 .attr("y", function(d) { return y(d) + 4; })
142 .attr("text-anchor", "middle");
145 function attachGraph(e, url) {
147 //setInterval(function() { plot(e, url); }, 5000);
150 attachGraph(d3.select("#graph_hour"), "last_hour");
151 attachGraph(d3.select("#graph_day"), "last_day");
152 attachGraph(d3.select("#graph_week"), "last_week");
153 attachGraph(d3.select("#graph_month"), "last_month");