Relations Net

This simple graphical editor can create nodes and connects them with arrows. The nodes can be several kinds of objects. Each object has a number and a name, and both can be hidden. The objects can be moved by the mouse, dragging the middle of the object. The nodes also can be zoomed and rotate. You can add new nodes or delete existing ones. Objects can form a group and the group can be moved or deleted simultaneously.
There is always a current object, that is indicated on the left side of the screen, where all objects are listed.
To change the current object just click its middle or select it from the left-side list.

Menu Commands

  Nodes   Transform   Tools   Colors   Group   Help

Shortcut keys

      Ctrl-I Zoom In
      Ctrl-O Zoom Out
      Ctrl-R Rotate Clockwise
      Ctrl-P Counterclockwise
      Ctrl-U Order +
      Ctrl-D Order -
      Ctrl-ARROW Move Group

Nodes

New Node

Creates a new node. You have to specify the name and type of the new object and optionally a comment can be added to the node. The type of the node can be:
Point, Text, Rectangle, Rhombus, Triangle, Square, Pentagon, Hexagon and Octagon.
The new node will appear in the drawing board and its "Name" in the left side node list width a unique "Id" number.

Edit

A list of all nodes is displayed, where you can modify the names, the (middle) positions and the connected nodes. To create a new connection just add the id number of the connected node. Also, the comment attached to the node can be seen if the mouse pointer is moved over the id, and it can be modified after clicking on the number.

Copy Graph & Net

Since for security reasons browsers cannot write data into the local file system, the only way to save your drawings is through the clipboard.
This two commands copies all objects to the system clipboard, from where you can paste it with Ctrl-V into your local editor (e.g. Notepad).

The only difference of the two copy, that "Copy Graph" tranfers the complete drawing, while "Copy Net" copies only the name and type of nodes and the connections.
The format of "Copy Net" is very simple, so it can be an easy input to create.

Paste

Opens a text-area on the left side of the screen to where you can paste (Ctrl-V) attributes of objects. The format must be exactly the same as it was copied out.

Setup

Grid size

This drop-down list sets the size of the virtual grid.

The Tools / Adjust All or Group / Adjust Group will adjust the nodes to the nearest grid point.

Step size

The Group / Move step size can be set with this drop-down list.

Thin connection lines

If checked the connection arrow will be drawn with thin lines, else thick.

Drawing-board size

At start-up, the size of the drawing-board is aligned with the size of the screen. Sometimes you need to make a larger drawing. You can resize the drawing board even if it doesn't fit on the screen.
The small "+" and "-" buttons resize the drawing-board, the width and height.

On create

The New Node default values for showing "Id" and "Name", when drawing the node.

These settings can be individually modified by the Group / Select command.

For "Text" nodes neither the "Id" nor the "Name" is shown.


Transform

Zoom In

  and  

Zoom Out

Transforms the current object.
Shortcuts are available as Ctrl-I and Ctrl-O

Rotate Clockwise

  and  

Counterclockwise

Rotates the current object. Each step rotates 15 degrees around the middle.
Shortcuts are available as Ctrl-R and Ctrl-P

Change Type

Changes the type of the current node. The code of the new type must be written in the popup input box.

Tools

Order +

  and  

Order -

Changes the order of the current node.
The nodes are displayed in the order in which they were created, so if they overlap each other the former should be seen partially only. The last object (with the highest order) is always fully visible.
Shortcuts are available as Ctrl-U and Ctrl-D

Adjust All

Aligns the coordinates of the nodes to the grid points of a virtual net.

The Setup / Grid size command sets the distance between the grid points of the virtual net.

Subset of nodes can be adjusted by Adjust Group.

Delete

  and  

Delete All

Deletes the current object, or deletes all objects.

A group of objects can be deleted by the Delete Group command.


Colors

Changes the color of the current object.
There is a secret command to specify custom colors. If you press Ctrl-Shift-H one color can be replaced with an arbitrary color code. The replacement can be repeated for other colors too. Write the number then the new color code. E.g. 1#99ff66 will replace the "Lightgray" color. The name will be retained, but another color will appear.

Group

Select

The list of available nodes appears on this menu command. Here you can mark the members of the group by clicking on the appropriate checkbox. In addition, the "Id" and "Name" indication can be individually set.

Global changes

The three green button at the top of the list will change all checkbox state in one of the columns:

Select all +   to select all items

Clear all  -   to unselect all items

Invert all + - to change the state of each item to the opposite.

Column selector

The radio buttons select the column for the global changes:   << Select column   The first column refers to group membership, the second to appear the "Id", the third to the "Name" indication.

In the case of a text node, neither the "Id" nor the "Name" indication can be switch on.

Save

After finishing the selections, you can save the settings.

Cancel

Closes the selection list without saving any changes.

Move

Moves the selected group left, right, up or down. Shortcuts are available using Ctrl-ARROW.

The step size of the move can be set by Setup / Step size.

Adjust Group

Aligns the coordinates of the selected nodes to the grid points of a virtual net.

The Setup / Grid size is for setting the distance between the grid points of the virtual net.

All objects (not only grouped) can be adjusted by Tools / Adjust All.

Delete Group

The selected nodes will be deleted.

All objects (not only grouped) can be deleted by Tools / Delete All.


Help

Usage

Opens this users-guide.

Demo

Loads demo flow-chart.

About

Shows version number.