Is There Any Tools/Libraries To Use For Visualizing Genomic Feature Data In The Browser?
3
1
Entering edit mode
7.5 years ago
inadamj ▴ 50

I have a genomic data in CSV or spreadsheet format(as table) (ex. A_niger_CBS_513_88 )with gene model/ protein domain architecture.

What libraries/tools that allow me to visualize the data (and to add my own tracks of data easily) ? I need something for using it with HTML5 ( web-based tools ) if there is nothing it is ok for desktop tools..

genome genome-browser visualization • 5.0k views
ADD COMMENT
2
Entering edit mode
7.5 years ago

You can create a custom genome hub for the UCSC genome browser with your data: http://genome.ucsc.edu/goldenPath/help/hgTrackHubHelp.html

If needed the required files can be hosted on a site like: http://github.com see my blog http://plindenbaum.blogspot.fr/2013/07/playing-with-ucsc-genome-browser-track.html

ADD COMMENT
0
Entering edit mode

Thanks @Pierre I will try to apply your suggestion and see what happens.

ADD REPLY
0
Entering edit mode

As I understand you create an XML file then convert it to xsl then send it to UCSC then retrieve the output ??

ADD REPLY
0
Entering edit mode

no, I wrote a xml file to generate all the files I wanted. But you can do this by hand ( create a fasta file, create a bigbed file... etc...).

ADD REPLY
1
Entering edit mode
7.5 years ago

Not sure if this is exactly what you are looking for. I wrote a html tool for visualizing gene feature/domain data here: http://www.nextgenetics.net/tools/anno_view/annotator.html

ADD COMMENT
0
Entering edit mode

:) it seems close to what I should do >> could you pleas tell me how can I create something like this .. which tools\libraries ..etc

ADD REPLY
1
Entering edit mode

For the visualizations/DOM manipulations I used d3.js. For the buttons/menus/checkboxes.. I wrote a MVC (model-view-controller) framework from scratch. Although I learned a lot about how the MVC pattern worked, I don't recommend writing it from scratch. You can use backbone.js or angular.js for MVC. I've also read some very cool things about the new react.js from Facebook (it implements a virtual DOM for faster page rendering).

If you want to hack something together fast, learn jquery, backbone.js, d3.js. Those 3 should be enough to create something similar.

ADD REPLY
0
Entering edit mode

I know about jQuery .. I am not interested to start from the scratch I want to edit some of the available features such as showing the images in SVG format and customize the output. if there is available plugin or library for the genome data that will be great for me.

ADD REPLY
1
Entering edit mode
7.5 years ago
Chase Miller ▴ 400

Scribl is a javascript HTML5 (canvas-based) genomic visualization library. Examples of both code and visualizations are on the home page

http://chmille4.github.io/Scribl/

ADD COMMENT
0
Entering edit mode

Do you have an idea about an SVG based or is there any possibility to convert it to SVG?

ADD REPLY

Login before adding your answer.

Traffic: 1468 users visited in the last hour
Help About
FAQ
Access RSS
API
Stats

Use of this site constitutes acceptance of our User Agreement and Privacy Policy.

Powered by the version 2.3.6