diff --git a/examples/area-defined/area-radial.html b/examples/area-defined/area-radial.html deleted file mode 100644 index f32d06f2e757542dd138e8ad43245a014acf4231..0000000000000000000000000000000000000000 --- a/examples/area-defined/area-radial.html +++ /dev/null @@ -1,50 +0,0 @@ - - - - Area Chart (Radial) - - - - - - - diff --git a/examples/area-defined/area.html b/examples/area-defined/area.html deleted file mode 100644 index 29025cc4841ac9d0a6c6af6c3b27a6e6e2c5ca72..0000000000000000000000000000000000000000 --- a/examples/area-defined/area.html +++ /dev/null @@ -1,115 +0,0 @@ - - - - Area Chart - - - - - - - diff --git a/examples/area/area-defined.html b/examples/area/area-defined.html new file mode 100644 index 0000000000000000000000000000000000000000..9e71f3af6a7ed892bb9f4f69b20526bbfa8a8d17 --- /dev/null +++ b/examples/area/area-defined.html @@ -0,0 +1,103 @@ + + + + + + diff --git a/examples/area/area-radial-defined.html b/examples/area/area-radial-defined.html new file mode 100644 index 0000000000000000000000000000000000000000..680d29f6d683f9a0b28e0725c14badeeb7df6779 --- /dev/null +++ b/examples/area/area-radial-defined.html @@ -0,0 +1,65 @@ + + + + + + diff --git a/examples/area/area-radial.html b/examples/area/area-radial.html index 989da1ba1dd5f5f8318707376e0e5bceb2a18a4f..725e993cbf6edcba68018f10f3b97185127c475c 100644 --- a/examples/area/area-radial.html +++ b/examples/area/area-radial.html @@ -1,9 +1,6 @@ - - - Area Chart (Radial) - - - - - + - - + diff --git a/examples/area/area.html b/examples/area/area.html index 1c57ee479cb629ebb4a4460d1cf4da9c79b9d0b4..cb90352741c5258e9bf09c5f0112e9c96dfeb1e3 100644 --- a/examples/area/area.html +++ b/examples/area/area.html @@ -1,113 +1,101 @@ - - - Area Chart - - - - - + - - + diff --git a/examples/line-defined/line.css b/examples/line-defined/line.css deleted file mode 100644 index 9f7d7968c201fa9ffdb361910e9c0c21d584bfe4..0000000000000000000000000000000000000000 --- a/examples/line-defined/line.css +++ /dev/null @@ -1,22 +0,0 @@ -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; -} diff --git a/examples/line-defined/line.html b/examples/line-defined/line.html deleted file mode 100644 index 49dbcd918a77f1061605eee570fb9ccbfcb8759f..0000000000000000000000000000000000000000 --- a/examples/line-defined/line.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - Line Chart - - - - - - - diff --git a/examples/line-defined/line.js b/examples/line-defined/line.js deleted file mode 100644 index 68dff875f7d837cda0af320a1061a0ffd21116d0..0000000000000000000000000000000000000000 --- a/examples/line-defined/line.js +++ /dev/null @@ -1,64 +0,0 @@ -var data = d3.range(20).map(function(i) { - return {x: i / 19, y: i % 5 ? (Math.sin(i / 3) + 1) / 2 : null}; -}); - -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() - .defined(function(d) { return d.y; }) - .x(function(d) { return x(d.x); }) - .y(function(d) { return y(d.y); })); - -vis.selectAll("circle.line") - .data(data.filter(function(d) { return d.y; })) - .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); diff --git a/examples/line/line-defined.html b/examples/line/line-defined.html new file mode 100644 index 0000000000000000000000000000000000000000..59050bd6fa98c62db14422258b00b8934529d636 --- /dev/null +++ b/examples/line/line-defined.html @@ -0,0 +1,89 @@ + + + + + + diff --git a/examples/line/line-radial-defined.html b/examples/line/line-radial-defined.html new file mode 100644 index 0000000000000000000000000000000000000000..6d42d21b33b4651d3837054e817807c4230e436a --- /dev/null +++ b/examples/line/line-radial-defined.html @@ -0,0 +1,50 @@ + + + + + + diff --git a/examples/line/line-radial.html b/examples/line/line-radial.html new file mode 100644 index 0000000000000000000000000000000000000000..467d0e24a66eaa75cc2d36af77880e72de7f9b07 --- /dev/null +++ b/examples/line/line-radial.html @@ -0,0 +1,47 @@ + + + + + + diff --git a/examples/line/line.css b/examples/line/line.css deleted file mode 100644 index 9f7d7968c201fa9ffdb361910e9c0c21d584bfe4..0000000000000000000000000000000000000000 --- a/examples/line/line.css +++ /dev/null @@ -1,22 +0,0 @@ -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; -} diff --git a/examples/line/line.html b/examples/line/line.html index 49dbcd918a77f1061605eee570fb9ccbfcb8759f..0845fd2d031c80515119c01e9befe0409d8eeb2a 100644 --- a/examples/line/line.html +++ b/examples/line/line.html @@ -1,11 +1,88 @@ - - - Line Chart - - - - - - - + + + + + diff --git a/examples/line/line.js b/examples/line/line.js deleted file mode 100644 index 1365ad7f3197bc09c5fc61586e0d5abb2f9682bf..0000000000000000000000000000000000000000 --- a/examples/line/line.js +++ /dev/null @@ -1,63 +0,0 @@ -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);