These formats are suitable for use with the d3.js examples https://d3js.org/
The three formats that you can generate with NetworkX are:
node-link like in the d3.js example https://bl.ocks.org/mbostock/4062045
tree like in the d3.js example https://bl.ocks.org/mbostock/4063550
adjacency like in the d3.js example https://bost.ocks.org/mike/miserables/
Generate and parse JSON serializable data for NetworkX graphs.
Generate and parse JSON serializable data for NetworkX graphs.
These formats are suitable for use with the d3.js examples https://d3js.org/
The three formats that you can generate with NetworkX are:
node-link like in the d3.js example https://bl.ocks.org/mbostock/4062045
tree like in the d3.js example https://bl.ocks.org/mbostock/4063550
adjacency like in the d3.js example https://bost.ocks.org/mike/miserables/
The following pages refer to to this document either explicitly or contain code examples using this.
networkx.readwrite.json_graph.node_link.node_link_data
networkx.readwrite.json_graph.node_link.node_link_graph
networkx.readwrite.json_graph.tree.tree_data
networkx.readwrite.json_graph.adjacency.adjacency_data
networkx.readwrite.json_graph.tree.tree_graph
networkx.readwrite.json_graph.adjacency.adjacency_graph
Hover to see nodes names; edges to Self not shown, Caped at 50 nodes.
Using a canvas is more power efficient and can get hundred of nodes ; but does not allow hyperlinks; , arrows or text (beyond on hover)
SVG is more flexible but power hungry; and does not scale well to 50 + nodes.
All aboves nodes referred to, (or are referred from) current nodes; Edges from Self to other have been omitted (or all nodes would be connected to the central node "self" which is not useful). Nodes are colored by the library they belong to, and scaled with the number of references pointing them