BlasterJS logo
BLASTERJS
A BioJS component to display BLAST alignments - Multiple alignment - Single alignment

Screenshots


How to use


Requirements

Bootstrap 3:
Avaliable on http://getbootstrap.com/

Html2canvas:
Avaliable on https://html2canvas.hertzen.com/

Accepted files

BLAST output files -outfmt 0 (Default):
Only one query on the BLAST file
You can check NCBI BLAST user manual

Code

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
    ...
</head>
<body>
    ...
    <input type="file" id="blastinput" />
    <div id="blast-multiple-alignments"></div>
    <div id="blast-alignments-table"></div>
    <div id="blast-single-alignment"></div>
    ...
    <script type="text/javascript" src="js/html2canvas.js"></script>
    <script type="text/javascript" src="js/blaster.js"></script>
    <script type="text/javascript">
        var blasterjs = require("biojs-vis-blasterjs");
        var instance  = new blasterjs({
            input: "blastinput",
            multipleAlignments: "blast-multiple-alignments",
            alignmentsTable: "blast-alignments-table",
            singleAlignment: "blast-single-alignment"
        });    
    </script>
</body>

Try it


Upload a BLAST output file


Download an example BLAST output file

Team


Contact Us