implementing other features of locuszoom.org

[Matt]

-we're developing a web application

-we have successfully integrated locusZoom.js

-would like to integrate other features shown on locuszoom.org (Manhattan plot and qq)

locusZoom.js is fantastic. We want to embed the full experience within our web application i.e. a manhattan plot and qq plot, then when the user clicks the manhattan, the locusZoom.js component goes to the region of interest.

e.g.

I originally, started coding the Manhattan and qq plots myself, using charts.js, but is there a way i can use the code that you have used to generate them on your site? If not can you tell me which library you are using / the rough architecture? For the Manhattan plot, are you returning an already generated image to the frontend?

Any help greatly appreciated.

KR

M

[Andy Boughton]

Thanks for the question! I'm glad you found these tools useful.

The basic codebase for the entire "upload and plot" website is available on github:

https://github.com/statgen/locuszoom-hosted

It's somewhat specialized code that was originally forked from PheWeb, a sibling project. There is a binner that decides which genome wide variants are interesting, and a renderer that creates a D3.js based plot on the frontend from the list of binned variants. We don't return a static image, because we want the plot to be interactive. We bin the variants once in advance during the ingest step, for performance reasons.

https://github.com/statgen/locuszoom-hosted/blob/develop/util/ingest/manhattan.py

https://github.com/statgen/locuszoom-hosted/blob/develop/assets/js/util/pheweb_plots.js

I moved on from the team several years ago, so if you have technical questions/bug reports, it might be good to file an issue in the appropriate github repo- alas, this is about as much help as I can offer. :)

-Andy Boughton

abo...@umich.edu

--
You received this message because you are subscribed to the Google Groups "locuszoom" group.
To unsubscribe from this group and stop receiving emails from it, send an email to locuszoom+...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/locuszoom/a31ec09a-a8ff-4d41-975a-e9c5adb3785fn%40googlegroups.com.