MSA rendering is very resource intensive[For huge tree/Sequences] browser crashes

[n3m3sis00]

• TREE-MSA rendering for ENSGT00390000003602 crashes the browser.
• Reason is MSA rendering, because of the functionality of coloring, each letter is processed separately.

FIX:

• One Fix might be to check for total length of all the sequences if it above the certain threshold render without color Sequences

Edit: Without color MSA renders smoothly : https://n3m3sis00.github.io/phylo-demo/ [on this click EnsemblDemo No Color]

[cmdcolin]

This might suggest the need to use something such as HTML5 canvas for the MSA also. Large sequences do indeed end up producing a lot of nodes

[n3m3sis00]

This might suggest the need to use something such as HTML5 canvas for the MSA also. Large sequences do indeed end up producing a lot of nodes

Yes we can introduce html canvas, what I was thinking of using a GPU accelerated library(like Three.js) as well.

[cmdcolin]

Canvas should be fast enough and canvas is GPU accelerated in most browsers such as chrome. Canvas just doesn't use webgl, which three.js does

[cmdcolin]

Also, just to be clear about what causes the slowdown, it is large numbers of DOM nodes. Browsers cannot handle tens of thousands of DOM nodes basically. Canvas just "draw" rather than render to DOM nodes so this is why they are faster.

[n3m3sis00]

what causes the slowdown, it is large numbers of DOM nodes.

Yes exactly

[n3m3sis00]

I Will try to port Current MSA component to Canvas

[cmdcolin]

Sounds good:)