Comments (8)
Greetings, Luis! Thanks for using Ideogram.
Are any error messages displayed? I imagine you're running this in a browser, and you'd see such errors in Chrome DevTools Console. (You can open DevTools by clicking the Chrome menu bar, "More Tools", "Developer Tools".)
Also, could you give me a copy of your BED file? It'd be ideal if you could attach a copy of your BED file in a comment here. Less ideally, you can email it to me using the address in my GitHub profile.
from ideogram.
for sure, here it is my bed file
WG_InvertedRepeats_hg38_all.zip
from ideogram.
It looks like this is the problem. I'm using firefox as my main browser
And this is the message that i get in the R console
request: 127.0.0.1 - ID_127.0.0.1 [10/ago/2022:23:19:32 -0500] "GET /_reload-hash HTTP/1.1" 200 217 "http://127.0.0.1:8050/" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:90.0) Gecko/20100101 Firefox/90.0"
from ideogram.
Hi Eric,
I just realized that there was a similar problem as mine here #170.
Could you tell me what it is the solution that you gave them?
How should I debug
from ideogram.
Hi Luis, your screenshot of the Console panel in Chrome DevTools is helpful! It indicates an error related to cross-origin resource sharing (CORS).
It seems your problematic URL is:
https://github.com/LuisGFdez/inverted_repeats/blob/22ae06451ca902fe823998c14086834ee77a0113/chr3.bed
The problem is caused by your file's URL using at a different origin (https://github.com) than the web page you're trying to load it into / share it with (https://eweitz.github.io). The file lacks special HTTP response headers that allow such CORS content.
Try this URL:
https://raw.githubusercontent.com/LuisGFdez/inverted_repeats/22ae06451ca902fe823998c14086834ee77a0113/chr3.bed
Files served from https://raw.githubusercontent.com have those special CORS headers, so they can be fetched by web pages on different origins.
You can see it live here:
https://eweitz.github.io/ideogram/annotations-file-url?asm=GRCh38&annotsUrl=https://raw.githubusercontent.com/LuisGFdez/inverted_repeats/22ae06451ca902fe823998c14086834ee77a0113/chr3.bed
There, you'll see the BED file display successfully (albeit extremely densely) along chromosome 3.
Let me know if more would help!
from ideogram.
Thank u so much. One more question, is it possible to display a bed file stored with Git LFS as this one:
https://github.com/LuisGFdez/inverted_repeats/blob/main/WG_InvertedRepeats_hg38_all_collapsed.bed
And is it already the T2T ideogram available?
from ideogram.
is it possible to display a bed file stored with Git LFS
Not directly like non-LFS files, it seems.
Instead of returning file content, https://raw.githubusercontent.com/LuisGFdez/inverted_repeats/3ea36ee81fb892bc1b6c274f0062fcb0bcf02091/WG_InvertedRepeats_hg38_all_collapsed.bed returns:
version https://git-lfs.github.com/spec/v1
oid sha256:247e20d9c183fb4ffad15c1c8cce8aa418f38949ad58a16df8de575e37c860a3
size 93870154
That said, it might be nice to add support for gzip-compressed BED files. This might let you decrease file size enough to not trigger "large file storage" limits, letting you host genomic data via GitHub in a CORS-friendly way.
If that sounds useful to you, please open a new issue like "Support gzipped BED files".
And is it already the T2T ideogram available?
Not yet, but that seems straightforward in theory. Please open an issue like "Support T2T human genome" if you'd like it!
from ideogram.
Thanks for opening those separate issues! For convenient reference, these are #314 and #315.
from ideogram.
Related Issues (20)
- API annotations not working on genomes with non "1,2,3" labelled chromosomes HOT 1
- Is there a limit to the number of keys in the legend? HOT 2
- Issue with custom organism bandfiles
- Support T2T human genome HOT 2
- Support gzipped BED files HOT 1
- Support for structural rearrangements HOT 4
- Histogram support for bedgraph format HOT 2
- 404 (Not Found) HOT 1
- Karyotype file of dual comparison error HOT 3
- Jupyter Notebook example no longer works HOT 5
- Chromosome disappears after being clicked for some organisms HOT 3
- Is there a way to zoom in or out ideograms to check overlapped annotations? HOT 2
- rangeSet does not support sex chromosomes HOT 4
- where is detailed documentation/wiki? HOT 1
- Two annotations layouts combined: overlaid + histogram HOT 2
- Annoatation with multiple tracks
- Histogram with tooltip? HOT 2
- Missing regions in fly ideogram? HOT 4
- Help with Uploading a Bed file instead of a URL link HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ideogram.