diff --git a/datalets/graph-datalet/demo/demo-clustering.html b/datalets/graph-datalet/demo/demo-clustering.html
index ee34fa9..dafad8b 100644
--- a/datalets/graph-datalet/demo/demo-clustering.html
+++ b/datalets/graph-datalet/demo/demo-clustering.html
@@ -15,7 +15,7 @@
                                                                          '\'></graph-with-clustering-extend-datalet>';
             }
         };
-        xhttp.open("GET", "http://192.168.164.128/public_room/ajax/get-graph?id=1&type=comments", true);
+        xhttp.open("GET", "http://192.168.164.128/public_room/ajax/get-graph?id=8&type=comments", true);
         xhttp.send();
     }
 
diff --git a/datalets/graph-datalet/graph-datalet.html b/datalets/graph-datalet/graph-datalet.html
index a6c9d08..d59b6a4 100755
--- a/datalets/graph-datalet/graph-datalet.html
+++ b/datalets/graph-datalet/graph-datalet.html
@@ -96,18 +96,16 @@ Example:
 
     <script>
 
-        gnodes = [];
-        glinks = [];
-
-        width  = undefined;
-        height = undefined;
-        svg    = undefined;
         _this  = null;
-        prev_selected_node = null;
 
         Polymer({
             is : 'graph-datalet',
 
+            listeners: {
+                'graph-datalet_on-node-hover' : '_onNodeHover',
+                'graph-datalet_on-node-out' : '_onNodeOut'
+            },
+
             properties: {
                 /**
                  * It's the url for the preview
@@ -116,11 +114,21 @@ Example:
                  * @type Strig
                  * @default ''
                  */
-                data : {
+                graph : {
                     type : Object,
                     value : undefined
                 },
 
+                gnodes : {
+                    type : Array,
+                    value : []
+                },
+
+                glinks : {
+                    type : Array,
+                    value : []
+                },
+
                 width: {
                     type: Number,
                     value: undefined
@@ -128,7 +136,7 @@ Example:
 
                 height : {
                     type : Number,
-                    type: undefined
+                    value: undefined
                 },
 
                 svg: {
@@ -138,6 +146,11 @@ Example:
                 feelings:{
                     type: Array,
                     values: ["Agree", "Neutral", "Not agree"]
+                },
+
+                prev_selected_node : {
+                    type : Object,
+                    value : null
                 }
             },
 
@@ -148,9 +161,9 @@ Example:
                                    .append("g");
 
                 //set initial zoom
-                scale = (1.0);
+                var scale = (1.0);
                 //translate = [(width-scale*width)/2, ((height-scale*height)/4)];
-                translate = [100, 100];
+                var translate = [100, 100];
                 this.svg.transition()
                         .duration(750)
                         .attr("transform", "translate(" + translate + ")scale(" + scale +    ")")
@@ -163,8 +176,8 @@ Example:
 
                 this.svg.append("rect")
                         .attr("fill", "white")
-                        .attr("width", width)
-                        .attr("height", height);
+                        .attr("width", this.width)
+                        .attr("height", this.height);
 
 
                 var graph = {};
@@ -174,15 +187,6 @@ Example:
 
                 //pezzotto
                 for(var i =0; i < graph.nodes.length; i++){
-                    /*this.svg.append("filter")
-                            .attr("id","filter_" + graph.nodes[i].id)
-                            .attr("x","0%")
-                            .attr("y","0%")
-                            .attr("width","100%")
-                            .attr("height","100%")
-                            .append("feImage")
-                               .attr("xlink:href", graph.nodes[i].image);*/
-
                     this.svg.append("defs")
                                .append("pattern")
                                   .attr("id","image_" + graph.nodes[i].id)
@@ -203,7 +207,7 @@ Example:
                     return t.value ? t.value : 80
                 }).on("tick", this.tick).start();
 
-                glinks = this.svg.selectAll(".link").data(graph.links).enter().append("line").attr("class", "link");
+                this.glinks = this.svg.selectAll(".link").data(graph.links).enter().append("line").attr("class", "link");
 
                 this.svg.selectAll(".link")
                         .attr("style", function(t){
@@ -213,24 +217,18 @@ Example:
                             return "stroke-width:" + (t.size ? t.size : 1.0) + "px";
                         });
 
-                gnodes = this.svg.selectAll(".node").data(graph.nodes).enter().append("g").attr("class", function (t) {
-                                                                                                return t.fixed ? "node fixed" : "node"
-                                                                                            })
-                                                                                            .attr("name", function (t) {
-                                                                                                return t.name ? t.name.split(" ").join("_").toLowerCase() : ""
-                                                                                            }).on("mouseover", this.mouseover)
-                                                                                              .on("mouseout", this.mouseout)
-                                                                                              .on("click", this.active)
+                this.gnodes = this.svg.selectAll(".node").data(graph.nodes).enter().append("g")
+                                                                                            .attr("class", function (t) { return t.fixed ? "node fixed" : "node"})
+                                                                                            .attr("id", function (t) { return "g" + t.id;})
+                                                                                            .attr("name", function (t) { return t.name ? t.name.split(" ").join("_").toLowerCase() : ""})
+                                                                                            .on("mouseover", this.mouseover)
+                                                                                            .on("mouseout", this.mouseout)
+                                                                                            .on("click", this.active)
                                                                                             .append("circle")
-                                                                                                .attr("id", function(t){
-                                                                                                   return t.id;
-                                                                                                })
-                                                                                                .attr("class", function (t) {
-                                                                                                    return t.fixed ? "" : "drag"
-                                                                                                })
-                                                                                                .attr("r", function (t) {
-                                                                                                    return t.r ? t.r : 15
-                                                                                                })
+                                                                                                .attr("id", function(t){ return t.id;})
+                                                                                                .attr("originalId", function (t) { return t.originalId;})
+                                                                                                .attr("class", function (t) { return t.fixed ? "" : "drag"})
+                                                                                                .attr("r", function (t) {return t.r ? t.r : 15})
                                                                                                 .attr("style", function (t) {
                                                                                                     switch(parseInt(t.sentiment)){
                                                                                                         case 1 :
@@ -248,19 +246,16 @@ Example:
                                                                                                     return "fill:" + t.color + "; stroke:white"
                                                                                                 });
 
-                //d3.selectAll('circle').attr("filter", function(t){return  t.image ? 'url(#filter_' + t.id +')' : ""});
                 d3.selectAll('circle').attr("style", function(t){
-                    return  "fill :" + (t.image ? 'url(#image_' + t.id +')' : t.color)});
+                    return  "fill :" + (t.image ? 'url(#image_' + t.id +')' : t.color)
+                });
 
-                //d3.selectAll(".drag").call(force.drag), svg.selectAll("g.fixed").call(text);
                 d3.selectAll(".drag").call(force.drag), this.svg.selectAll("g.node").call(this.text);
 
-                svg = this.svg;
-
             },
 
             zoom: function() {
-                svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
+                _this.svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
             },
 
             text: function (t)
@@ -275,35 +270,37 @@ Example:
             },
 
             tick : function () {
-                // d3.select("svg").attr("style", "transform:translate(8%)");
-                d3.selectAll("g foreignObject").attr("x", function (t) {
-                    return t.x + (t.r ? 0.8 * t.r : 15)
-                }).attr("y", function (t) {
-                    return t.y - 20
-                });
+                if(_this.gnodes != undefined)
+                {
+                    d3.selectAll("g foreignObject").attr("x", function (t) {
+                        return t.x + (t.r ? 0.8 * t.r : 15)
+                    }).attr("y", function (t) {
+                        return t.y - 20
+                    });
 
-                d3.selectAll("#logo text").attr("x", function (t) {
-                    return t.x + .7 * (t.r ? t.r : 15)
-                }).attr("y", function (t) {
-                    return t.y
-                });
+                    d3.selectAll("#logo text").attr("x", function (t) {
+                        return t.x + .7 * (t.r ? t.r : 15)
+                    }).attr("y", function (t) {
+                        return t.y
+                    });
 
 
-                gnodes.attr("cx", function (t) {
-                    return t.x = Math.max(25, Math.min(width - 50, t.x))
-                }).attr("cy", function (t) {
-                    return t.y = Math.max(8, Math.min(600, t.y))
-                });
+                    _this.gnodes.attr("cx", function (t) {
+                        return t.x = Math.max(25, Math.min(_this.width - 50, t.x))
+                    }).attr("cy", function (t) {
+                        return t.y = Math.max(8, Math.min(600, t.y))
+                    });
 
-                glinks.attr("x1", function (t) {
-                    return t.source.x
-                }).attr("y1", function (t) {
-                    return t.source.y
-                }).attr("x2", function (t) {
-                    return t.target.x
-                }).attr("y2", function (t) {
-                    return t.target.y
-                })
+                    _this.glinks.attr("x1", function (t) {
+                        return t.source.x
+                    }).attr("y1", function (t) {
+                        return t.source.y
+                    }).attr("x2", function (t) {
+                        return t.target.x
+                    }).attr("y2", function (t) {
+                        return t.target.y
+                    });
+                }
             },
             mouseover : function (t) {
                 d3.select(this).selectAll("circle").transition().duration(600).ease("elastic")
@@ -332,14 +329,14 @@ Example:
 
                 _this.fire('graph-datalet_node-clicked', {node : t});
 
-                if(prev_selected_node != null){
-                    prev_selected_node.style.fill = prev_selected_node.style.stroke;
-                    prev_selected_node.style.stroke = "#FFFFFF";
+                if(_this.prev_selected_node != null){
+                    _this.prev_selected_node.style.fill = _this.prev_selected_node.style.stroke;
+                    _this.prev_selected_node.style.stroke = "#FFFFFF";
                 }
 
-                prev_selected_node = document.getElementById("" + t.id);
-                prev_selected_node.style.fill   = "#FFFFFF"
-                prev_selected_node.style.stroke = t.color;
+                _this.prev_selected_node = document.getElementById("" + t.id);
+                _this. prev_selected_node.style.fill   = "#FFFFFF"
+                _this.prev_selected_node.style.stroke = t.color;
 
                /* _this.$.dialog.close();
                 _this.$.dialog_title.innerHTML   = t.name;
@@ -352,6 +349,30 @@ Example:
                 //_this.$.dialog.close();
             },
 
+            _onNodeHover : function(e){
+                try {
+                    var nodeId = $("[originalId=" + e.detail.id + "]")[0].id;
+                    var gNode = $("#g" + nodeId)[0];
+                    var node = this.graph.nodes[nodeId];
+
+                    d3.select(gNode).selectAll("circle").transition().duration(600).ease("elastic")
+                            .attr("r", function (t) {
+                                return (!t.image) ? 1 == t.fixed ? 1.4 * t.r : t.r + 10 : t.r;
+                            });
+
+                    _this.$.dialog.close();
+                    _this.$.dialog_title.innerHTML = node.name;
+                    _this.$.dialog_content.innerHTML = node.content;
+
+                    _this.$.dialog.open();
+                }catch(e){}
+
+            },
+
+            _onNodeOut : function(e){
+                    this.mouseout();
+            },
+
             /**
              * It is called after the element’s template has been stamped and all elements inside the element’s local
              * DOM have been configured (with values bound from parents, deserialized attributes, or else default values)
@@ -366,26 +387,16 @@ Example:
 
                 _this = this;
 
-                //this.height = 9 * this.width / 16;
-                //this.height = this.width;
-
-                width  = this.width;
-                height = this.height;
-
-                //this.$.graph_content.style.height = height + "px";
 
                 this.svg = d3.select("svg#sbiricuda").attr("class", "svg").attr({
                     width: "100%",
                     height: "100%"
-                }).attr("viewBox", "0 0 " + this.width + " " + this.height).attr("pointer-events", "all").style("position", "absolute").attr("style", "transform:translate(0px)");
-
-                /*var g = JSON.parse(this.data);
-                g.nodes[0].x = this.width / 2;
-                g.nodes[0].y = this.height / 2;
-                this.buildGraph(g);*/
+                }).attr("viewBox", "0 0 " + this.width + " " + this.height)
+                        .attr("pointer-events", "all")
+                        .attr("style", "transform:translate(0px)")
+                        .style("position", "absolute");
 
-                var json = JSON.stringify(this.data);
-                var g = this.data;
+                var g = this.graph;
                 g.nodes[0].x = this.width / 2;
                 g.nodes[0].y = this.height / 8;
                 this.buildGraph(g);
diff --git a/datalets/graph-datalet/graph-with-clustering-datalet.html b/datalets/graph-datalet/graph-with-clustering-datalet.html
index 3d1cfc2..3e4807b 100644
--- a/datalets/graph-datalet/graph-with-clustering-datalet.html
+++ b/datalets/graph-datalet/graph-with-clustering-datalet.html
@@ -97,6 +97,11 @@ Example:
         Polymer({
             is : 'graph-with-clustering-datalet',
 
+            listeners: {
+                'graph-datalet_on-node-select' : '_onNodeSelect',
+                'graph-datalet_on-node-out' : '_onNodeOut'
+            },
+
             properties: {
                 /**
                  * It's the url for the preview
@@ -138,6 +143,7 @@ Example:
                     type: Array,
                     values: ["Agree", "Neutral", "Not agree"]
                 },
+
                 prev_selected_node : {
                     type : Object,
                     value : null
@@ -200,11 +206,11 @@ Example:
                 return fill(d);*/
                 switch((d % 3)){
                     case 0 :
-                        return "#1F77B4";
+                        return "transparent";//"#1F77B4";//neutral
                     case 1 :
-                        return "#2CA02C";
+                        return "#2CA02C";//agree
                     case 2:
-                        return "#FF1E1E";
+                        return "transparent";//"#FF1E1E";//disagree
                 }
             },
 
@@ -277,7 +283,6 @@ Example:
 
                             for(var n=0; n < this.groups[g][s].values.length;n++)
                                nodesMap[this.groups[g][s].values[n].id] = node;
-
                         }
                     }
                 }
