WOLFRAM

Wolfram Language & System Documentation Center
Wolfram Language Home Page »

GUIKit Example: GraphEditor

The functionality provided by GUIKit has been superseded by the interface construction and controls functions native to the built-in Wolfram Language.

Code
In[11]:=11
✖
https://wolfram.com/xid/0extrmranxa-dyt43l
In[13]:=13
✖
https://wolfram.com/xid/0extrmranxa-dos5mk
In[14]:=14
✖
https://wolfram.com/xid/0extrmranxa-cldj60
In[15]:=15
✖
https://wolfram.com/xid/0extrmranxa-pkp2zs
In[16]:=16
✖
https://wolfram.com/xid/0extrmranxa-jbzffg
In[17]:=17
✖
https://wolfram.com/xid/0extrmranxa-hppjko
In[18]:=18
✖
https://wolfram.com/xid/0extrmranxa-cqn6pg
In[19]:=19
✖
https://wolfram.com/xid/0extrmranxa-geuq1w
In[20]:=20
✖
https://wolfram.com/xid/0extrmranxa-dw0t5l

Examples

This example demonstrates the benefit of supplementing Wolfram Language functionality with GUIKit user interface elements leveraging existing third-party graph model and editing libraries. GraphEdit widgets take advantage of the Graph expression supported by Combinatorica` and also SparseArray ArrayRules.

The user interface of the graph editing canvas allows you to do the following.

  • Create a new node (Ctrl+click or Right (alternate) click).
  • Create a new edge (Ctrl+click or Right (alternate) click inside a node).
  • Move selection (Drag selected nodes and edges).
  • Change selection (Drag, click, or Shift+click).
  • Delete currently selected nodes and edges (Del or Backspace key).
Matrix
In[21]:=21
✖
https://wolfram.com/xid/0extrmranxa-e4erii
Out[21]=21
In[22]:=22
✖
https://wolfram.com/xid/0extrmranxa-ex794c
In[23]:=23
✖
https://wolfram.com/xid/0extrmranxa-8iua3
Out[23]=23
In[24]:=24
✖
https://wolfram.com/xid/0extrmranxa-djzcda
SparseArray
In[29]:=29
✖
https://wolfram.com/xid/0extrmranxa-chljvq
Out[29]=29
In[30]:=30
✖
https://wolfram.com/xid/0extrmranxa-bpnkze
In[31]:=31
✖
https://wolfram.com/xid/0extrmranxa-b2bzt0
Out[31]=31
In[32]:=32
✖
https://wolfram.com/xid/0extrmranxa-k5662x
Create
In[33]:=33
✖
https://wolfram.com/xid/0extrmranxa-bamwlb
Out[33]=33
In[34]:=34
✖
https://wolfram.com/xid/0extrmranxa-j9vycj
Out[34]=34

Here is another version run in a modeless session where you can interact with and change the displayed graph.

In[35]:=35
✖
https://wolfram.com/xid/0extrmranxa-faraen
Out[35]=35
In[36]:=36
✖
https://wolfram.com/xid/0extrmranxa-kz6q53
In[37]:=37
✖
https://wolfram.com/xid/0extrmranxa-dwjqrc
Out[37]=37