Giter Club home page Giter Club logo

tadkit's Introduction

TADkit Logo

Release License


![AngularJS](https://img.shields.io/badge/AngularJS-1.6.10-red.svg) ![Three.js](https://img.shields.io/badge/Three.js-v0.97.0-orange.svg)

Unfortunately we have ceased the development and maintenance of TADkit

TADkit is a HTML5 and JavaScript-based 3D genome browser. It makes use of D3.js for rendering the 1D and 2D tracks and WebGl by Three.js for rendering the 3D track.

TADkit is currently developed at the MarciusLab with the contributions of Mike Goodstadt, David Castillo and many maembers of our Lab.

##Description TADkit creates interactive 3D representations of chromatin conformations modeled from 3C-based interaction matrices. The user can overlay 1D and 2D tracks of genomic data to these 3D views to directly evaluate the relationship between the 3D structure of the genome and its biological function.

##Documentation ###Instalation To install TADkit in your server or locally, you need to download the repository and move the "tadkit" folder in your desired directoy. Next, point your browser to the index.html file in that directory. If you want to install it locally you'll need to use Chrome with the flag "--allow-file-access-from-files" to run JavaScript locally (additional information for other Internet browsers here.

###How to use it Visualization of 3D models and overlaying of data for analysis in TADkit is achieved in three simple steps. (1) The user may import a TADbit JSON file by using the drop-in area or the file menu in the TADkit main page. (2) The user is presented with an overview of the data. Each 3D model cluster is shown as an ensemble of grey strands, with its centroid model highlighted. After selecting a cluster, the browser view opens (see figure below) with a 3D scene of the centroid of the selected cluster, along with “classic” genomic tracks. (3) Finally, the user may add additional genomic tracks to the browser by inputting them using BigWig or BedGraph formats.

Browser View

The browser view is composed by:

  • a. Top toolbar with the model title, internal navigation links, data input link and the current genomic position.
  • b. 3D rendering of chromatin as contiguous spheres or a chromatin “fiber”.
  • c. Gene information located in the viewpoint of the 3D model.
  • d. Detailed information for the selected locus.
  • e. Stacked “classical” tracks showing:
    • The genes found in the region covered by the current model (automatically fetched using the Ensembl REST API).
    • A linear depiction of the 3D proximity from the selected viewpoint to the rest of the model.
    • A graph of the restraints imposed during modeling (blue for repulsive and red for attacting restraints).
    • Additional user-imported tracks.

tadkit's People

Contributors

david-castillo avatar dependabot[bot] avatar martirenom avatar mikegoodstadt avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

tadkit's Issues

Tracks not reset when loading new JSON.

When you have one project uploaded and try to upload a new one (via URL), TADkit adds the tracks to the previous project. It adds 10 tracks when uploading a new project from a page that had an “old” project loaded. If uploading it from scratch, then this problem does not exists.

Help!!!

Hello !
The tadkit is very useful and I like it very much .But I meet some problem recently,how can I choose other genome in tadkit? And can you add Brassica rapa 3.0 genome to the website?
Thank you very much!

Syntax error: Unexpected identifier 'Â'

Error in tadkit.js at line 3582: Syntax error: Unexpected identifier 'Â' which in the un-concatenated source is in directive tkProjectDropzone i.e. /src/layout/project-dropzone.directive.js
This shows as a blank spacing character in text editors:

            var expression = attrs.dropzone;
            var accesor = $parse(expression);

But when the /demo is uploaded to a server is shown as:
Chrome and Firefox as:

            var expression = attrs.dropzone;
            var accesor = $parse(expression);

Safari:

                Â Â Â Â Â Â Â Â Â Â Â Â var expression = attrs.dropzone;
                Â Â Â Â Â Â Â Â Â Â Â Â var accesor = $parse(expression);

IE11 gives no errors.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.