@@ -322,7 +327,6 @@ Example:
                         .style("fill", "#60df20")
                         .style("opacity", .2)
                         .on("click", function(d) {
-                            alert(d.id);
                         });
 
 
@@ -340,9 +344,11 @@ Example:
                         .on("mouseout", this.mouseout)
                         .attr("class", function (t) { return t.fixed ? "node fixed" : "node"})
                         .attr("name", function (t) { return t.name ? t.name.split(" ").join("_").toLowerCase() : ""})
+                        .attr("id", function (t) { return "g" + t.id;})
                         .append("circle")
                             .on("click", this.active)
                             .attr("id", function(t){ return t.id })
+                            .attr("originalId", function (t) { return t.originalId;})
                             .attr("class", function (t) { return t.fixed ? "" : "drag"})
                             .attr("r", function (t){ return t.r ? t.r : 15 })
                             .attr("style", function (t) {
@@ -517,6 +523,29 @@ Example:
                 //_this.$.dialog.close();
             },
 
+            _onNodeSelect : function(e){
+                try {
+                    var nodeId = $("[originalId=" + e.detail.id + "]")[0].id;
+                    var gNode = $("#g" + nodeId)[0];
+                    var node = this.graph.nodes[nodeId];
+
+                    d3.select(gNode).selectAll("circle").transition().duration(600).ease("elastic")
+                            .attr("r", function (t) {
+                                return (!t.image) ? 1 == t.fixed ? 1.4 * t.r : t.r + 10 : t.r;
+                            });
+
+                    _this.$.dialog.close();
+                    _this.$.dialog_title.innerHTML = node.name;
+                    _this.$.dialog_content.innerHTML = node.content;
+
+                    _this.$.dialog.open();
+                }catch(e){}
+            },
+
+            _onNodeOut : function(e){
+                this.mouseout();
+            },
+
             /**
              * It is called after the element’s template has been stamped and all elements inside the element’s local
              * DOM have been configured (with values bound from parents, deserialized attributes, or else default values)
diff --git a/datalets/graph-datalet/graph-with-clustering-extend-datalet.html b/datalets/graph-datalet/graph-with-clustering-extend-datalet.html
index 61cb274..f55c252 100644
--- a/datalets/graph-datalet/graph-with-clustering-extend-datalet.html
+++ b/datalets/graph-datalet/graph-with-clustering-extend-datalet.html
@@ -171,6 +171,11 @@ Example:
                 offset :{
                     type : Number,
                     value : 15
+                },
+
+                prevNetwork : {
+                    type : Object,
+                    value : undefined
                 }
 
                 /*end test*/
@@ -178,19 +183,6 @@ Example:
 
             convexHulls : function() {
                 var hullset = [];
-                /*for(var i in _this.groups){
-                    for(var j=0; j < _this.groups[i].length && _this.groups[i].extend;j++){
-                        var vertices = [];
-                        for(var v=0;v < _this.groups[i][j].values.length; v++){
-                            vertices.push([_this.groups[i][j].values[v].x - _this.offset, _this.groups[i][j].values[v].y - _this.offset]);
-                            vertices.push([_this.groups[i][j].values[v].x - _this.offset, _this.groups[i][j].values[v].y + _this.offset]);
-                            vertices.push([_this.groups[i][j].values[v].x + _this.offset, _this.groups[i][j].values[v].y - _this.offset]);
-                            vertices.push([_this.groups[i][j].values[v].x + _this.offset, _this.groups[i][j].values[v].y + _this.offset]);
-                        }
-
-                        hullset.push({id :  parseInt(i) + 3, sentiment: j , path: d3.geom.hull(vertices), extend : _this.groups[i][j].extend});
-                    }
-                }*/
                 for(var n in _this.hulls){
                    var vertices = [];
                    for(var v in _this.hulls[n]){
@@ -199,7 +191,7 @@ Example:
                        vertices.push([_this.hulls[n][v].x + _this.offset, _this.hulls[n][v].y - _this.offset]);
                        vertices.push([_this.hulls[n][v].x + _this.offset, _this.hulls[n][v].y + _this.offset]);
                    }
-                    hullset.push({/*id :  parseInt(i) + 3,*/ sentiment: _this.hulls[n][v].sentiment , path: d3.geom.hull(vertices), extend : true});
+                    hullset.push({id :  n, sentiment: _this.hulls[n][v].sentiment , path: d3.geom.hull(vertices)});
                 }
                 return hullset;
             },
@@ -243,7 +235,7 @@ Example:
                         this.groups[f.id][parseInt(this.graph.nodes[i].sentiment) - 1].values.push(this.graph.nodes[i]);
 
                     }else{
-                        this.graph.nodes[i].group = -1;
+                        this.graph.nodes[i].group = 0;
                     }
                 }
             },
@@ -255,37 +247,44 @@ Example:
                 //Associate the root to first node
                 var root = ({
                     id: 0,
-                    group: -1,
-                    r: 30,
+                    group: 0,
+                    name : this.graph.nodes[0].name,
+                    content : this.graph.nodes[0].content,
+                    r: this.graph.nodes[0].r,
                 });
                 nodes.push(root);
-                nodesMap[-1] = root;
                 nodesMap[0] = root;
 
                 this.hulls = [];
                 for(var g in this.groups){
                     for(var s in this.groups[g]) {
                         if(this.groups[g][s].values.length > 0) {
-                            if(this.groups[g][s].extend){
+                            if(this.groups[g][s].extend || this.groups[g][s].values.length == 1 ){
                                 this.hulls[g + "-" + s] = [];
                                 for(var n=0; n < this.groups[g][s].values.length;n++) {
                                     var node = ({
                                         id: g + "-" + s + "-" + n,
                                         group: g + "-" + s,
                                         sentiment: parseInt(s) + 1,
-                                        r: 3,
+                                        r: this.groups[g][s].values[n].r,
+                                        name : this.groups[g][s].values[n].name,
+                                        content : this.groups[g][s].values[n].content
                                     });
                                     nodes.push(node);
                                     nodesMap[this.groups[g][s].values[n].id] = node;
                                     this.hulls[g + "-" + s].push(node);
                                 }
                             }else{
+                                var r = 0;
+                                for(var n=0; n < this.groups[g][s].values.length;n++) r+= Math.sqrt(this.groups[g][s].values[n].r);
+
                                 var node =  ({
                                     id : g + "-"+ s,
                                     group: g,
                                     sentiment: parseInt(s) + 1,
                                     nodes: this.groups[g][s].values,
-                                    r: this.groups[g][s].values.length * 3,
+                                    r: (r < 4) ? 4 : r,
+                                    content : "This node contains " + this.groups[g][s].values.length + " nodes",
                                     extend: false
                                 });
 
@@ -294,8 +293,6 @@ Example:
                                 for(var n=0; n < this.groups[g][s].values.length;n++)
                                     nodesMap[this.groups[g][s].values[n].id] = node;
                             }
-
-                            //root.r +=(this.groups[g][s].values.length * 3);
                         }
                     }
                 }
@@ -311,15 +308,12 @@ Example:
                                 id: id,
                                 source: nodesMap[this.graph.links[e].source.id],
                                 target: nodesMap[this.graph.links[e].target.id],
-                                value: 120,
                                 size : 1
                             });
                     }else{
                         links.push({
-                            id: id,
-                            source: nodesMap[this.graph.links[e].source.father.id],
+                            source: nodesMap[this.graph.links[e].source.id],
                             target: nodesMap[this.graph.links[e].target.id],
-                            value: 120,
                             size : 1
                         });
                     }
