focus_on_click.js

// only show edges related to node on click
allEdges = $('.edge');
allNodes = $('.node')
node.on("click", function(d) {
  var id = d.id.toString();
  allEdges.removeClass('hidden');
  allNodes.removeClass('hidden');

  nonRelevantEdges = $('.edge:not(.' + id + ')');
  nonRelevantEdges.toggleClass('hidden');

  relevantNodes = ($('.'+id).map(function(){return $(this).attr("source");}).get()).concat($('.'+id).map(function(){return $(this).attr("target");}).get());
  relevantNodes[0] = '#' + relevantNodes[0];
  nodeIdList = relevantNodes.join(", #");

  allNodes.toggleClass('hidden')
  $(nodeIdList).removeClass('hidden');
})

// show all edges again when clicking on white space
$('rect').on("click", function(d) {
  allEdges.removeClass('hidden');
  allNodes.removeClass('hidden');
})