キャンバス上の画像を持つD3強制有向グラフ

Question

私はD3の強制グラフのパフォーマンスを向上させようとしています。現在はSVG要素を使用していますが、ノード数が500に達して〜2000にリンクするとすぐに使用することはほとんど不可能になります。私は、グラフをレンダリングする別の方法を検討しています。

キャンバスは素晴らしい選択肢であるように思わ： http://bl.ocks.org/mbostock/3180395

しかし、それはここで行うのとキャンバス上のノードに画像を添付することが可能である： http://bl.ocks.org/eesur/be2abfb3155a38be4de4

おかげ

Answer 1

あなたが使用することができますがdrawImage()。ここにいるsome documentation

そして、ええ、キャンバスは良いアプローチであるか、スピードアップしています。力のレイアウト自体は、どのようにレンダリングしても、CPUサイクルの束を必要とし、あなたの数値はすでにかなり高いです。また、500本の円をキャンバスに60fps（fps = 1秒あたりのフレーム数）でレンダリングすることは可能ですが、2000年のレンダリングをレンダリングすると、すでにスローダウンが開始されます。それでも、SVGよりはるかに良いでしょう。

かどうかを知るために - とどのくらい - あなたの最適化は、パフォーマンスを向上している、stats.js