pyk 0.0.3 → 0.0.5
Sign up to get free protection for your applications and to get access to all the features.
data/lib/pyk/number_helpers.rb
CHANGED
|
@@ -20,6 +20,16 @@ module Pyk::NumberHelpers
|
|
|
20
20
|
end
|
|
21
21
|
end
|
|
22
22
|
|
|
23
|
+
def stock_market(d)
|
|
24
|
+
if d < 0
|
|
25
|
+
return "<span style='color: red;'><i class='icon-arrow-down'></i></span> #{d}%".html_safe
|
|
26
|
+
elsif d > 0
|
|
27
|
+
return "<span style='color: green;'><i class='icon-arrow-up'></i></span> #{d}%".html_safe
|
|
28
|
+
else
|
|
29
|
+
return d
|
|
30
|
+
end
|
|
31
|
+
end
|
|
32
|
+
|
|
23
33
|
def color_amount(d)
|
|
24
34
|
if d < 0
|
|
25
35
|
"<span class='red'>(#{number_to_currency(d, unit: '')})</span>".html_safe
|
metadata
CHANGED
|
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
|
|
|
5
5
|
segments:
|
|
6
6
|
- 0
|
|
7
7
|
- 0
|
|
8
|
-
-
|
|
9
|
-
version: 0.0.
|
|
8
|
+
- 5
|
|
9
|
+
version: 0.0.5
|
|
10
10
|
platform: ruby
|
|
11
11
|
authors:
|
|
12
12
|
- Pykih Software LLP
|
|
@@ -118,10 +118,6 @@ files:
|
|
|
118
118
|
- app/assets/images/sprites/file-icons-16-px.png
|
|
119
119
|
- app/assets/images/sprites/signup.png
|
|
120
120
|
- app/assets/images/sprites/so.png
|
|
121
|
-
- app/assets/javascripts/pyk/bubbles_geo.js
|
|
122
|
-
- app/assets/javascripts/pyk/CustomTooltip.js
|
|
123
|
-
- app/assets/javascripts/pyk/types_bubbles.js
|
|
124
|
-
- app/assets/javascripts/pyk.js
|
|
125
121
|
- app/assets/stylesheets/pyk/bootstrap.css.scss
|
|
126
122
|
- app/assets/stylesheets/pyk/global.css.scss
|
|
127
123
|
- app/assets/stylesheets/pyk/helpers.css.scss
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
function CustomTooltip(tooltipId, width){
|
|
2
|
-
var tooltipId = tooltipId;
|
|
3
|
-
$("body").append("<div class='tooltip' id='"+tooltipId+"'></div>");
|
|
4
|
-
|
|
5
|
-
if(width){
|
|
6
|
-
$("#"+tooltipId).css("width", width);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
hideTooltip();
|
|
10
|
-
|
|
11
|
-
function showTooltip(content, event){
|
|
12
|
-
$("#"+tooltipId).html(content);
|
|
13
|
-
$("#"+tooltipId).show();
|
|
14
|
-
|
|
15
|
-
updatePosition(event);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
function hideTooltip(){
|
|
19
|
-
$("#"+tooltipId).hide();
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function updatePosition(event){
|
|
23
|
-
var ttid = "#"+tooltipId;
|
|
24
|
-
var xOffset = 20;
|
|
25
|
-
var yOffset = 10;
|
|
26
|
-
|
|
27
|
-
var ttw = $(ttid).width();
|
|
28
|
-
var tth = $(ttid).height();
|
|
29
|
-
var wscrY = $(window).scrollTop();
|
|
30
|
-
var wscrX = $(window).scrollLeft();
|
|
31
|
-
var curX = (document.all) ? event.clientX + wscrX : event.pageX;
|
|
32
|
-
var curY = (document.all) ? event.clientY + wscrY : event.pageY;
|
|
33
|
-
var ttleft = ((curX - wscrX + xOffset*2 + ttw) > $(window).width()) ? curX - ttw - xOffset*2 : curX + xOffset;
|
|
34
|
-
if (ttleft < wscrX + xOffset){
|
|
35
|
-
ttleft = wscrX + xOffset;
|
|
36
|
-
}
|
|
37
|
-
var tttop = ((curY - wscrY + yOffset*2 + tth) > $(window).height()) ? curY - tth - yOffset*2 : curY + yOffset;
|
|
38
|
-
if (tttop < wscrY + yOffset){
|
|
39
|
-
tttop = curY + yOffset;
|
|
40
|
-
}
|
|
41
|
-
$(ttid).css('top', tttop + 'px').css('left', ttleft + 'px');
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return {
|
|
45
|
-
showTooltip: showTooltip,
|
|
46
|
-
hideTooltip: hideTooltip,
|
|
47
|
-
updatePosition: updatePosition
|
|
48
|
-
}
|
|
49
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
var map;
|
|
2
|
-
|
|
3
|
-
function initialize() {
|
|
4
|
-
var mapOptions = {
|
|
5
|
-
zoom: 1,
|
|
6
|
-
center: new google.maps.LatLng(51.4788, 0.0106),
|
|
7
|
-
mapTypeId: google.maps.MapTypeId.SATELLITE
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
map = new google.maps.Map(document.getElementById('map-canvas'),
|
|
11
|
-
mapOptions);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
// Create a script tag and set the USGS URL as the source.
|
|
15
|
-
// Append this tag to the document's <head>.
|
|
16
|
-
var script = document.createElement('script');
|
|
17
|
-
//script.src = 'http://earthquake.usgs.gov/earthquakes/feed/geojsonp/2.5/week';
|
|
18
|
-
script.src = '/data/bubbles_geo.json';
|
|
19
|
-
document.getElementsByTagName('head')[0].appendChild(script);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
window.eqfeed_callback = function(results) {
|
|
23
|
-
for (var i = 0; i < results.features.length; i++) {
|
|
24
|
-
var earthquake = results.features[i];
|
|
25
|
-
var coords = earthquake.geometry.coordinates;
|
|
26
|
-
var latLng = new google.maps.LatLng(coords[1],coords[0]);
|
|
27
|
-
var marker = new google.maps.Marker({
|
|
28
|
-
position: latLng,
|
|
29
|
-
map: map,
|
|
30
|
-
icon: getCircle(earthquake),
|
|
31
|
-
title: earthquake.data.tooltip_contents
|
|
32
|
-
});
|
|
33
|
-
var infowindow = new google.maps.InfoWindow({
|
|
34
|
-
content: earthquake.data.tooltip_contents ,
|
|
35
|
-
maxWidth: 200,
|
|
36
|
-
position: marker.getPosition()
|
|
37
|
-
});
|
|
38
|
-
google.maps.event.addListener(marker, 'click', function() {
|
|
39
|
-
alert("tip" + earthquake.data.tooltip_contents);
|
|
40
|
-
infowindow.open(map,marker);
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
function getCircle(mark) {
|
|
47
|
-
return {
|
|
48
|
-
path: google.maps.SymbolPath.CIRCLE,
|
|
49
|
-
fillColor: mark.data.background_color,
|
|
50
|
-
fillOpacity: mark.data.background_opacity,
|
|
51
|
-
radius: mark.data.weight,
|
|
52
|
-
scale: 10,
|
|
53
|
-
strokeColor: mark.data.border_color,
|
|
54
|
-
strokeWeight: mark.data.border_weight
|
|
55
|
-
};
|
|
56
|
-
}
|
|
@@ -1,224 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
var custom_bubble_chart = (function(d3, CustomTooltip
|
|
3
|
-
) {
|
|
4
|
-
"use strict";
|
|
5
|
-
|
|
6
|
-
var width = 800,
|
|
7
|
-
height = 600,
|
|
8
|
-
tooltip = CustomTooltip("gates_tooltip", 240),
|
|
9
|
-
layout_gravity = -0.01,
|
|
10
|
-
damper = 0.1,
|
|
11
|
-
nodes = [],
|
|
12
|
-
year_centers = [],
|
|
13
|
-
years_x = [],
|
|
14
|
-
vis, force, circles, radius_scale;
|
|
15
|
-
|
|
16
|
-
var center = {x: width /2, y: height/3};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
function find_unique_elements(data, param, deltaWidthParam) {
|
|
20
|
-
var birthDates = {};
|
|
21
|
-
$.each(data, function() {
|
|
22
|
-
if (!birthDates[this[param]])
|
|
23
|
-
birthDates[this[param]] = [];
|
|
24
|
-
birthDates[this[param]].push(this);
|
|
25
|
-
})
|
|
26
|
-
var length = 0;
|
|
27
|
-
for (var d in birthDates) {
|
|
28
|
-
length ++;
|
|
29
|
-
};
|
|
30
|
-
var rows = Math.floor(length / 3) + 1;
|
|
31
|
-
var col =3;
|
|
32
|
-
var deltaWidth = (height /rows);
|
|
33
|
-
var h = deltaWidthParam;
|
|
34
|
-
for(var d in birthDates) {
|
|
35
|
-
var key = d;
|
|
36
|
-
var w;
|
|
37
|
-
if (col > 0) {
|
|
38
|
-
switch(col) {
|
|
39
|
-
case 3 : w = width /5; break;
|
|
40
|
-
case 2 : w = width /2; break;
|
|
41
|
-
case 1 : w = 4 * width /5;break;
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
year_centers[key] = {
|
|
45
|
-
x: w,
|
|
46
|
-
y: h
|
|
47
|
-
}
|
|
48
|
-
years_x[key] = {
|
|
49
|
-
x:w
|
|
50
|
-
}
|
|
51
|
-
console.log("key:"+ key + " x:" + w+ "y:"+h);
|
|
52
|
-
if (col == 3) {
|
|
53
|
-
rows --;
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
col --;
|
|
57
|
-
if (col == 0) {col = 3;h += deltaWidth;}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
function custom_chart(data, type, divId) {
|
|
64
|
-
var max_amount = d3.max(data, function(d) { return parseInt(d.weight/10, 10); } );
|
|
65
|
-
radius_scale = d3.scale.pow().exponent(0.5).domain([0, max_amount]).range([10, 100]);
|
|
66
|
-
|
|
67
|
-
//create node objects from original data
|
|
68
|
-
//that will serve as the data behind each
|
|
69
|
-
//bubble in the vis, then add each node
|
|
70
|
-
//to nodes to be used later
|
|
71
|
-
data.forEach(function(d){
|
|
72
|
-
var node = {
|
|
73
|
-
id: d.id,
|
|
74
|
-
radius: radius_scale(parseInt(d.weight/10, 10)),
|
|
75
|
-
value: d.weight,
|
|
76
|
-
name: d.name,
|
|
77
|
-
visits: d.visits,
|
|
78
|
-
calls: d.calls,
|
|
79
|
-
leads: d.leads,
|
|
80
|
-
color: d.color,
|
|
81
|
-
genre: d.genre,
|
|
82
|
-
genre2:d.genre2,
|
|
83
|
-
x: Math.random() * 900,
|
|
84
|
-
y: Math.random() * 800
|
|
85
|
-
}
|
|
86
|
-
nodes.push(node);
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
nodes.sort(function(a, b) {return b.value- a.value; });
|
|
90
|
-
|
|
91
|
-
vis = d3.select("#"+ divID).append("svg")
|
|
92
|
-
.attr("width", width)
|
|
93
|
-
.attr("height", height)
|
|
94
|
-
.attr("id", "svg_vis");
|
|
95
|
-
|
|
96
|
-
circles = vis.selectAll("circle")
|
|
97
|
-
.data(nodes, function(d) { return d.id ;});
|
|
98
|
-
|
|
99
|
-
circles.enter().append("circle")
|
|
100
|
-
.attr("r", 0)
|
|
101
|
-
.attr("fill", function(d) { return d.color ;})
|
|
102
|
-
.attr("stroke-width", 2)
|
|
103
|
-
.attr("stroke", function(d) {return d3.rgb(d.color).darker();})
|
|
104
|
-
.attr("id", function(d) { return "bubble_" + d.id; })
|
|
105
|
-
.on("mouseover", function(d, i) {show_details(d, i, this);} )
|
|
106
|
-
.on("mouseout", function(d, i) {hide_details(d, i, this);} )
|
|
107
|
-
|
|
108
|
-
circles.transition().duration(2000).attr("r", function(d) { return d.radius; });
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
function charge(d) {
|
|
112
|
-
return -Math.pow(d.radius, 2.0) / 8;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
function start() {
|
|
116
|
-
force = d3.layout.force()
|
|
117
|
-
.nodes(nodes)
|
|
118
|
-
.size([width, height]);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
function display_group_all() {
|
|
122
|
-
force.gravity(layout_gravity)
|
|
123
|
-
.charge(charge)
|
|
124
|
-
.friction(0.9)
|
|
125
|
-
.on("tick", function(e) {
|
|
126
|
-
circles.each(move_towards_center(e.alpha))
|
|
127
|
-
.attr("cx", function(d) {return d.x;})
|
|
128
|
-
.attr("cy", function(d) {return d.y;});
|
|
129
|
-
});
|
|
130
|
-
force.start();
|
|
131
|
-
hide_years();
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
function move_towards_center(alpha) {
|
|
135
|
-
return function(d) {
|
|
136
|
-
d.x = d.x + (center.x - d.x) * (damper + 0.02) * alpha;
|
|
137
|
-
d.y = d.y + (center.y - d.y) * (damper + 0.02) * alpha;
|
|
138
|
-
};
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
function display_by_year(type) {
|
|
142
|
-
force.gravity(layout_gravity)
|
|
143
|
-
.charge(charge)
|
|
144
|
-
.friction(0.9)
|
|
145
|
-
.on("tick", function(e) {
|
|
146
|
-
circles.each(move_towards_year(e.alpha, type))
|
|
147
|
-
.attr("cx", function(d) {return d.x;})
|
|
148
|
-
.attr("cy", function(d) {return d.y;});
|
|
149
|
-
});
|
|
150
|
-
force.start();
|
|
151
|
-
display_years();
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
function move_towards_year(alpha, type1) {
|
|
155
|
-
return function(d) {
|
|
156
|
-
var key1 = "";
|
|
157
|
-
for(var k in d) {
|
|
158
|
-
if (type1 == k) {
|
|
159
|
-
key1 = d[k];
|
|
160
|
-
break;
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
var target = year_centers[key1];
|
|
164
|
-
d.x = d.x + (target.x - d.x) * (damper + 0.02) * alpha * 1.1;
|
|
165
|
-
d.y = d.y + (target.y - d.y) * (damper + 0.02) * alpha * 1.1;
|
|
166
|
-
};
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
function display_years() {
|
|
171
|
-
var years_data = d3.keys(year_centers);
|
|
172
|
-
var years = vis.selectAll(".years")
|
|
173
|
-
.data(years_data);
|
|
174
|
-
|
|
175
|
-
years.enter().append("text")
|
|
176
|
-
.attr("class", "years")
|
|
177
|
-
.attr("x", function(d) { return year_centers[d].x; } )
|
|
178
|
-
.attr("y", function(d) { return year_centers[d].y;})
|
|
179
|
-
.attr("text-anchor", "middle")
|
|
180
|
-
.attr("fill", "white")
|
|
181
|
-
.text(function(d) { return d;});
|
|
182
|
-
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
function hide_years() {
|
|
186
|
-
var years = vis.selectAll(".years").remove();
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
function show_details(data, i, element) {
|
|
191
|
-
d3.select(element).attr("stroke", "black");
|
|
192
|
-
var content = "<h3>" + data.name + "</h3>";
|
|
193
|
-
content +="<span class=\"name\">Visits:</span><span class=\"value\"> " + data.visits + "</span><br/>";
|
|
194
|
-
content +="<span class=\"name\">Calls:</span><span class=\"value\"> " + data.calls + "</span><br/>";
|
|
195
|
-
content +="<span class=\"name\">Leads:</span><span class=\"value\"> " + data.leads + "</span><br/>";
|
|
196
|
-
|
|
197
|
-
tooltip.showTooltip(content, d3.event);
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
function hide_details(data, i, element) {
|
|
201
|
-
d3.select(element).attr("stroke", function(d) { return d3.rgb(d.color).darker();} );
|
|
202
|
-
tooltip.hideTooltip();
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
var my_mod = {};
|
|
206
|
-
my_mod.init = function (_data, type, deltaWidthParam,divId) {
|
|
207
|
-
custom_chart(_data, type, divId);
|
|
208
|
-
find_unique_elements(_data, type, deltaWidthParam);
|
|
209
|
-
start();
|
|
210
|
-
};
|
|
211
|
-
|
|
212
|
-
my_mod.display_all = display_group_all;
|
|
213
|
-
my_mod.display_year = display_by_year;
|
|
214
|
-
my_mod.toggle_view = function(view_type, type) {
|
|
215
|
-
if (view_type == 'year') {
|
|
216
|
-
display_by_year(type);
|
|
217
|
-
} else {
|
|
218
|
-
display_group_all();
|
|
219
|
-
}
|
|
220
|
-
};
|
|
221
|
-
|
|
222
|
-
return my_mod;
|
|
223
|
-
})(d3, CustomTooltip
|
|
224
|
-
);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//= require_tree ./launchpad/
|