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
Tutorial_Part1.mp4
Tutorial_Part2.mp4
Tutorial_Part3.mp4
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.
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)
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)
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 4 below is our "Explore" page.
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)
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)
The network image and network parameters could be downloaded by clicking the "Download" button.