Help:Tutorial:Step 4 old

From WikiPathways

Revision as of 17:36, 23 January 2013 by Mkutmon (Talk | contribs)
Jump to: navigation, search


Next step | Index

Illustrate the E-box enhancer

Drawing the E-box element

Target genes of the circadian clock pathway contain the E-box cis-regulatory enhancer elements. The Bmal1/Clock heterodimer directly activates expression of these genes by binding to the E-box sequence. In this section we are going to draw an illustration of this process. It will become a purely visual element of the pathway, so it's not annotated to any biological database and will be added for illustrational purpose only.

Note: In this tutorial and on WikiPathways, you will see many elements in a pathway that have a clearly defined biological meaning and could be annotated to an external database. Examples are genomic sequences, SNPs, cellular locations, interaction types. We are working on supporting these kinds of annotations in future releases.

The video on the right shows how to draw the E-box element, which in the end will look like this:

e-box.png

Below is a step-by-step description of how to create such an element:

1. Draw a horizontal line

Start with a horizontal line, by clicking the newlinemenu.gif line dropdown menu and selecting the line button. Next, move to the location on the drawing where you want the line to start. Press down the mouse button, drag the mouse to the right (while holding the button down!) and release the button at the location where you want the line to end. You can modify the location of the start and end points by dragging the handles (yellow squares). You can modify the location of the whole line by clicking on the line itself and dragging it.

Note: You can easily make a perfectly horizontal or vertical line by holding the Shift button on you keyboard while moving a line end. This will snap the line fixed angles.

2. Copy/paste the line

We now want a second horizontal line of the same length and parallel to the first line. Therefore, we are going to copy the line from the previous step. Select the line by clicking on it, the line will turn red and the two handles will be visible. Now click the copy.gif copy button. The line is now copied to your system's clipboard. You can paste a copy of the line by pressing the paste.gif paste button. A copy of the line now appears a little below the original line.

3. Align the two lines vertically

To put the lines exactly below each other, select both lines and press the aligncenterx.gif align horizontal center button. You can select multiple objects by pressing the mouse on an empty part of the drawing, hold the mouse button down and drag the mouse to include or exlude elements from the selection. You can also select or deselect multiple objects by clicking them while holding the Shift button on your keyboard.

4. Draw a label

Now we have two parallel horizontal lines that represent a piece of DNA. We can denote the E-box region by placing a label over the lines. Add a label using the newlabel.gif label button.

5. Set the label text to 'E-box' and apply the 'square' outline

Label properties can be edited in the Properties table. Set the property Text Label to 'E-box' by double clicking on the cell in the Value column:

textlabel.png.

In the same way, you can set a rectangular outline, by selecting the 'Rectangle' for the Shape type property. Finally, use the handles to resize the label so that it exactly fits between the two horizontal lines.

6. Copy/paste the label and change text to 'Gene'

Downstream of the E-box element is the gene that will be activated. We can denote this with a label too. Copy/paste the E-box label and change the text to 'Genes', since we use a single element to depict multiple genes that will be activated. Drag the label to put it at the right position.

7. Draw a transcription start symbol

To make it clear that the genes downstream of the E-box element are transcribed after activation, the following symbol is used:

transcription.png

This symbol is made out of a vertical line and horizontal arrow. Draw the line and arrow by using the newline.gif line and newarrow.gif arrow buttons and correctly place them by dragging the handles.

8. Group all lines and labels

To make it more easy to handle the E-box illustration, you can group it. This way the elements will be selected together, so you can move the group as a whole, instead of having to move each element separately. To create the group, select all lines and labels you created in the previous steps, right-click on one of the lines and select Group->Group from the pop-up menu, or press CTRL-G on the keyboard. You can ungroup the grouped elements by right-clicking the group and selecting Group->Ungroup, or pressing CTRL-G again.

Next step | Index

Personal tools