D3 Js force directed graph

[aneesh mj]

Hi,

I am using the following force directed example for one of my project.

http://bl.ocks.org/mbostock/2706022

Here I need something like: - Highlight the paths between "Microsoft" and "Sony".

Is it possible ? if so can anyone help me on this ?

Thanking you.

[aneesh mj]

Can anyone please help me on this ?

Thanks

Aneesh

[Phuoc Do]

aneesh,

You can change class of the link:

var link = svg.selectAll(".link")

    .data(force.links())

  .enter().append("line")

    .attr("class", function(l) {

      if (l.source.name === "Microsoft" && l.target.name === "Motorola") {

        return "hilink";

      } else {

        return "link";

      }

    });

and css:

.hilink {

  fill: none;

  stroke: #666;

  stroke-width: 4.5px;

}

Example:

https://vida.io/documents/QtGKbBt743gods6sx

Phuoc Do

[aneesh mj]

Thanks Phuoc !!

I was looking for an algorithm or a method, which will give me the shortest path between two points and highlight those.

[Phuoc Do]

aneesh,

That algorithm is not available in d3. d3 force layout doesn't have weight/value on link. So you can't really find shortest path algorithm like Dijkstra.

Phuoc

--
You received this message because you are subscribed to a topic in the Google Groups "d3-js" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/d3-js/2ZgSAYkdB_c/unsubscribe.
To unsubscribe from this group and all its topics, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Phuoc Do

[Dow Street]

JSNetworkX might be helpful as part of a solution - looks like there is an implementation of unweighted shortest paths (although I have not used it myself):

http://jsnetworkx.org/index.html
https://github.com/fkling/JSNetworkX/blob/master/jsnx/algorithms/shortest_paths/unweighted.js

R,
Dow

> You received this message because you are subscribed to the Google Groups "d3-js" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.