ts-rna-draw v0.1.0

TS RNA Draw

Ved's attempt at using Typescript to write a pure Javascript RNA secondary structure drawing app. Play around with it here: https://vedtopkar.github.io/ts-rna-draw/

Demo

Example

Using the following inputs:

AAAAAGGGGGAAGGGGAAACCCAAGGGGAAACCCACCCCCAAAAAAAAAAGGGGGGAAAAAAACCACCCAAAAA
.....(((((..(((....)))..(((....))).)))))..........(((((........)).))).....

We get:

Usage

Clone:

git clone https://github.com/vedtopkar/ts-rna-draw.git

Install npm module dependencies:

cd ts-rna-draw && yarn install

For development, start the parcel server with yarn:

yarn watch

Your page will reload every time you hit save on a modified .ts or .html file.

Dependencies

• npm
• yarnjs
• parceljs

Feature TODOs

• Implement pan mouse functionality
• Figure out robust vertical text centering for nucleotides
• Implement interactive flipping stems around basline
• Scale up terminal loop radius for large-sequence loops
• Abstract away global variables for drawing config
• Split up drawing scripts for each element type
• Update stem drawing for arbitrary angles
• Implement drawing bulges
• Implement drawing internal loops
• Implement drawing multi-loops
• Implement zoom mouse functionality
• Implement interactive stem moving at bulges
• Implement interactive stem moving at internal loops
• Implement interactive stem moving at multi-loops