rickshaw_rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,2 @@
1
+ //= require d3.v2
2
+ //= require rickshaw
@@ -0,0 +1,291 @@
1
+ .rickshaw_graph .detail {
2
+ pointer-events: none;
3
+ position: absolute;
4
+ top: 0;
5
+ z-index: 2;
6
+ background: rgba(0, 0, 0, 0.1);
7
+ bottom: 0;
8
+ width: 1px;
9
+ transition: opacity 0.25s linear;
10
+ -moz-transition: opacity 0.25s linear;
11
+ -o-transition: opacity 0.25s linear;
12
+ -webkit-transition: opacity 0.25s linear;
13
+ }
14
+ .rickshaw_graph .detail.inactive {
15
+ opacity: 0;
16
+ }
17
+ .rickshaw_graph .detail .item.active {
18
+ opacity: 1;
19
+ }
20
+ .rickshaw_graph .detail .x_label {
21
+ font-family: Arial, sans-serif;
22
+ border-radius: 3px;
23
+ padding: 6px;
24
+ opacity: 0.5;
25
+ border: 1px solid #e0e0e0;
26
+ font-size: 12px;
27
+ position: absolute;
28
+ background: white;
29
+ white-space: nowrap;
30
+ }
31
+ .rickshaw_graph .detail .item {
32
+ position: absolute;
33
+ z-index: 2;
34
+ border-radius: 3px;
35
+ padding: 0.25em;
36
+ font-size: 12px;
37
+ font-family: Arial, sans-serif;
38
+ opacity: 0;
39
+ background: rgba(0, 0, 0, 0.4);
40
+ color: white;
41
+ border: 1px solid rgba(0, 0, 0, 0.4);
42
+ margin-left: 1em;
43
+ margin-top: -1em;
44
+ white-space: nowrap;
45
+ }
46
+ .rickshaw_graph .detail .item.active {
47
+ opacity: 1;
48
+ background: rgba(0, 0, 0, 0.8);
49
+ }
50
+ .rickshaw_graph .detail .item:before {
51
+ content: "\25c2";
52
+ position: absolute;
53
+ left: -0.5em;
54
+ color: rgba(0, 0, 0, 0.7);
55
+ width: 0;
56
+ }
57
+ .rickshaw_graph .detail .dot {
58
+ width: 4px;
59
+ height: 4px;
60
+ margin-left: -4px;
61
+ margin-top: -3px;
62
+ border-radius: 5px;
63
+ position: absolute;
64
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
65
+ background: white;
66
+ border-width: 2px;
67
+ border-style: solid;
68
+ display: none;
69
+ background-clip: padding-box;
70
+ }
71
+ .rickshaw_graph .detail .dot.active {
72
+ display: block;
73
+ }
74
+ /* graph */
75
+
76
+ .rickshaw_graph {
77
+ position: relative;
78
+ }
79
+ .rickshaw_graph svg {
80
+ display: block;
81
+ overflow: hidden;
82
+ }
83
+
84
+ /* ticks */
85
+
86
+ .rickshaw_graph .x_tick {
87
+ position: absolute;
88
+ top: 0;
89
+ bottom: 0;
90
+ width: 0px;
91
+ border-left: 1px dotted rgba(0, 0, 0, 0.2);
92
+ pointer-events: none;
93
+ }
94
+ .rickshaw_graph .x_tick .title {
95
+ position: absolute;
96
+ font-size: 12px;
97
+ font-family: Arial, sans-serif;
98
+ opacity: 0.5;
99
+ white-space: nowrap;
100
+ margin-left: 3px;
101
+ bottom: 1px;
102
+ }
103
+
104
+ /* annotations */
105
+
106
+ .rickshaw_annotation_timeline {
107
+ height: 1px;
108
+ border-top: 1px solid #e0e0e0;
109
+ margin-top: 10px;
110
+ position: relative;
111
+ }
112
+ .rickshaw_annotation_timeline .annotation {
113
+ position: absolute;
114
+ height: 6px;
115
+ width: 6px;
116
+ margin-left: -2px;
117
+ top: -3px;
118
+ border-radius: 5px;
119
+ background-color: rgba(0, 0, 0, 0.25);
120
+ }
121
+ .rickshaw_graph .annotation_line {
122
+ position: absolute;
123
+ top: 0;
124
+ bottom: -6px;
125
+ width: 0px;
126
+ border-left: 2px solid rgba(0, 0, 0, 0.3);
127
+ display: none;
128
+ }
129
+ .rickshaw_graph .annotation_line.active {
130
+ display: block;
131
+ }
132
+ .rickshaw_annotation_timeline .annotation .content {
133
+ background: white;
134
+ color: black;
135
+ opacity: 0.9;
136
+ padding: 5px 5px;
137
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
138
+ border-radius: 3px;
139
+ position: relative;
140
+ z-index: 20;
141
+ font-size: 12px;
142
+ padding: 6px 8px 8px;
143
+ top: 18px;
144
+ left: -11px;
145
+ width: 160px;
146
+ display: none;
147
+ cursor: pointer;
148
+ }
149
+ .rickshaw_annotation_timeline .annotation .content:before {
150
+ content: "\25b2";
151
+ position: absolute;
152
+ top: -11px;
153
+ color: white;
154
+ text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
155
+ }
156
+ .rickshaw_annotation_timeline .annotation.active,
157
+ .rickshaw_annotation_timeline .annotation:hover {
158
+ background-color: rgba(0, 0, 0, 0.8);
159
+ cursor: none;
160
+ }
161
+ .rickshaw_annotation_timeline .annotation .content:hover {
162
+ z-index: 50;
163
+ }
164
+ .rickshaw_annotation_timeline .annotation.active .content {
165
+ display: block;
166
+ }
167
+ .rickshaw_annotation_timeline .annotation:hover .content {
168
+ display: block;
169
+ z-index: 50;
170
+ }
171
+ .rickshaw_graph .y_axis {
172
+ fill: none;
173
+ }
174
+ .rickshaw_graph .y_ticks .tick {
175
+ stroke: rgba(0, 0, 0, 0.16);
176
+ stroke-width: 2px;
177
+ shape-rendering: crisp-edges;
178
+ pointer-events: none;
179
+ }
180
+ .rickshaw_graph .y_grid .tick {
181
+ z-index: -1;
182
+ stroke: rgba(0, 0, 0, 0.20);
183
+ stroke-width: 1px;
184
+ stroke-dasharray: 1 1;
185
+ }
186
+ .rickshaw_graph .y_grid path {
187
+ fill: none;
188
+ stroke: none;
189
+ }
190
+ .rickshaw_graph .y_ticks path {
191
+ fill: none;
192
+ stroke: #808080;
193
+ }
194
+ .rickshaw_graph .y_ticks text {
195
+ opacity: 0.5;
196
+ font-size: 12px;
197
+ pointer-events: none;
198
+ }
199
+ .rickshaw_graph .x_tick.glow .title,
200
+ .rickshaw_graph .y_ticks.glow text {
201
+ fill: black;
202
+ color: black;
203
+ text-shadow:
204
+ -1px 1px 0 rgba(255, 255, 255, 0.1),
205
+ 1px -1px 0 rgba(255, 255, 255, 0.1),
206
+ 1px 1px 0 rgba(255, 255, 255, 0.1),
207
+ 0px 1px 0 rgba(255, 255, 255, 0.1),
208
+ 0px -1px 0 rgba(255, 255, 255, 0.1),
209
+ 1px 0px 0 rgba(255, 255, 255, 0.1),
210
+ -1px 0px 0 rgba(255, 255, 255, 0.1),
211
+ -1px -1px 0 rgba(255, 255, 255, 0.1);
212
+ }
213
+ .rickshaw_graph .x_tick.inverse .title,
214
+ .rickshaw_graph .y_ticks.inverse text {
215
+ fill: white;
216
+ color: white;
217
+ text-shadow:
218
+ -1px 1px 0 rgba(0, 0, 0, 0.8),
219
+ 1px -1px 0 rgba(0, 0, 0, 0.8),
220
+ 1px 1px 0 rgba(0, 0, 0, 0.8),
221
+ 0px 1px 0 rgba(0, 0, 0, 0.8),
222
+ 0px -1px 0 rgba(0, 0, 0, 0.8),
223
+ 1px 0px 0 rgba(0, 0, 0, 0.8),
224
+ -1px 0px 0 rgba(0, 0, 0, 0.8),
225
+ -1px -1px 0 rgba(0, 0, 0, 0.8);
226
+ }
227
+ .rickshaw_legend {
228
+ font-family: Arial;
229
+ font-size: 12px;
230
+ color: white;
231
+ background: #404040;
232
+ display: inline-block;
233
+ padding: 12px 5px;
234
+ border-radius: 2px;
235
+ position: relative;
236
+ }
237
+ .rickshaw_legend:hover {
238
+ z-index: 10;
239
+ }
240
+ .rickshaw_legend .swatch {
241
+ width: 10px;
242
+ height: 10px;
243
+ border: 1px solid rgba(0, 0, 0, 0.2);
244
+ }
245
+ .rickshaw_legend .line {
246
+ clear: both;
247
+ line-height: 140%;
248
+ padding-right: 15px;
249
+ }
250
+ .rickshaw_legend .line .swatch {
251
+ display: inline-block;
252
+ margin-right: 3px;
253
+ border-radius: 2px;
254
+ }
255
+ .rickshaw_legend .label {
256
+ white-space: nowrap;
257
+ display: inline;
258
+ }
259
+ .rickshaw_legend .action:hover {
260
+ opacity: 0.6;
261
+ }
262
+ .rickshaw_legend .action {
263
+ margin-right: 0.2em;
264
+ font-size: 10px;
265
+ opacity: 0.2;
266
+ cursor: pointer;
267
+ font-size: 14px;
268
+ }
269
+ .rickshaw_legend .line.disabled {
270
+ opacity: 0.4;
271
+ }
272
+ .rickshaw_legend ul {
273
+ list-style-type: none;
274
+ margin: 0;
275
+ padding: 0;
276
+ margin: 2px;
277
+ cursor: pointer;
278
+ }
279
+ .rickshaw_legend li {
280
+ padding: 0 0 0 2px;
281
+ min-width: 80px;
282
+ white-space: nowrap;
283
+ }
284
+ .rickshaw_legend li:hover {
285
+ background: rgba(255, 255, 255, 0.08);
286
+ border-radius: 3px;
287
+ }
288
+ .rickshaw_legend li:active {
289
+ background: rgba(255, 255, 255, 0.2);
290
+ border-radius: 3px;
291
+ }
metadata ADDED
@@ -0,0 +1,97 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: rickshaw_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Han Kang
9
+ - Cynthia Kiser
10
+ - Byron Anderson
11
+ - Johnathan Pulos
12
+ autorequire:
13
+ bindir: bin
14
+ cert_chain: []
15
+ date: 2012-05-09 00:00:00.000000000Z
16
+ dependencies:
17
+ - !ruby/object:Gem::Dependency
18
+ name: railties
19
+ requirement: &70170540038020 !ruby/object:Gem::Requirement
20
+ none: false
21
+ requirements:
22
+ - - ! '>='
23
+ - !ruby/object:Gem::Version
24
+ version: 3.1.0
25
+ type: :runtime
26
+ prerelease: false
27
+ version_requirements: *70170540038020
28
+ - !ruby/object:Gem::Dependency
29
+ name: bundler
30
+ requirement: &70170540037520 !ruby/object:Gem::Requirement
31
+ none: false
32
+ requirements:
33
+ - - ~>
34
+ - !ruby/object:Gem::Version
35
+ version: 1.0.0
36
+ type: :development
37
+ prerelease: false
38
+ version_requirements: *70170540037520
39
+ - !ruby/object:Gem::Dependency
40
+ name: rails
41
+ requirement: &70170540037060 !ruby/object:Gem::Requirement
42
+ none: false
43
+ requirements:
44
+ - - ~>
45
+ - !ruby/object:Gem::Version
46
+ version: '3.1'
47
+ type: :development
48
+ prerelease: false
49
+ version_requirements: *70170540037060
50
+ description: ! ' Rickshaw, a javascript graphing library based on d3, for the rails
51
+ asset pipeline '
52
+ email:
53
+ - han@logicallsat.com
54
+ executables: []
55
+ extensions: []
56
+ extra_rdoc_files: []
57
+ files:
58
+ - .gitignore
59
+ - Gemfile
60
+ - LICENSE
61
+ - README.md
62
+ - Rakefile
63
+ - lib/rickshaw_rails.rb
64
+ - lib/rickshaw_rails/engine.rb
65
+ - lib/rickshaw_rails/version.rb
66
+ - rickshaw_rails.gemspec
67
+ - vendor/assets/javascripts/d3.v2.js
68
+ - vendor/assets/javascripts/rickshaw.js
69
+ - vendor/assets/javascripts/rickshaw_with_d3.js
70
+ - vendor/assets/stylesheets/rickshaw.css
71
+ homepage: https://github.com/logical42/rickshaw_rails
72
+ licenses: []
73
+ post_install_message:
74
+ rdoc_options: []
75
+ require_paths:
76
+ - lib
77
+ - vendor
78
+ required_ruby_version: !ruby/object:Gem::Requirement
79
+ none: false
80
+ requirements:
81
+ - - ! '>='
82
+ - !ruby/object:Gem::Version
83
+ version: '0'
84
+ required_rubygems_version: !ruby/object:Gem::Requirement
85
+ none: false
86
+ requirements:
87
+ - - ! '>='
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ requirements: []
91
+ rubyforge_project:
92
+ rubygems_version: 1.8.6
93
+ signing_key:
94
+ specification_version: 3
95
+ summary: Gem installation of javascript framework for data visualization, D3
96
+ test_files: []
97
+ has_rdoc: