));
                if (opacity === 1) {
                    node.style('opacity', 1)
                        // textElems.style('visibility', 'hidden')
                    link.style('stroke-opacity', 0.3)
                }
            };
        }

                $("#city").on("click", function() {
                    circle.attr("fill", function(d) {
                 return colorsCities[d.city];
                })
                });

                $("#port").on("click", function() {
                 