.join("text")
      .attr("x", 0)
      .attr("y", 0)
      .text(d=>d.name)
      .style("text-anchor", "end")
      .attr("transform",d=>`translate(${x(d.name)},${height-15}) rotate(-45)`)
      .style("font-size", 6)

  // Add the highlighting functionality
    nodes.on('mouseover', function(event,d){

    // Highlight the nodes: every node is green except of him
    nodes.style('opacity', .2)
    d3.select(this).style('opacity', 1)

    // Highlight the connections
    links
      .style('stroke', a => 