This repository contains the LogoJS webapp, a small React-based web application for creating sequence logos from PWMs, FASTA sequences, or motifs in common formats including MEME, JASPAR, and TRANSFAC. You can either edit PWMs or FASTA sequences and watch logos update in real time, or upload files in FASTA, MEME, JASPAR, or TRANSFAC format and produce logos. The logos you generate may be saved in SVG format, shared via permalink, or embedded in other web applications. If you want to embed dynamically-generated logos, for example using data fetched from a database, see the LogoJS Javascript package (https://www.github.com/weng-lab/logojs-package). This web application is publicly available at https://logojs.wenglab.org.
You must have node.js and Yarn installed to run this application. Then, simply do:
git clone https://www.github.com/weng-lab/logojs-webapp
cd logojs-webapp
yarn
scripts/build-local.sh
node server.jsand you will be able to access the web application at the default URL of http://localhost:8094, with support for all the application's functionality (logo editing, data uploading, logo downloads, and permalink generation and sharing). If you deploy the application at a publicly accessible URL, you will be able to use it share permalinks you generate with others.
Changes to the codebase are welcome via pull request. To run the development server, do the following:
git clone https://www.github.com/weng-lab/logojs-webapp
cd logojs-webapp
yarn
yarn startwhich will start the application at http://localhost:3000. The application will automatically refresh when you make code changes. The development server does not support permalink generation and sharing; you should deploy the full application by running
scripts/build-local.sh
node server.jswhen you have completed your changes.
The LogoJS webapp is Docker-ready. To build the container, do
docker build -t logojs-webapp .within the project root directory. When the container is run, it will expose the fully-functional application on its port 80.