## Network Editor

Width = 1020
Height = 400

Protein name | Fill color | Circle size | Stroke color | Stroke size | Text color | Text size | Text position | Delete

Source | Target | Edge color | Edge size | Arrow style | Curve type | Solid line/Dash/Dot | Delete
Source | Target |  |  |  |  |  |  |  |  |  |  |  |  |  |  |

Graph name: |
Graph name: |

Graph detail:

### How to use

Click in the open space to add a node.
Ctrl(⌘)-drag from one node to another to add or select an edge1.
Drag a node to move the graph layout.
Click a node or an edge to select it.
Press the ctrl key and select two nodes to add or select an edge.
Use the delete key to delete a selected node or link.
For touch screen users:
1Press the 'Ctrl key' button and select two nodes to add or select an edge.

#### Shortcut key

| Reduce the size of the selected node or link |  | Increase the size of the selected node or link
| Freeze or release the selected node |  | Change the arrow style of the selected link
| Change the curve type of the selected link |  | Change the dot/dash/solid line style of the selected link

For inquiries, please email wanglk at hsc.pku.edu.cn.

### Graph detail

Graph detail contains all the information in the current graph.
This graph can be regenerated by storage of this information.

### Note

This tool can be used off-line. All graphs may be stored in your own PC. For questions, please email wanglk at hsc.pku.edu.cn.

### Acknowledgements

The development of this tool was based on the D3 library.