{"file": "/src/encoded/static/data/higlass-embedded-instance-demo.jsx", "name": "demos.higlass-embbedded-instance", "award": {"@type": ["Award", "Item"], "center_title": "DCIC - DCIC", "description": "DCIC: The goals of the 4D Nucleome (4DN) Data Coordination and Integration Center (DCIC) are to collect, store, curate, display, and analyze data generated in the 4DN Network. We have assembled a team of investigators with a strong track record in analysis of chromatin interaction data, image processing and three-dimensional data visualization, integrative analysis of genomic and epigenomic data, data portal development, large-scale computing, and development of secure and flexible cloud technologies. In Aim 1, we will develop efficient submission pipelines for data and metadata from 4DN data production groups. We will define data/metadata requirements and quality metrics in conjunction with the production groups and ensure that high-quality, well- annotated data become available to the wider scientific community in a timely manner. In Aim 2, we will develop a user-friendly data portal for the broad scientific community. This portal will provide an easy-to-navigate interface for accessing raw and intermediate data files, allow for programmatic access via APIs, and will incorporate novel analysis and visualization tools developed by DCIC as well as other Network members. For computing and storage scalability and cost-effectiveness, significant efforts will be devoted to development and deployment of cloud-based technology. We will conduct tutorials and workshops to facilitate the use of 4DN data and tools by external investigators. In Aim 3, we will coordinate and assist in conducting integrative analysis of the multiple data types. These efforts will examine key questions in higher-order chromatin organization using both sequence and image data, and the tools and algorithms developed here will be incorporated into the data portal for use by other investigators. These three aims will ensure that the data generated in 4DN will have maximal impact for the scientific community.", "name": "1U01CA200059-01", "status": "current", "display_title": "4D NUCLEOME NETWORK DATA COORDINATION AND INTEGRATION CENTER", "@id": "/awards/1U01CA200059-01/", "uuid": "b0b9c607-f8b4-4f02-93f4-9895b461334b", "project": "4DN", "pi": {"error": "no view permissions"}, "principals_allowed": {"view": ["system.Everyone"], "edit": ["group.admin"]}}, "title": "HiGlass Embedded Instance Examples", "status": "released", "description": "Configuration and examples", "date_created": "2022-08-10T16:08:19.837714+00:00", "section_type": "Page Section", "submitted_by": {"error": "no view permissions"}, "last_modified": {"modified_by": {"error": "no view permissions"}, "date_modified": "2022-08-10T16:09:11.894314+00:00"}, "schema_version": "2", "@id": "/static-sections/8e30ba74-734d-4a87-bd9f-228233ce200d/", "@type": ["StaticSection", "UserContent", "Item"], "uuid": "8e30ba74-734d-4a87-bd9f-228233ce200d", "principals_allowed": {"view": ["system.Everyone"], "edit": ["group.admin", "role.owner", "userid.986b362f-4eb6-4a9c-8173-3ab267307e3a"]}, "display_title": "HiGlass Embedded Instance Examples", "external_references": [], "content": "
\n

Basic Usage

\n

\n HiGlassEmbeddedInstance is a JSX component for embedding HiGlass View Config items into a static section\n that has a filetype of jsx. For all HiGlass embedded instances, it is imperative to supply at least 2 props, uuid and key.\n

\n \n

Examples

\n

HiGlassEmbeddedInstance grabs title, description and collapsible fields from HiGlass View Config item. If HiGlass View Config item is collapsible then HiGlassEmbeddedInstance renders it in a collapsible panel.

\n

1. Non-collapsible

\n 
{''}
\n

This generates the following display:

\n \n

2. Collapsible

\n 
{''}
\n

This generates the following display:

\n \n

3. Multiple Instances with Custom headerElement prop

\n

Multiple HiGlassEmbeddedInstances can be embedded along with custom HTML markup:

\n 
\n        {'
Insert any text here e.g. Below are the insulation scores and boundary calls produced by different members of the 4DN Network, along with the results produced by DCIC.
'}\n        {''}\n        {''}\n
\n

This generates the following display:

\n

Insert any text here e.g. Below are the insulation scores and boundary calls produced by different members of the 4DN Network, along with the results produced by DCIC.

\n \n \n
", "filetype": "jsx", "@context": "/terms/", "aggregated-items": {}, "validation-errors": []}