search

nylen / d3-process-map

Web application to illustrate the relationships between objects in a process using d3.js.
MIT License
416 stars 196 forks source link

Any Idea How I can Improve Performance #25

Open TimeTravelersHackedMe opened 6 years ago

TimeTravelersHackedMe commented 6 years ago

Is there anything I can do that'll improve the performance of this for say 2000+ nodes?

nylen commented 6 years ago

Hi @TimeTravelersHackedMe,

What is the nature of the performance issue you're seeing?

If pages are slow to load, there is a lot of calculation that happens based on the source data. You could eliminate a lot of this and basically change the app into a static HTML view based on your data.

If objects are slow to render in the browser, you can try simplifying objects (get rid of rounded corners, hover effects, transparency), and maybe eliminating connections and other unneeded objects. It should also help to have the d3 force layout perform more than one iteration / "tick" per frame, but I haven't done this before.