Commit 0642b0dc authored by Angelo Chiacchio's avatar Angelo Chiacchio

Test for monochrome bubbles

parent f925e137
......@@ -21,7 +21,7 @@ svg.D3Bubbles g.bubble-wrapper text{
}
svg.D3Bubbles g.bubble-wrapper circle {
cursor: pointer;
opacity: 0.85;
opacity: 0.6;
}
svg.D3Bubbles g.bubble-wrapper:hover circle {
opacity: 1;
......@@ -31,28 +31,32 @@ svg.D3Bubbles g.bubble-wrapper:hover circle {
}
#bubble-wrapper-main circle, #bubble-wrapper-selected circle {
fill: transparent;
stroke-width: 3;
stroke: rgba(255,255,255,0.3);
}
#bubble-wrapper-main circle {
transform: scale(0.8);
}
#bubble-wrapper-selected circle {
fill: #25b5ff;
transform: scale(0.8);
cursor: pointer;
opacity: 0.9;
}
#bubble-wrapper-selected:hover circle {
fill: rgba(255,255,255,0.05);
fill: transparent;
stroke-width: 3;
stroke: rgba(255,255,255,0.3);
}
#bubble-wrapper-main text {
fill: rgba(255,255,255,0.9);
font-size: 24px;
cursor: pointer;
}
#bubble-wrapper-selected text {
fill: rgba(255,255,255,0.9);
font-size: 16px;
}
#bubble-wrapper-main text.label, #bubble-wrapper-selected text.label {
fill: rgba(255,255,255,0.2);
#bubble-wrapper-main text.label {
fill: rgba(255, 255, 255, 0.3);
font-size: 11px;
cursor: pointer;
}
#bubble-wrapper-selected text.label {
fill: rgba(255, 255, 255, 0.4);
font-size: 11px;
cursor: pointer;
}
\ No newline at end of file
......@@ -131,7 +131,9 @@ function D3Bubbles(params) {
if( that.colors_max_bubbles != null ){
bubbles_colors = d3.scale.ordinal()
.domain([that.radius_min, that.radius_max])
.range(["#656a6e", "#6dc795" , "#c55760", "#4cc7c8", "#3f6971" ]);
.range(["#9aa4a7",
// , "#7a8082", "#5f6566"
]);
}
var texts_colors = function(radius){
return that.colors_min_texts;
......@@ -549,7 +551,7 @@ function mount(options) {
var tagcloud = new D3Bubbles({
width: 'auto',
//TEMPORARY: It will be 490px when filter row will be displayed
height: 550,
height: 510,
wrapper: '#tag',
container: options.selector,
data: options.data,
......@@ -559,7 +561,7 @@ function mount(options) {
},
radius: {
min:30,
max:100
max:180
},
colors: {
bubbles:['#656a6e', '#4cc7c8'],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment