2D webGL force graph

216 views
Skip to first unread message

Thom

unread,
Jan 10, 2017, 4:40:28 PM1/10/17
to d3-js
I made a small proof of concept to demonstrate using PIXI.js primitives to achieve webGL rendering with d3.

http://bl.ocks.org/kirjavascript/dcafa2b3a53cbcc9c5de19b938b92119

I haven't stress tested it yet, but it's likely that this gives muuuch better performance with extremely high numbers of nodes.

Cheers!

Kai Chang

unread,
Jan 10, 2017, 5:04:07 PM1/10/17
to d3...@googlegroups.com
Here is a good graph and 2d canvas implementation to stress test against:


--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Vlado Z

unread,
Jan 13, 2017, 10:12:55 AM1/13/17
to d3-js
~6000 nodes and ~68000 edges D: My browsers struggles to calculate.

But your example with pixi.js is smooth.

Ram Tobolski

unread,
Jan 14, 2017, 4:44:51 AM1/14/17
to d3-js
+1

Ian Johnson

unread,
Jan 17, 2017, 6:51:08 PM1/17/17
to d3...@googlegroups.com
I thought I'd try a quick copy-paste mashup of these two blocks to stress test PIXI, surprisingly its a bit slower: http://blockbuilder.org/anonymous/446029890871408d943e10be24793b87

It could be that there is a smarter way to update pixi but i'm not familiar with it and i've spent my tinkering budget for the day :)

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--
Ian Johnson - 周彦
Reply all
Reply to author
Forward
0 new messages