1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
# = Line and Step Chart
# Line charts are often used to visualize time series data, encoding the value of a variable over time using position. Typically, linear interpolation is used between samples. However, in some cases, the data does not vary smoothly, but instead changes in response to discrete events.
# Using the interpolate property, it is easy to change this behavior for lines and areas. Rubyvis also supports various nonlinear interpolation methods, including cardinal spline, Catmull-Rom spline, B-spline, and monotone cubic.
$:.unshift(File.dirname(__FILE__)+"/../../lib")
require 'rubyvis'
data = pv.range(0, 10, 0.2).map {|x|
OpenStruct.new({:x=> x, :y=> Math.sin(x) + rand() + 1.5})
}
vis = pv.Panel.new().width(200).height(200);
w = 400
h = 200
x = pv.Scale.linear(data, lambda {|d| d.x}).range(0, w)
y = pv.Scale.linear(0, 4).range(0, h);
#/* The root panel. */
vis = pv.Panel.new()
.width(w)
.height(h)
.bottom(20)
.left(20)
.right(10)
.top(5);
#/* X-axis ticks. */
vis.add(pv.Rule)
.data(x.ticks())
.visible(lambda {|d| d > 0})
.left(x)
.strokeStyle("#eee")
.add(pv.Rule)
.bottom(-5)
.height(5)
.strokeStyle("#000")
.anchor("bottom").add(pv.Label)
.text(x.tick_format)
#/* Y-axis ticks. */
vis.add(pv.Rule)
.data(y.ticks(5))
.bottom(y)
.strokeStyle(lambda {|d| d!=0 ? "#eee" : "#000"})
.anchor("left").add(pv.Label)
.text(y.tick_format);
#/* The line. */
vis.add(pv.Line)
.data(data)
.interpolate("step-after")
.left(lambda {|d| x.scale(d.x)})
.bottom(lambda {|d| y.scale(d.y)})
.lineWidth(3);
vis.render();
puts vis.to_svg
|
