Skip to main content
`Ctrl`+`K`

Note

Go to the end to download the full example code.

# JavaScript

Example of writing JSON format graph data and using the D3 JavaScript library to produce an HTML/JavaScript drawing.

You will need to download the following directory:

- networkx/networkx

    import json

    import flask
    import networkx as nx

    G = nx.barbell_graph(6, 3)
    # this d3 example uses the name attribute for the mouse-hover value,
    # so add a name to each node
    for n in G:
        G.nodes[n]["name"] = n
    # write json formatted data
    d = nx.json_graph.node_link_data(G)  # node-link format to serialize
    # write json
    json.dump(d, open("force/force.json", "w"))
    print("Wrote node-link JSON data to force/force.json")

    # Serve the file over http to allow for cross origin requests
    app = flask.Flask(__name__, static_folder="force")

    @app.route("/")
    def static_proxy():
        return app.send_static_file("force.html")

    print("\nGo to http://localhost:8000 to see the example\n")
    app.run(port=8000)

Gallery generated by Sphinx-Gallery