1 | require("./../../lib/env-js/envjs/node"); |
---|
2 | require("./../../d3"); |
---|
3 | |
---|
4 | var area = d3.svg.area(); |
---|
5 | |
---|
6 | console.log("default:"); |
---|
7 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
8 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
9 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
10 | console.log(""); |
---|
11 | |
---|
12 | var i = 0, |
---|
13 | area = d3.svg.area() |
---|
14 | .x(function() { return i++; }); |
---|
15 | |
---|
16 | console.log("x(function() { return i++; }):"); |
---|
17 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
18 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
19 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
20 | console.log(""); |
---|
21 | |
---|
22 | var i = 0, |
---|
23 | area = d3.svg.area() |
---|
24 | .y(function() { return i++; }); |
---|
25 | |
---|
26 | console.log("y(function() { return i++; }):"); |
---|
27 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
28 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
29 | console.log(" [[0, 0], [1, 1], [0, 2]]:", area([[0, 0], [1, 1], [0, 2]])); |
---|
30 | console.log(""); |
---|
31 | |
---|
32 | var area = d3.svg.area() |
---|
33 | .y0(-1); |
---|
34 | |
---|
35 | console.log("y0(-1):"); |
---|
36 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
37 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
38 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
39 | console.log(""); |
---|
40 | |
---|
41 | var area = d3.svg.area() |
---|
42 | .x(function(d) { return d.x; }) |
---|
43 | .y1(function(d) { return d.y; }); |
---|
44 | |
---|
45 | console.log("x(d.x).y1(d.y):"); |
---|
46 | console.log(" [{x:0,y:0}]:", area([{x:0,y:0}])); |
---|
47 | console.log(" [{x:0,y:0},{x:1,y:1}]:", area([{x:0,y:0},{x:1,y:1}])); |
---|
48 | console.log(" [{x:0,y:0},{x:1,y:1},{x:2,y:0}]:", area([{x:0,y:0},{x:1,y:1},{x:2,y:0}])); |
---|
49 | console.log(""); |
---|
50 | |
---|
51 | var area = d3.svg.area() |
---|
52 | .x(function(d) { return d.x; }) |
---|
53 | .y0(function(d) { return -d.y; }) |
---|
54 | .y1(function(d) { return d.y; }); |
---|
55 | |
---|
56 | console.log("x(d.x).y0(-d.y).y1(d.y):"); |
---|
57 | console.log(" [{x:0,y:0}]:", area([{x:0,y:0}])); |
---|
58 | console.log(" [{x:0,y:0},{x:1,y:1}]:", area([{x:0,y:0},{x:1,y:1}])); |
---|
59 | console.log(" [{x:0,y:0},{x:1,y:1},{x:2,y:0}]:", area([{x:0,y:0},{x:1,y:1},{x:2,y:0}])); |
---|
60 | console.log(""); |
---|
61 | |
---|
62 | var area = d3.svg.area() |
---|
63 | .interpolate("step-before"); |
---|
64 | |
---|
65 | console.log("interpolate(step-before):"); |
---|
66 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
67 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
68 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
69 | console.log(""); |
---|
70 | |
---|
71 | var area = d3.svg.area() |
---|
72 | .interpolate("step-after"); |
---|
73 | |
---|
74 | console.log("interpolate(step-after):"); |
---|
75 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
76 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
77 | console.log(" [[0, 0], [1, 1], [2, 0]]:", area([[0, 0], [1, 1], [2, 0]])); |
---|
78 | console.log(""); |
---|
79 | |
---|
80 | var area = d3.svg.area() |
---|
81 | .interpolate("basis"); |
---|
82 | |
---|
83 | console.log("interpolate(basis):"); |
---|
84 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
85 | console.log(" [[0, 0], [1, 1]]:", area([[0, 0], [1, 1]])); |
---|
86 | console.log(" [[0, 0], [6, 6], [12, 0]]:", area([[0, 0], [6, 6], [12, 0]])); |
---|
87 | console.log(""); |
---|
88 | |
---|
89 | var area = d3.svg.area() |
---|
90 | .interpolate("basis-closed"); |
---|
91 | |
---|
92 | console.log("interpolate(basis-closed):"); |
---|
93 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
94 | console.log(" [[0, 0], [6, 6]]:", area([[0, 0], [6, 6]])); |
---|
95 | console.log(" [[0, 0], [6, 6], [12, 0]]:", area([[0, 0], [6, 6], [12, 0]])); |
---|
96 | console.log(""); |
---|
97 | |
---|
98 | var area = d3.svg.area() |
---|
99 | .interpolate("cardinal"); |
---|
100 | |
---|
101 | console.log("interpolate(cardinal):"); |
---|
102 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
103 | console.log(" [[0, 0], [5, 5]]:", area([[0, 0], [5, 5]])); |
---|
104 | console.log(" [[0, 0], [5, 5], [10, 0]]:", area([[0, 0], [5, 5], [10, 0]])); |
---|
105 | console.log(""); |
---|
106 | |
---|
107 | var area = d3.svg.area() |
---|
108 | .interpolate("cardinal-closed"); |
---|
109 | |
---|
110 | console.log("interpolate(cardinal-closed):"); |
---|
111 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
112 | console.log(" [[0, 0], [5, 5]]:", area([[0, 0], [5, 5]])); |
---|
113 | console.log(" [[0, 0], [5, 5], [10, 0]]:", area([[0, 0], [5, 5], [10, 0]])); |
---|
114 | console.log(""); |
---|
115 | |
---|
116 | var area = d3.svg.area() |
---|
117 | .interpolate("monotone"); |
---|
118 | |
---|
119 | console.log("interpolate(monotone):"); |
---|
120 | console.log(" [[0, 0]]:", area([[0, 0]])); |
---|
121 | console.log(" [[0, 0], [5, 5]]:", area([[0, 0], [5, 5]])); |
---|
122 | console.log(" [[0, 0], [5, 5], [10, 0]]:", area([[0, 0], [5, 5], [10, 0]])); |
---|
123 | console.log(""); |
---|