scruffy 0.2.5 → 0.2.6
Sign up to get free protection for your applications and to get access to all the features.
- data/History.txt +9 -0
- data/config/hoe.rb +1 -1
- data/lib/scruffy/renderers/base.rb +2 -2
- data/lib/scruffy/themes.rb +1 -1
- data/lib/scruffy/version.rb +1 -1
- data/spec/scruffy/graph_spec.rb +5 -5
- data/spec/scruffy/layers/line_spec.rb +1 -1
- data/website/images/graphs/bar_test.png +0 -0
- data/website/images/graphs/bar_test.svg +43 -43
- data/website/images/graphs/line_test.png +0 -0
- data/website/images/graphs/line_test.svg +40 -40
- data/website/images/graphs/multi_test.png +0 -0
- data/website/images/graphs/multi_test.svg +212 -212
- data/website/images/graphs/pie_test.png +0 -0
- data/website/images/graphs/pie_test.svg +28 -28
- data/website/images/graphs/split_test.png +0 -0
- data/website/images/graphs/split_test.svg +225 -225
- data/website/images/graphs/stacking_test.png +0 -0
- data/website/images/graphs/stacking_test.svg +92 -92
- data/website/index.html +59 -138
- metadata +8 -6
|
Binary file
|
|
@@ -1,146 +1,146 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
|
|
3
|
-
<svg xmlns
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
|
|
4
4
|
<g id="scruffy_graph">
|
|
5
|
-
<g transform="translate(0.0, 0.0)"
|
|
5
|
+
<g id="background" transform="translate(0.0, 0.0)">
|
|
6
6
|
<defs>
|
|
7
|
-
<linearGradient
|
|
8
|
-
<stop stop-color="black"
|
|
9
|
-
<stop stop-color="#4A465A"
|
|
7
|
+
<linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
8
|
+
<stop offset="5%" stop-color="black"/>
|
|
9
|
+
<stop offset="95%" stop-color="#4A465A"/>
|
|
10
10
|
</linearGradient>
|
|
11
11
|
</defs>
|
|
12
|
-
<rect width="600.0"
|
|
12
|
+
<rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
|
|
13
13
|
</g>
|
|
14
|
-
<g transform="translate(30.0, 7.2)"
|
|
15
|
-
<text class="title"
|
|
14
|
+
<g id="title" transform="translate(30.0, 7.2)">
|
|
15
|
+
<text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Comparative Agent Performance</text>
|
|
16
16
|
</g>
|
|
17
|
-
<g transform="translate(12.0, 93.6)"
|
|
17
|
+
<g id="view" transform="translate(12.0, 93.6)">
|
|
18
18
|
<g>
|
|
19
|
-
<g transform="translate(0.0, 4.752)"
|
|
20
|
-
<text
|
|
21
|
-
<text
|
|
22
|
-
<text
|
|
23
|
-
<text
|
|
24
|
-
<text
|
|
19
|
+
<g id="values" transform="translate(0.0, 4.752)">
|
|
20
|
+
<text x="96.12" y="211.464" font-size="16.91712" font-family="" fill="white" text-anchor="end">-77%</text>
|
|
21
|
+
<text x="96.12" y="158.598" font-size="16.91712" font-family="" fill="white" text-anchor="end">2%</text>
|
|
22
|
+
<text x="96.12" y="105.732" font-size="16.91712" font-family="" fill="white" text-anchor="end">81%</text>
|
|
23
|
+
<text x="96.12" y="52.866" font-size="16.91712" font-family="" fill="white" text-anchor="end">161%</text>
|
|
24
|
+
<text x="96.12" y="0.0" font-size="16.91712" font-family="" fill="white" text-anchor="end">240%</text>
|
|
25
25
|
</g>
|
|
26
|
-
<g transform="translate(106.8, 0.0)"
|
|
27
|
-
<line x2="427.2" y2="0.0"
|
|
28
|
-
<line x2="427.2" y2="52.866"
|
|
29
|
-
<line x2="427.2" y2="105.732"
|
|
30
|
-
<line x2="427.2" y2="158.598"
|
|
31
|
-
<line x2="427.2" y2="211.464"
|
|
26
|
+
<g id="grid" transform="translate(106.8, 0.0)">
|
|
27
|
+
<line x1="0" y1="0.0" x2="427.2" y2="0.0" style="stroke: white; stroke-width: 2;"/>
|
|
28
|
+
<line x1="0" y1="52.866" x2="427.2" y2="52.866" style="stroke: white; stroke-width: 2;"/>
|
|
29
|
+
<line x1="0" y1="105.732" x2="427.2" y2="105.732" style="stroke: white; stroke-width: 2;"/>
|
|
30
|
+
<line x1="0" y1="158.598" x2="427.2" y2="158.598" style="stroke: white; stroke-width: 2;"/>
|
|
31
|
+
<line x1="0" y1="211.464" x2="427.2" y2="211.464" style="stroke: white; stroke-width: 2;"/>
|
|
32
32
|
</g>
|
|
33
|
-
<g transform="translate(106.8, 218.592)"
|
|
34
|
-
<text
|
|
35
|
-
<text
|
|
36
|
-
<text
|
|
37
|
-
<text
|
|
38
|
-
<text
|
|
39
|
-
<text
|
|
33
|
+
<g id="labels" transform="translate(106.8, 218.592)">
|
|
34
|
+
<text x="0.0" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Jan</text>
|
|
35
|
+
<text x="85.44" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Feb</text>
|
|
36
|
+
<text x="170.88" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Mar</text>
|
|
37
|
+
<text x="256.32" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Apr</text>
|
|
38
|
+
<text x="341.76" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">May</text>
|
|
39
|
+
<text x="427.2" y="19.008" font-size="17.1072" font-family="" fill="white" text-anchor="middle">Jun</text>
|
|
40
40
|
</g>
|
|
41
|
-
<g transform="translate(106.8, 0.0)"
|
|
42
|
-
<g
|
|
41
|
+
<g id="graphs" transform="translate(106.8, 0.0)">
|
|
42
|
+
<g id="component_graphs_graph_0" class="graph_layer">
|
|
43
43
|
<g transform="translate(-1.05732, -1.05732)">
|
|
44
|
-
<rect
|
|
45
|
-
<rect
|
|
44
|
+
<rect x="3.56" y="53.2990548204159" width="66.19464" height="160.279585179584" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
45
|
+
<rect x="4.61732" y="57.5283348204159" width="66.19464" height="157.107625179584" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
46
46
|
</g>
|
|
47
|
-
<rect
|
|
47
|
+
<rect x="3.56" y="53.2990548204159" width="64.08" height="158.164945179584" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
|
|
48
48
|
<g transform="translate(-1.05732, -1.05732)">
|
|
49
|
-
<rect
|
|
50
|
-
<rect
|
|
49
|
+
<rect x="74.76" y="-46.6366729678639" width="66.19464" height="260.215312967864" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
50
|
+
<rect x="75.81732" y="-42.4073929678639" width="66.19464" height="257.043352967864" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
51
51
|
</g>
|
|
52
|
-
<rect
|
|
52
|
+
<rect x="74.76" y="-46.6366729678639" width="64.08" height="258.100672967864" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
|
|
53
53
|
<g transform="translate(-1.05732, -1.05732)">
|
|
54
|
-
<rect
|
|
55
|
-
<rect
|
|
54
|
+
<rect x="145.96" y="67.290056710775" width="66.19464" height="146.288583289225" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
55
|
+
<rect x="147.01732" y="71.519336710775" width="66.19464" height="143.116623289225" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
56
56
|
</g>
|
|
57
|
-
<rect
|
|
57
|
+
<rect x="145.96" y="67.290056710775" width="64.08" height="144.173943289225" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
|
|
58
58
|
<g transform="translate(-1.05732, -1.05732)">
|
|
59
|
-
<rect
|
|
60
|
-
<rect
|
|
59
|
+
<rect x="217.16" y="60.6276748582231" width="66.19464" height="152.950965141777" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
60
|
+
<rect x="218.21732" y="64.8569548582231" width="66.19464" height="149.779005141777" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
61
61
|
</g>
|
|
62
|
-
<rect
|
|
62
|
+
<rect x="217.16" y="60.6276748582231" width="64.08" height="150.836325141777" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
|
|
63
63
|
<g transform="translate(-1.05732, -1.05732)">
|
|
64
|
-
<rect
|
|
65
|
-
<rect
|
|
64
|
+
<rect x="288.36" y="-26.649527410208" width="66.19464" height="240.228167410208" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
65
|
+
<rect x="289.41732" y="-22.4202474102079" width="66.19464" height="237.056207410208" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
66
66
|
</g>
|
|
67
|
-
<rect
|
|
67
|
+
<rect x="288.36" y="-26.649527410208" width="64.08" height="238.113527410208" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
|
|
68
68
|
<g transform="translate(-1.05732, -1.05732)">
|
|
69
|
-
<rect
|
|
70
|
-
<rect
|
|
69
|
+
<rect x="359.56" y="59.9614366729679" width="66.19464" height="153.617203327032" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
70
|
+
<rect x="360.61732" y="64.1907166729679" width="66.19464" height="150.445243327032" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
71
71
|
</g>
|
|
72
|
-
<rect
|
|
72
|
+
<rect x="359.56" y="59.9614366729679" width="64.08" height="151.502563327032" fill="#FDD84E" style="opacity: 1.0; stroke: none;"/>
|
|
73
73
|
<g transform="translate(-1.05732, -1.05732)">
|
|
74
|
-
<rect
|
|
75
|
-
<rect
|
|
74
|
+
<rect x="3.56" y="73.2862003780718" width="66.19464" height="140.292439621928" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
75
|
+
<rect x="4.61732" y="77.5154803780718" width="66.19464" height="137.120479621928" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
76
76
|
</g>
|
|
77
|
-
<rect
|
|
77
|
+
<rect x="3.56" y="73.2862003780718" width="64.08" height="138.177799621928" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
|
|
78
78
|
<g transform="translate(-1.05732, -1.05732)">
|
|
79
|
-
<rect
|
|
80
|
-
<rect
|
|
79
|
+
<rect x="74.76" y="-6.66238185255199" width="66.19464" height="220.241021852552" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
80
|
+
<rect x="75.81732" y="-2.43310185255199" width="66.19464" height="217.069061852552" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
81
81
|
</g>
|
|
82
|
-
<rect
|
|
82
|
+
<rect x="74.76" y="-6.66238185255199" width="64.08" height="218.126381852552" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
|
|
83
83
|
<g transform="translate(-1.05732, -1.05732)">
|
|
84
|
-
<rect
|
|
85
|
-
<rect
|
|
84
|
+
<rect x="145.96" y="99.9357277882798" width="66.19464" height="113.64291221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
85
|
+
<rect x="147.01732" y="104.16500778828" width="66.19464" height="110.47095221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
86
86
|
</g>
|
|
87
|
-
<rect
|
|
87
|
+
<rect x="145.96" y="99.9357277882798" width="64.08" height="111.52827221172" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
|
|
88
88
|
<g transform="translate(-1.05732, -1.05732)">
|
|
89
|
-
<rect
|
|
90
|
-
<rect
|
|
89
|
+
<rect x="217.16" y="79.9485822306238" width="66.19464" height="133.630057769376" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
90
|
+
<rect x="218.21732" y="84.1778622306238" width="66.19464" height="130.458097769376" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
91
91
|
</g>
|
|
92
|
-
<rect
|
|
92
|
+
<rect x="217.16" y="79.9485822306238" width="64.08" height="131.515417769376" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
|
|
93
93
|
<g transform="translate(-1.05732, -1.05732)">
|
|
94
|
-
<rect
|
|
95
|
-
<rect
|
|
94
|
+
<rect x="288.36" y="39.9742911153119" width="66.19464" height="173.604348884688" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
95
|
+
<rect x="289.41732" y="44.2035711153119" width="66.19464" height="170.432388884688" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
96
96
|
</g>
|
|
97
|
-
<rect
|
|
97
|
+
<rect x="288.36" y="39.9742911153119" width="64.08" height="171.489708884688" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
|
|
98
98
|
<g transform="translate(-1.05732, -1.05732)">
|
|
99
|
-
<rect
|
|
100
|
-
<rect
|
|
99
|
+
<rect x="359.56" y="139.910018903592" width="66.19464" height="73.6686210964083" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
100
|
+
<rect x="360.61732" y="144.139298903592" width="66.19464" height="70.4966610964083" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
101
101
|
</g>
|
|
102
|
-
<rect
|
|
102
|
+
<rect x="359.56" y="139.910018903592" width="64.08" height="71.5539810964083" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
|
|
103
103
|
<g transform="translate(-1.05732, -1.05732)">
|
|
104
|
-
<rect
|
|
105
|
-
<rect
|
|
104
|
+
<rect x="3.56" y="153.234782608696" width="66.19464" height="60.3438573913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
105
|
+
<rect x="4.61732" y="157.464062608696" width="66.19464" height="57.1718973913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
106
106
|
</g>
|
|
107
|
-
<rect
|
|
107
|
+
<rect x="3.56" y="153.234782608696" width="64.08" height="58.2292173913044" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
|
|
108
108
|
<g transform="translate(-1.05732, -1.05732)">
|
|
109
|
-
<rect
|
|
110
|
-
<rect
|
|
109
|
+
<rect x="74.76" y="153.234782608696" width="66.19464" height="60.3438573913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
110
|
+
<rect x="75.81732" y="157.464062608696" width="66.19464" height="57.1718973913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
111
111
|
</g>
|
|
112
|
-
<rect
|
|
112
|
+
<rect x="74.76" y="153.234782608696" width="64.08" height="58.2292173913044" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
|
|
113
113
|
<g transform="translate(-1.05732, -1.05732)">
|
|
114
|
-
<rect
|
|
115
|
-
<rect
|
|
114
|
+
<rect x="145.96" y="99.9357277882798" width="66.19464" height="113.64291221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
115
|
+
<rect x="147.01732" y="104.16500778828" width="66.19464" height="110.47095221172" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
116
116
|
</g>
|
|
117
|
-
<rect
|
|
117
|
+
<rect x="145.96" y="99.9357277882798" width="64.08" height="111.52827221172" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
|
|
118
118
|
<g transform="translate(-1.05732, -1.05732)">
|
|
119
|
-
<rect
|
|
120
|
-
<rect
|
|
119
|
+
<rect x="217.16" y="146.572400756144" width="66.19464" height="67.0062392438563" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
120
|
+
<rect x="218.21732" y="150.801680756144" width="66.19464" height="63.8342792438564" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
121
121
|
</g>
|
|
122
|
-
<rect
|
|
122
|
+
<rect x="217.16" y="146.572400756144" width="64.08" height="64.8915992438563" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
|
|
123
123
|
<g transform="translate(-1.05732, -1.05732)">
|
|
124
|
-
<rect
|
|
125
|
-
<rect
|
|
124
|
+
<rect x="288.36" y="133.24763705104" width="66.19464" height="80.3310029489603" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
125
|
+
<rect x="289.41732" y="137.47691705104" width="66.19464" height="77.1590429489603" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
126
126
|
</g>
|
|
127
|
-
<rect
|
|
127
|
+
<rect x="288.36" y="133.24763705104" width="64.08" height="78.2163629489603" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
|
|
128
128
|
<g transform="translate(-1.05732, -1.05732)">
|
|
129
|
-
<rect
|
|
130
|
-
<rect
|
|
129
|
+
<rect x="359.56" y="153.234782608696" width="66.19464" height="60.3438573913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
130
|
+
<rect x="360.61732" y="157.464062608696" width="66.19464" height="57.1718973913044" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
|
|
131
131
|
</g>
|
|
132
|
-
<rect
|
|
132
|
+
<rect x="359.56" y="153.234782608696" width="64.08" height="58.2292173913044" fill="#D1695E" style="opacity: 1.0; stroke: none;"/>
|
|
133
133
|
</g>
|
|
134
134
|
</g>
|
|
135
135
|
</g>
|
|
136
136
|
</g>
|
|
137
|
-
<g transform="translate(30.0, 46.8)"
|
|
138
|
-
<rect
|
|
139
|
-
<text
|
|
140
|
-
<rect
|
|
141
|
-
<text
|
|
142
|
-
<rect
|
|
143
|
-
<text
|
|
137
|
+
<g id="legend" transform="translate(30.0, 46.8)">
|
|
138
|
+
<rect x="167.4" y="0" width="10.8" height="10.8" fill="#FDD84E"/>
|
|
139
|
+
<text x="186.84" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Jack</text>
|
|
140
|
+
<rect x="243.0" y="0" width="10.8" height="10.8" fill="#72AE6E"/>
|
|
141
|
+
<text x="262.44" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Jill</text>
|
|
142
|
+
<rect x="318.6" y="0" width="10.8" height="10.8" fill="#D1695E"/>
|
|
143
|
+
<text x="338.04" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Hill</text>
|
|
144
144
|
</g>
|
|
145
145
|
</g>
|
|
146
146
|
</svg>
|
data/website/index.html
CHANGED
|
@@ -33,67 +33,39 @@
|
|
|
33
33
|
<h1></h1>
|
|
34
34
|
<div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/scruffy"; return false'>
|
|
35
35
|
<p>Get Version</p>
|
|
36
|
-
<a href="http://rubyforge.org/projects/scruffy" class="numbers">0.2.
|
|
36
|
+
<a href="http://rubyforge.org/projects/scruffy" class="numbers">0.2.6</a>
|
|
37
37
|
</div>
|
|
38
|
-
<p><a href="index.html">Home</a
|
|
39
|
-
<a href="doc">Documentation</a
|
|
38
|
+
<p><a href="index.html">Home</a><br />
|
|
39
|
+
<a href="doc">Documentation</a><br />
|
|
40
40
|
<a href="http://rubyforge.org/projects/scruffy/">RubyForge Project</a></p>
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<p>Beautiful Graphs for Ruby.</p>
|
|
51
|
-
</blockquote>
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
<h2>What is Scruffy?</h2>
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
<p>Scruffy is a Ruby library for generating attractive and powerful graphs, useful for web applications, print media and many others.</p>
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<p>Scruffy’s key features include:</p>
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
<ul>
|
|
41
|
+
<h1>Don’t Worry.</h1>
|
|
42
|
+
<h1>Be Scruffy.</h1>
|
|
43
|
+
<blockquote>
|
|
44
|
+
<p>Beautiful Graphs for Ruby.</p>
|
|
45
|
+
</blockquote>
|
|
46
|
+
<h2>What is Scruffy?</h2>
|
|
47
|
+
<p>Scruffy is a Ruby library for generating attractive and powerful graphs, useful for web applications, print media and many others.</p>
|
|
48
|
+
<p>Scruffy’s key features include:</p>
|
|
49
|
+
<ul>
|
|
64
50
|
<li><strong>Built on <span class="caps">SVG</span></strong><br/>
|
|
65
51
|
Scruffy uses <span class="caps">SVG</span> internally for rendering graphs. This allows Scruffy to render your graph identically at almost any size.</li>
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
<ul>
|
|
52
|
+
</ul>
|
|
53
|
+
<ul>
|
|
70
54
|
<li><strong>Mix-n-Match Graphs</strong><br/>
|
|
71
55
|
A Scruffy graph isn’t limited to a single graph type (line, bar, area, etc). You can specify a different type for every data set.</li>
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
<ul>
|
|
56
|
+
</ul>
|
|
57
|
+
<ul>
|
|
76
58
|
<li><strong>Snapshot Rendering</strong><br/>
|
|
77
59
|
You can render a Scruffy graph as many times as you want, and change any settings between renders. Data, colors, even the graph size and image type can all be changed for the next render.</li>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
<ul>
|
|
60
|
+
</ul>
|
|
61
|
+
<ul>
|
|
82
62
|
<li><strong>Easily Extendable</strong><br/>
|
|
83
63
|
Scruffy is designed to be extremely extendible. Adding new graph types or themes can be done in as little as a few lines of code. If you need more control over your graphs, you can customize the layouts, data generation, almost anything.</li>
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<p><pre class='syntax'><span class="ident">sudo</span> <span class="ident">gem</span> <span class="ident">install</span> <span class="ident">scruffy</span></pre></p>
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
<h2>Demonstration of usage</h2>
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
<h3>Pie Chart
|
|
64
|
+
</ul>
|
|
65
|
+
<h2>Installing</h2>
|
|
66
|
+
<p><pre class='syntax'><span class="ident">sudo</span> <span class="ident">gem</span> <span class="ident">install</span> <span class="ident">scruffy</span></pre></p>
|
|
67
|
+
<h2>Demonstration of usage</h2>
|
|
68
|
+
<h3>Pie Chart<br />
|
|
97
69
|
<pre class='syntax'>
|
|
98
70
|
<span class="ident">graph</span> <span class="punct">=</span> <span class="constant">Scruffy</span><span class="punct">::</span><span class="constant">Graph</span><span class="punct">.</span><span class="ident">new</span>
|
|
99
71
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">title</span> <span class="punct">=</span> <span class="punct">"</span><span class="string">Favourite Snacks</span><span class="punct">"</span>
|
|
@@ -110,12 +82,8 @@ Scruffy is designed to be extremely extendible. Adding new graph types or themes
|
|
|
110
82
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:width</span> <span class="punct">=></span> <span class="number">300</span><span class="punct">,</span> <span class="symbol">:height</span> <span class="punct">=></span> <span class="number">200</span><span class="punct">,</span>
|
|
111
83
|
<span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">pie_test.png</span><span class="punct">",</span> <span class="symbol">:as</span> <span class="punct">=></span> <span class="punct">'</span><span class="string">png</span><span class="punct">'</span>
|
|
112
84
|
</pre></h3>
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
<p><img src="images/graphs/pie_test.png" alt="" /></p>
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
<h3>Line Graph
|
|
85
|
+
<p><img src="images/graphs/pie_test.png" alt="" /></p>
|
|
86
|
+
<h3>Line Graph<br />
|
|
119
87
|
<pre class='syntax'>
|
|
120
88
|
<span class="ident">graph</span> <span class="punct">=</span> <span class="constant">Scruffy</span><span class="punct">::</span><span class="constant">Graph</span><span class="punct">.</span><span class="ident">new</span>
|
|
121
89
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">title</span> <span class="punct">=</span> <span class="punct">"</span><span class="string">Sample Line Graph</span><span class="punct">"</span>
|
|
@@ -127,12 +95,8 @@ Scruffy is designed to be extremely extendible. Adding new graph types or themes
|
|
|
127
95
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:width</span> <span class="punct">=></span> <span class="number">300</span><span class="punct">,</span> <span class="symbol">:height</span> <span class="punct">=></span> <span class="number">200</span><span class="punct">,</span>
|
|
128
96
|
<span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">line_test.png</span><span class="punct">",</span> <span class="symbol">:as</span> <span class="punct">=></span> <span class="punct">'</span><span class="string">png</span><span class="punct">'</span>
|
|
129
97
|
</pre></h3>
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
<p><img src="images/graphs/line_test.png" alt="" /></p>
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
<h3>Bar Graph
|
|
98
|
+
<p><img src="images/graphs/line_test.png" alt="" /></p>
|
|
99
|
+
<h3>Bar Graph<br />
|
|
136
100
|
<pre class='syntax'>
|
|
137
101
|
<span class="ident">graph</span> <span class="punct">=</span> <span class="constant">Scruffy</span><span class="punct">::</span><span class="constant">Graph</span><span class="punct">.</span><span class="ident">new</span>
|
|
138
102
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">title</span> <span class="punct">=</span> <span class="punct">"</span><span class="string">Sample Line Graph</span><span class="punct">"</span>
|
|
@@ -144,12 +108,8 @@ Scruffy is designed to be extremely extendible. Adding new graph types or themes
|
|
|
144
108
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:width</span> <span class="punct">=></span> <span class="number">300</span><span class="punct">,</span> <span class="symbol">:height</span> <span class="punct">=></span> <span class="number">200</span><span class="punct">,</span>
|
|
145
109
|
<span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">line_test.png</span><span class="punct">",</span> <span class="symbol">:as</span> <span class="punct">=></span> <span class="punct">'</span><span class="string">png</span><span class="punct">'</span>
|
|
146
110
|
</pre></h3>
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
<p><img src="images/graphs/bar_test.png" alt="" /></p>
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
<h3>Split Graph
|
|
111
|
+
<p><img src="images/graphs/bar_test.png" alt="" /></p>
|
|
112
|
+
<h3>Split Graph<br />
|
|
153
113
|
<pre class='syntax'>
|
|
154
114
|
<span class="ident">graph</span> <span class="punct">=</span> <span class="constant">Scruffy</span><span class="punct">::</span><span class="constant">Graph</span><span class="punct">.</span><span class="ident">new</span>
|
|
155
115
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">title</span> <span class="punct">=</span> <span class="punct">"</span><span class="string">Long-term Comparisons</span><span class="punct">"</span>
|
|
@@ -186,12 +146,8 @@ Scruffy is designed to be extremely extendible. Adding new graph types or themes
|
|
|
186
146
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:width</span> <span class="punct">=></span> <span class="number">500</span><span class="punct">,</span>
|
|
187
147
|
<span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">split_test.png</span><span class="punct">",</span> <span class="symbol">:as</span> <span class="punct">=></span> <span class="punct">'</span><span class="string">png</span><span class="punct">'</span>
|
|
188
148
|
</pre></h3>
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
<p><img src="images/graphs/split_test.png" alt="" /></p>
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
<h3>Stacking Graph Types
|
|
149
|
+
<p><img src="images/graphs/split_test.png" alt="" /></p>
|
|
150
|
+
<h3>Stacking Graph Types<br />
|
|
195
151
|
<pre class='syntax'>
|
|
196
152
|
<span class="ident">graph</span> <span class="punct">=</span> <span class="constant">Scruffy</span><span class="punct">::</span><span class="constant">Graph</span><span class="punct">.</span><span class="ident">new</span>
|
|
197
153
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">title</span> <span class="punct">=</span> <span class="punct">"</span><span class="string">Comparative Agent Performance</span><span class="punct">"</span>
|
|
@@ -205,12 +161,8 @@ Scruffy is designed to be extremely extendible. Adding new graph types or themes
|
|
|
205
161
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">stacking_test.svg</span><span class="punct">"</span>
|
|
206
162
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:width</span> <span class="punct">=></span> <span class="number">500</span><span class="punct">,</span> <span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">stacking_test.png</span><span class="punct">",</span> <span class="symbol">:as</span> <span class="punct">=></span> <span class="punct">'</span><span class="string">png</span><span class="punct">'</span>
|
|
207
163
|
</pre></h3>
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
<p><img src="images/graphs/stacking_test.png" alt="" /></p>
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
<h3>Multi-viewport Multi-layered
|
|
164
|
+
<p><img src="images/graphs/stacking_test.png" alt="" /></p>
|
|
165
|
+
<h3>Multi-viewport Multi-layered<br />
|
|
214
166
|
<pre class='syntax'>
|
|
215
167
|
<span class="ident">graph</span> <span class="punct">=</span> <span class="constant">Scruffy</span><span class="punct">::</span><span class="constant">Graph</span><span class="punct">.</span><span class="ident">new</span>
|
|
216
168
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">title</span> <span class="punct">=</span> <span class="punct">"</span><span class="string">Some Kind of Information</span><span class="punct">"</span>
|
|
@@ -230,71 +182,40 @@ Scruffy is designed to be extremely extendible. Adding new graph types or themes
|
|
|
230
182
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">multi_test.svg</span><span class="punct">"</span>
|
|
231
183
|
<span class="ident">graph</span><span class="punct">.</span><span class="ident">render</span> <span class="symbol">:width</span> <span class="punct">=></span> <span class="number">500</span><span class="punct">,</span> <span class="symbol">:to</span> <span class="punct">=></span> <span class="punct">"</span><span class="string">multi_test.png</span><span class="punct">",</span> <span class="symbol">:as</span> <span class="punct">=></span> <span class="punct">'</span><span class="string">png</span><span class="punct">'</span>
|
|
232
184
|
</pre></h3>
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
<p>The trunk repository is <code>svn://rubyforge.org/var/svn/scruffy/trunk</code> for anonymous access.</p>
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
<p>Rubyforge Project is <a href="http://rubyforge.org/projects/scruffy/" class="major">here</a></p>
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
<h2>News
|
|
248
|
-
<ul>
|
|
185
|
+
<p><img src="images/graphs/multi_test.png" alt="" /></p>
|
|
186
|
+
<h2>Source Code</h2>
|
|
187
|
+
<p>The trunk repository is <code>svn://rubyforge.org/var/svn/scruffy/trunk</code> for anonymous access.</p>
|
|
188
|
+
<p>Rubyforge Project is <a href="http://rubyforge.org/projects/scruffy/" class="major">here</a></p>
|
|
189
|
+
<h2>News</h2>
|
|
190
|
+
<ul>
|
|
249
191
|
<li><strong>2008-10-13, Scruffy 0.2.5</strong> – Fixed font_family settings from theme.</li>
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
<li><strong>2008-08-22, Scruffy 0.2.4</strong> – Bug fixes:
|
|
255
|
-
Bug 21517, legend text missing, fixed.
|
|
192
|
+
</ul>
|
|
193
|
+
<ul>
|
|
194
|
+
<li><strong>2008-08-22, Scruffy 0.2.4</strong> – Bug fixes:<br />
|
|
195
|
+
Bug 21517, legend text missing, fixed.<br />
|
|
256
196
|
Bug 21604, Fails to properly require RMagick, fixed.</li>
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
<ul>
|
|
197
|
+
</ul>
|
|
198
|
+
<ul>
|
|
261
199
|
<li><strong>July 8th, 2008, Scruffy 0.2.3</strong> – Pie Charts added.</li>
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
<ul>
|
|
266
|
-
<li><strong>August 18th, 2006, Scruffy 0.2.2</strong> – Significant changes from 0.1.0! New layouts, better rendering, etc.
|
|
200
|
+
</ul>
|
|
201
|
+
<ul>
|
|
202
|
+
<li><strong>August 18th, 2006, Scruffy 0.2.2</strong> – Significant changes from 0.1.0! New layouts, better rendering, etc.<br />
|
|
267
203
|
Check out more examples at <a href="http://www.ibrasten.com/articles/tag/scruffy">iBrasten.com</a></li>
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
<ul>
|
|
204
|
+
</ul>
|
|
205
|
+
<ul>
|
|
272
206
|
<li><strong>August 11th, 2006, Scruffy 0.1.0</strong> – the first release intended for public use – has been posted!</li>
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
<h2>Contact</h2>
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
<p>Scruffy was created by <a href="http://www.ibrasten.com">Brasten Sager</a>.</p>
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
<p>Collaborative work by <a href="http://www.ajostman.com/blog">A.J. Ostman</a>.</p>
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
|
|
292
|
-
<script type="text/javascript">
|
|
293
|
-
_uacct = “UA-1742674-1”;
|
|
207
|
+
</ul>
|
|
208
|
+
<h2>License</h2>
|
|
209
|
+
<p>This code is free to use under the terms of the <span class="caps">MIT</span> license.</p>
|
|
210
|
+
<h2>Contact</h2>
|
|
211
|
+
<p>Scruffy was created by <a href="http://www.ibrasten.com">Brasten Sager</a>.</p>
|
|
212
|
+
<p>Collaborative work by <a href="http://www.ajostman.com/blog">A.J. Ostman</a>.</p>
|
|
213
|
+
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript">
|
|
214
|
+
_uacct = "UA-1742674-1";
|
|
294
215
|
urchinTracker();
|
|
295
216
|
</script>
|
|
296
217
|
<p class="coda">
|
|
297
|
-
|
|
218
|
+
23rd August 2009<br>
|
|
298
219
|
</p>
|
|
299
220
|
</div>
|
|
300
221
|
|