SCREEN

Search Candidate cis-Regulatory Elements by ENCODE

About SCREEN

SCREEN (Search Candidate Regulatory Elements by ENCODE) is a web-based visualization engine designed to allow users to explore and visualize the ENCODE Registry of candidate cis-Regulatory Elements (cCREs) and its connection with other ENCODE Encyclopedia annotations.

To coincide with the release of version 4 of the Registry of cCREs, this site was a complete ground-up redesign of an existing tool for searching the Registry. I am the lead frontend developer on this project, and was in charge of design and development of the app.

It is built in React using Typescript and Next.js, Customized Material UI for components, visx for visualization, and Apollo GQL for fetching data from our backend.

Site: https://screen.wenglab.org/

Repository: https://github.com/weng-lab/SCREEN2.0:

Not familiar with the ENCODE Project?: https://www.encodeproject.org/help/project-overview/

Stack:

React

Next.js

Typescript

Material UI

visx

Apollo GraphQL

Data-rich

SCREEN is built on a vast amount of both in-house and public data

  • Bulk Data Downloads

    Bulk Data Downloads

  • Genome Wide Association Studies

    Genome Wide Association Studies

  • Computationally Linked Genes

    Computationally Linked Genes

  • Sample Specific Assay Scores

    Sample Specific Assay Scores

Visualizations

Charts built with visx, a collection of D3 visualization primitives for react. Genome browser developed in-house

  • Sample Prioritization by cCRE Enrichment

  • Gene Expression

  • Genome Browser

  • Transcript Expression

  • UMAP Plot