Создание вывода Canvas из NetworkX

Преимущество использования matplotlib с NetworkX – это легкость, с которой можно создавать выходные данные PDF, PNG и SVG.

import networkx as nx import matplotlib.pyplot as plt G1 = nx.Graph() G.add_nodes_from(["a", "b"]) G.add_edge("a", "b") nx.draw_networkx(G) plt.savefig("graph.pdf") plt.savefig("graph.png") plt.savefig("graph.svg") 

Как этот код может быть изменен для создания HTML5 / Javascript Canvas? Конкретный код, какой бы простой он ни был, более полезен, чем укоренение для данной библиотеки. Sigmajs кажется многообещающим, если не для скудной документации.

One Solution collect form web for “Создание вывода Canvas из NetworkX”

Самый простой способ добиться того, что вы хотите, – просто экспортировать график как GEXF с помощью Networkx, используя:

 G = nx.path_graph(4) nx.write_gexf(G, "test.gexf") 

Затем в вашем HTML вы можете использовать синтаксический анализатор sigma.js GEXF следующим образом:

 <div id="container"> <style> #graph-container { top: 0; bottom: 0; left: 0; right: 0; position: absolute; } </style> <div id="graph-container"></div> </div> <script> /** * The plugin sigma.parsers.gexf can load and parse the GEXF graph file, * and instantiate sigma when the graph is received. * * The object given as the second parameter is the base of the instance * configuration object. The plugin will just add the "graph" key to it * before the instanciation. */ sigma.parsers.gexf('data/arctic.gexf', { // path to graph here container: 'graph-container' }); </script> 

Если вы хотите посмотреть настоящий живой пример, я предлагаю этот пост в блоге внизу .

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ: это мой блог;)

 
Interesting Posts for Van-Lav
Python - лучший язык программирования в мире.