Integrate phylotree.js and alignment.js

[santule]

Hello,
This library is really cool and thanks for creating this.

I have created a tree using phylotree.js and got it working to cater to different functionality. I now want to integrate the alignment information besides the nodes that are not collapsed. I tried doing this using a colored rectangles and some text but it does not work too well. My attempt is in the picture below.

Using alignment.js would be much more efficient and work much better. Is there a basic example I can refer to, to integrate phylotree.js and alignment.js together?

Thanks for your help,

[stephenshank]

Dear @santule,

There is an example of integrating trees and alignments, see here: http://alignment.hyphy.org/fna-viewer

Note that it uses a package called react-phylotree, which is a React component that uses phylotree.js under the hood.

Let me know exactly what kinds of visualizations you had in mind and I will do my best to show what's possible.

Best,
Stephen

[santule]

Thanks, @stephenshank for your prompt reply. And apologies for the delay in reply from my side.

I am hoping to integrate the full functionality of phylotree.js along with some minor add-on functionality from my side (i.e. color nodes, collapse nodes, show node annotation, etc.) and then also include all of the alignment.js functionality. I have index.html with all the required phylotree.js functionality built and ready. On this file, I want to add the alignment.js too. Is that possible to do?

Regards and Thanks,