Git Product home page Git Product logo

cbd's Introduction

Front-end code of Colorectal Cancer Biomarker Database (CBD).

If you find CBD2 useful, please cite:

Zhang, X., Li, M., Ye, S., Shen, K., Yuan, H., Bakhtyar, S., Peng, Q., Liu, Y., Wang, Y., & Li, M. (2023). CBD2: A functional biomarker database for colorectal cancer. iMeta, e155. https://doi.org/10.1002/imt2.155

Quick Start

Tutorial Part 1

Tutorial_Part1.mp4

Tutorial Part 2

Tutorial_Part2.mp4

Tutorial Part 3

Tutorial_Part3.mp4

How to Use

How to Search

We offer users three different ways to retrieve data: Categorical Search, Keyword Search, and Advanced Search. Each search strategy returns results with detailed information about the corresponding biomarker.

Categorical Search

Users can access biomarker data through the menu on the left side of the "Biomarkers" page. There are currently four major categories: Protein, RNA, DNA and Other, and clicking on a menu item will display a list of all the corresponding biomarkers on the right side. If there is a subcategory under a major category, the relevant submenu will appear when the user clicks on the menu item. Once the user clicks on one of the markers in the biomarker list, the interface will jump to the information page. (Figure 1)

Figure 1

Keyword Search

The second way to search the users needed marker is the key word search: input a biomarker name and then click the “search” button. It will turn to a result page including the relevant biomarker’s information. (Figure 2)

Figure 2

Advanced Search

Besides upon two ways, our database also provides the advanced search function: after click the "Advanced Search" button, an advanced search interface will appear. Six keywords are currently supported including region of study (Region), cancer stage (Stage), major cancer area (Location), marker source (Source), marker usage (Application), and information of published literature (Reference). (Figure 3)

Figure 3

How to Explore

Network Display

Figure 4 below is our "Explore" page.

Figure 4

The left area of the page provides biomarker input and parameter selection. Users can select or input biomarkers of interest in three ways: 1) directly select the biomarkers stored in CBD2 2) upload txt or csv files 3) Type directly in the text box. After clicking the "Submit" button, the resulting network will be displayed on the upper right. Note that if only one protein is queried, the results will by default show the 10 other proteins whose network interacts with the highest confidence, we have set the default query to TP53. (Figure 5)

Figure 5

Network Analysis

At the same time, after the user clicks the "Submit" button, we will also return the list of network parameters and the list of enrichment analysis. By clicking the result entry id of the enrichment analysis, the user can jump to the result page of the corresponding database. (Figure 6)

Figure 6

Download

The network image and network parameters could be downloaded by clicking the "Download" button.

cbd's People

Contributors

whylim avatar

Watchers

 avatar

cbd's Issues

want to take a page

hello,I am curious about the techniques used to create this image and would like to learn more. Can you briefly introduce whether it is native PHP+JS or another library?
image

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.