Results - Data Panel - Sequence Logos

[chrtannus]

• [x] Show the sequence logo for the selected motif.
• [ ] Make sure the images can be exported -- see #9

Options:

1. Copy all the image files from the Aerts Lab motif collections or from the iRegulon Cy3 app:

   • static PNG images.
   • example (https://motifcollections.aertslab.org/v10/logos/cisbp__M00093.png):

2. Use an API such as JASPAR:

   • it seems there's no unified service -- form instance, JASPAR only accepts its own motif identifiers.
   • example (https://jaspar.elixir.no/static/logos/all/svg/MA1022.1.svg):

3. Use cross-referencing resources like CIS-BP or UniProt to search by transcription factor or gene and retrieve motifs in different formats; then use a JS library to generate the sequence logo.

[chrtannus]

Linking the images directly from the Aerts Lab collection doesn't work with the images export, because of a CORS error:

Access to fetch at 'https://motifcollections.aertslab.org/v9/logos/homer__GCACGTACCC_HIF2a.png' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

One alternative is to copy the images to our server.