wc-ribbon
所属分类：数据可视化
开发工具：TypeScript
文件大小：111KB
下载次数：0
上传日期：2022-02-14 01:28:13
上 传 者：
sh-1993
说明： 该存储库包含一组web组件，最初以GO功能区为中心，这是一个可视化的UI工具...
(This repository contains a collection of web components, initially centered on the GO ribbon, a UI tool to visualize a summary of annotations for gene and gene sets.)
文件列表:
.vscode (0, 2022-01-25)
.vscode\launch.json (410, 2022-01-25)
wc-go-autocomplete (0, 2022-01-25)
wc-go-autocomplete\.editorconfig (244, 2022-01-25)
wc-go-autocomplete\.prettierrc.json (266, 2022-01-25)
wc-go-autocomplete\LICENSE (1056, 2022-01-25)
wc-go-autocomplete\package-lock.json (2185, 2022-01-25)
wc-go-autocomplete\package.json (892, 2022-01-25)
wc-go-autocomplete\src (0, 2022-01-25)
wc-go-autocomplete\src\components.d.ts (2719, 2022-01-25)
wc-go-autocomplete\src\components (0, 2022-01-25)
wc-go-autocomplete\src\components\go-autocomplete (0, 2022-01-25)
wc-go-autocomplete\src\components\go-autocomplete\go-autocomplete.css (2510, 2022-01-25)
wc-go-autocomplete\src\components\go-autocomplete\go-autocomplete.tsx (5024, 2022-01-25)
wc-go-autocomplete\src\components\go-autocomplete\my-component.spec.ts (1023, 2022-01-25)
wc-go-autocomplete\src\index.html (2382, 2022-01-25)
wc-go-autocomplete\src\index.ts (48, 2022-01-25)
wc-go-autocomplete\stencil.config.ts (384, 2022-01-25)
wc-go-autocomplete\tsconfig.json (469, 2022-01-25)
wc-go-ribbon (0, 2022-01-25)
wc-go-ribbon\.editorconfig (244, 2022-01-25)
wc-go-ribbon\LICENSE (1056, 2022-01-25)
wc-go-ribbon\package-lock.json (9660, 2022-01-25)
wc-go-ribbon\package.json (1386, 2022-01-25)
wc-go-ribbon\src (0, 2022-01-25)
wc-go-ribbon\src\components.d.ts (8622, 2022-01-25)
wc-go-ribbon\src\components (0, 2022-01-25)
wc-go-ribbon\src\components\go-ribbon (0, 2022-01-25)
wc-go-ribbon\src\components\go-ribbon\go-ribbon.css (34, 2022-01-25)
wc-go-ribbon\src\components\go-ribbon\go-ribbon.tsx (14727, 2022-01-25)
wc-go-ribbon\src\globals (0, 2022-01-25)
... ...
# Ribbon Web Component
This repository contains multiple web components, each published on NPM for easy integration in 3rd party projects:
| GH folder | Description | NPM package |
| ------------- | ------------- | ------------- |
| [wc-go-ribbon](https://github.com/geneontology/wc-ribbon/tree/master/wc-go-ribbon) | GO ribbon component benefiting from the components described below | [@geneontology/wc-go-ribbon](https://www.npmjs.com/package/@geneontology/wc-go-ribbon) |
| [wc-ribbon-strips](https://github.com/geneontology/wc-ribbon/tree/master/wc-ribbon-strips) | interactive visual summary with colored cells for association data (e.g. gene <-> number of GO annotations | [@geneontology/wc-ribbon-strips](https://www.npmjs.com/package/@geneontology/wc-ribbon-strips) |
| [wc-ribbon-table](https://github.com/geneontology/wc-ribbon/tree/master/wc-ribbon-table) | table to display association data (e.g. gene <-> GO annotation | [@geneontology/wc-ribbon-table](https://www.npmjs.com/package/@geneontology/wc-ribbon-table) |
| [wc-go-autocomplete](https://github.com/geneontology/wc-ribbon/tree/master/wc-go-autocomplete) | GO Autocomplete Web Component to search for genes and terms | [@geneontology/wc-go-autocomplete](https://www.npmjs.com/package/@geneontology/wc-go-autocomplete) |
| [wc-spinner](https://github.com/geneontology/wc-ribbon/tree/master/wc-spinner) | simple spinner shared across components to display a pending process | [@geneontology/wc-spinner](https://www.npmjs.com/package/@geneontology/wc-spinner) |
| [wc-light-modal](https://github.com/geneontology/wc-ribbon/tree/master/wc-light-modal) | simple modal component able to display HTML content and controllable through JS events | [@geneontology/wc-light-modal](https://www.npmjs.com/package/@geneontology/wc-light-modal) |
An integrated simple to use Web Component dedicated to GO data and benefit from all these parts is available in the folder wc-go-ribbon.
Examples of web integration of the GO ribbon are also provided in the [web/](https://github.com/geneontology/wc-ribbon/tree/master/web) folder:
- [basic example](https://github.com/geneontology/wc-ribbon/blob/master/web/basic-go-ribbon.html) : the simplest way to integrate the GO ribbon anywhere
- [advanced example](https://github.com/geneontology/wc-ribbon/blob/master/web/advanced-go-ribbon.html) : advanced example to integrate the GO ribbon, giving access to various events and how to link the wc-ribbon-strips and wc-ribbon-table with Javascript
近期下载者：
相关文件：
收藏者：