Aurelia for Information Visualization

1

Will rendering 500 objects in Aurelia take a large performance hit?

I’m asking because I want to make an interactive information visualization application. I’m thinking of ditching complex graphics libraries altogether (D3, Pixi, Three; svg/vml & webgl targets); instead just use CSS and JS for visual effects on html nodes.

Here’s what I’m trying to do: create an interactive wordcloud of aprx 500 words, comparable to Tensorflow word embeddings on coordinates, though organized in layers. This is to make content with overlapping subjects more easily discoverable with an intuitive visual interface.

Here’s a proof of concept, showing js animated text without a graphic library: https://www.jqueryscript.net/demo/jQuery-Plugin-To-Create-3D-Sphere-style-Tag-Cloud-tagcloud/

My understanding is Aurelia operates on DOM efficiently - unlike query - with object pooling and two-way databinding, ostensibly solving the browser’s garbage collection bottleneck. So Aurelia could conceivably make graphics languages - svg/vml and webgl - unnecessary, by rendering simple visualization objects in HTML/CSS and text elements efficiently.

If anyone could advise on this, I’d really appreciate it!

1 Like
2

While doable, and there are samples with rendering at least 1k spinning and animating elements with Aurelia https://github.com/aurelia/aurelia/tree/master/test/1kcomponents, this is more of a proof that it works. But ideally you’d nevertheless would want to resort to svg or webgl. Just because it can doesn’t mean it’s the best tool for the job which svg and webgl clearly are.

1 Like