networkx + d3.js

1,165 views
Skip to first unread message

Dow Street

unread,
Feb 11, 2012, 4:54:36 PM2/11/12
to networkx...@googlegroups.com
All,

I was talking recently with a few d3.js developers about writing an
interface to networkx. We noticed that the little sample graphic on
the networkx homepage uses d3 - is anyone aware of other existing work
in this area (before we re-invent the wheel)?

Thanks!
Dow

Dan Schult

unread,
Feb 11, 2012, 5:47:39 PM2/11/12
to networkx...@googlegroups.com
The examples section of the docs has a javascript section and d3 is used in the "force" example:

Two sites that talk about it are:
and the original by Drew

I'm sure there is more out there.  Maybe someone else can point to other examples.
Dan

--
You received this message because you are subscribed to the Google Groups "networkx-discuss" group.
To post to this group, send email to networkx...@googlegroups.com.
To unsubscribe from this group, send email to networkx-discu...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/networkx-discuss?hl=en.


Aric Hagberg

unread,
Feb 12, 2012, 8:26:22 PM2/12/12
to networkx...@googlegroups.com

See the example at
https://networkx.lanl.gov/trac/browser/networkx/examples/javascript
That generates the graphic on the networkx front page. It's not a
real interface between networkx and d3 but works for simple cases.

It uses networkx functions that export networkx data to d3-friendly
JSON formats:
http://networkx.lanl.gov/reference/readwrite.json_graph.html
which might help.

Aric

Dow Street

unread,
Feb 12, 2012, 10:26:44 PM2/12/12
to networkx...@googlegroups.com
Thanks, Aric. Will take a look...

> --
> You received this message because you are subscribed to the Google
> Groups "networkx-discuss" group.

> To post to this group, send email to networkx-
> dis...@googlegroups.com.

Arman Didandeh

unread,
Feb 18, 2014, 2:50:48 PM2/18/14
to networkx...@googlegroups.com
Have you used it so far?

I was looking for a JS API that helps me with multiple network layouts as well as some statistical analyses (e.g. centrality, etc.). My current code is D3 JS under node.js so I was thinking of integrating what i can find.

Please let me know if you have done/read/heard anything regarding these issues (also social network analysis and graph mining). It seems like NetworkX has the basics I need.

On Tuesday, June 4, 2013 11:23:20 AM UTC-4, Jean Christophe Ketzinger wrote:
It appears that Felix Kling has developped such an intermediate step between NetworkX and d3:

http://felix-kling.de/JSNetworkX/examples.html#example2

Simon Knight

unread,
Feb 19, 2014, 7:05:28 AM2/19/14
to networkx...@googlegroups.com
I've been using d3.js to visualise data network topologies as part of
my PhD work for a while now. All of the visualisations shown at
http://www.youtube.com/autonetkit were created using NetworkX graphs
exported using the readwrite.json_graph export, and then mapped using
d3.js

The source code was put together in a rush, so it's not particuarly
user friendly. But it might serve as an example of what can be done -
the combination of d3.js and NetworkX is amazingly powerful -
especially if you use IPython Notebooks

https://github.com/sk2/autonetkit_vis/blob/master/autonetkit_vis/web_content/ank_render.js
> To unsubscribe from this group and stop receiving emails from it, send an
> email to networkx-discu...@googlegroups.com.
> To post to this group, send email to networkx...@googlegroups.com.
> Visit this group at http://groups.google.com/group/networkx-discuss.
>
> For more options, visit https://groups.google.com/groups/opt_out.
Reply all
Reply to author
Forward
0 new messages