# Loading Annotations (Web)

## Loading 1D Annotations

Let's load some ChIP-Seq tracks from ENCODE.

1. Click the `Load Tracks` button on the top panel
2. Click `ENCODE`.

![](/files/-M7hLQKbLFQG2JqdrWUd)

The first time the tracks are loaded, it may take 10-15 seconds.

![](/files/-LjKOfxnbv7Hnue5JipU)

All the ENCODE tracks available for this genome appear. We are going to filter in order to find the tracks we want to load. 

1. Type `GM12878 CTCF Bernstein` 
2. Select the combined signal p-value track. 
3. Click `Go`.

![](/files/-LjKPCuXxB-5vGHVEOSR)

1. Now click `Load Tracks → ENCODE` again
2. Search for `GM12878 H3K36me3 Bernstein`
3. Select the signal p-value track. 
4. Click `Go`. 

![](/files/-M7i3DHlPu2R91UxVC3f)

We can edit how these 1D annotations appear in the visualization using the Gear icon next to the track.

![](/files/-M7i3MfM9BrQIgeTR5K1)

1. Use `Set track name` to relabel the annotations to `CTCF` and `H3K36me3` respectively.
2. Use `Set track color` to change the colors for both 1D tracks. 

![](/files/-M7i3ehHqTJdzG93aqlC)

## Loading 2D Annotations

Select `Load Tracks` in the top menu bar and click `ENCODE`. 

Search for `GM12878 domains`. Select the one with all the replicates.

![](/files/-M7EF8Y7K8hDD_jqiJYh)

Repeat the steps above and search for  `GM12878 long range` for this map. Select the one with all the replicates.

![](/files/-M7EFdIGfv5zUku2q6PX)

Here is a link to the current state: <https://tinyurl.com/ybcawels>

You will see a series of yellow boxes and cyan points loaded. The yellow boxes denote contact domains. The cyan points denote chromatin loops, and as such, are small. These are the contact domains and loops that we found when analyzing this map. These calls were made with the automated [Juicer pipeline](https://github.com/aidenlab/Juicer/wiki).

![](/files/-M7i43Jjm8rbUwn8fULQ)

You can edit the 2D annotations by selecting the 3 bars icon and then clicking `2D Annotations`. This panel allows you to selectively hide 2D annotations (eye icon), change the color of annotations (color box), change the drawing order of overlapping annotations (up/down arrows), or remove an annotation (trash icon).

![](/files/-M7hMb7qsi28HmxOdiSI)

## Putting together 1D and 2D Annotations

You can line up what you see in the heat map with the tracks. Hold the `Shift` key to enable the straight edge as you click and drag the mouse to pan around the map.

![](/files/-M7i4NGS0b6lz0JQBt1B)

You’ll notice that the CTCF peaks seem to line up with the focal cyan loops in the map, and that the H3K36me3 track seems to line up with domain boundaries. These are two key findings from the [Rao and Huntley, et al. Cell 2014 paper](https://www.cell.com/abstract/S0092-8674\(14\)01497-4). This discovery was made using Juicebox by qualitatively visualizing the data in just the same way. Further technical analyses then showed that CTCF does appear to mediate loop formation and domains are decorated by differing epigenetic markers. See the [Sanborn and Rao, et al. PNAS 2015 paper](https://www.pnas.org/content/112/47/E6456.short) for more details!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://aidenlab.gitbook.io/juicebox/loading-annotations-web.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.