@@ -335,8 +329,6 @@ Example:
                     if(links[i].id == id) return links[i];
                 }
                 return null;
-
-
             },
 
             init : function(){
@@ -362,18 +354,21 @@ Example:
                         .style("fill", "#60df20")
                         .style("opacity", .2)
                         .on("click", function(d) {
-                            alert(d.id);
+                            var gids = d.id.split("-");
+                            _this.groups[parseInt(gids[0])][parseInt(gids[1])].extend = false;
+                            _this.init();
                         });
 
 
-                this.svg.selectAll(".link").data(net.links).remove();
-                this.svgLinks = this.svg.selectAll(".link").data(net.links).enter()
+                this.svg.selectAll(".link").data((this.prevNetwork != undefined) ? this.prevNetwork.links : net.links).remove();
+                this.svgLinks = this.svg.selectAll(".link").data(net.links);
+                this.svgLinks.enter()
                         .append("line")
                         .attr("class", "link")
-                        .attr("style", function(t){ return "stroke:#333"; /*+ t.color*/ })
+                        .attr("style", function(t){ return "stroke:#999999"; /*+ t.color*/ })
                         .style("stroke-width", function(d) { return d.size || 0.3; });
 
-                this.svg.selectAll(".node").data(net.nodes).remove();
+                this.svg.selectAll(".node").data((this.prevNetwork != undefined) ? this.prevNetwork.nodes : net.nodes).remove();
                 this.svgNodes = this.svg.selectAll(".node").data(net.nodes).enter()
                         .append("g")
                         .on("mouseover", this.mouseover)
@@ -410,6 +405,8 @@ Example:
                         .style("opacity", 1);
 
                 d3.selectAll(".drag").call(force.drag), this.svg.selectAll("g.node").call(this.text);
+
+                this.prevNetwork = net;
             },
 
             buildGraph: function (){
@@ -447,7 +444,7 @@ Example:
                         .attr("xlink:href","http://icons.iconarchive.com/icons/hopstarter/soft-scraps/256/User-Executive-Green-icon.png");
 
                 for (var i = 0; i < this.graph.links.length; ++i) {
-                    o = this.graph.links[i];
+                    var o = this.graph.links[i];
                     o.source = this.graph.nodes[o.source];
                     o.target = this.graph.nodes[o.target];
                 }
@@ -515,21 +512,30 @@ Example:
             },
 
             mouseover : function (t) {
-                d3.select(this).selectAll("circle").transition().duration(600).ease("elastic").attr("r", function (t) {
-                    return 1 == t.fixed ? 1.4 * t.r : t.r + 10;
-                });
+                d3.select(this).selectAll("circle").transition().duration(600).ease("elastic")
+                        .attr("r", function (t) {
+                            return (t.extend == undefined) ? t.r + 1 : t.r + 10;
+                        })
+                        /*.attr("style", function(t){
+                            return (t.extend == undefined) ? "fill:#FFFFFF; stroke:" + t.color : "fill:" + t.color + "; stroke:#FFFFFF";
+                        })*/;
+
 
                 _this.$.dialog.close();
-                _this.$.dialog_title.innerHTML   = t.name;
-                _this.$.dialog_content.innerHTML = t.nodes ? t.nodes.length : 1;
+                _this.$.dialog_title.innerHTML   = (t.name) ? t.name : "Cluster";
+                _this.$.dialog_content.innerHTML = t.content;
 
                 _this.$.dialog.open();
             },
 
             mouseout : function () {
-                d3.select(this).selectAll("text").style("visibility", "hidden"), d3.select(this).selectAll("circle").transition().duration(400).attr("r", function (t) {
-                    return t.r ? t.r : 15
-                });
+                d3.select(this).selectAll("text").style("visibility", "hidden"), d3.select(this).selectAll("circle").transition().duration(400)
+                       .attr("r", function (t) {
+                          return t.r ? t.r : 15
+                        })
+                       /*.attr("style", function(t){
+                            return (t.extend == undefined) ? "stroke:#FFFFFF; fill:" + t.color  : "stroke:#FFFFFF; fill:" + t.color;
+                       })*/;
                 _this.$.dialog.close();
             },
 
@@ -541,15 +547,15 @@ Example:
                     _this.fire('graph-datalet_node-clicked', {node : t});
 
                     if(_this.prev_selected_node != null){
-                        _this.prev_selected_node.style.fill = _this.prev_selected_node.style.stroke;
+                        _this.prev_selected_node.style.fill = _this.prev_selected_node.color;
                         _this.prev_selected_node.style.stroke = "#FFFFFF";
                     }
 
                     _this.prev_selected_node = document.getElementById("" + t.id);
-                    _this.prev_selected_node.style.fill   = "#FFFFFF"
+                    _this.prev_selected_node.style.fill   = "#FFFFFF";
                     _this.prev_selected_node.style.stroke = t.color;
                 }else{
-                   var gids = t.id.split("-");
+                    var gids = t.id.split("-");
                     _this.groups[gids[0]][gids[1]].extend = true;
                     _this.init();
                 }