Network diagram
Network diagram is used to visualize graphs, where values of the specified two columns become nodes, and rows become edges. It is possible to color-code and size-code nodes and columns by choosing the aggregate function that would apply to the values that represent an edge or a node.
Developers: To add the viewer from the console, use:
grok.shell.tv.addViewer('Network diagram');
General:
| Right click | Context menu |

Videos
Properties
| Property | Type | Description |
|---|---|---|
| General | ||
| Node1 Column Name | string | |
| Node2 Column Name | string | |
| Edge Color Column Name | string | |
| Edge Color Aggr Type | string | |
| Edge Width Column Name | string | |
| Edge Width Aggr Type | string | |
| Node1 Size Column Name | string | |
| Node1 Size Aggr Type | string | |
| Node2 Size Column Name | string | |
| Node2 Size Aggr Type | string | |
| Node1 Color Column Name | string | |
| Node1 Color Aggr Type | string | |
| Node2 Color Column Name | string | |
| Node2 Color Aggr Type | string | |
| Node1 Image Column Name | string | |
| Node2 Image Column Name | string | |
| Node1 Label Column Name | string | |
| Node2 Label Column Name | string | |
| Node1 Shape | shapetype | |
| Node1 Color | number | |
| Node1 Img | string | put url, or url with placeholders ... to apply individual img |
| Node1 Physics | boolean | |
| Node2 Shape | shapetype | |
| Node2 Color | number | |
| Node2 Img | string | put url, or url with placeholders ... to apply individual img |
| Node2 Physics | boolean | |
| Merge Nodes | boolean | Merge same values from different columns into one node |
| Show Filtered Out Nodes | boolean | |
| Filtered Out Nodes Color | number | |
| Physics | boolean | |
| Suspend Simulation | boolean | |
| Miss Simulation | boolean | |
| Improved Layout | boolean | |
| Use Common Properties | boolean | |
| Use Google Image | boolean | |
| Node Shape | shapetype | |
| Node Img | string | |
| Node Color | number | |
| Edge Color | number | |
| Edge Width | number | |
| Show Arrows | arrowtype | |
| Edges Physics | boolean | |
| Selected Color | number | |
| Hover Color | number | |
| Show Column Selectors | boolean | |
| Select Rows On Click | boolean | |
| Select Edges On Click | boolean | |
| On Node Expand Function | string | Loads external data; called when you double-click on a node. The specified function gets called with the node value as a single argument. Its signature: dataframe expand(dynamic nodeId). |
| Allow Dynamic Menus | boolean | |
| Show Context Menu | boolean | Properties common for all viewers todo: use code generation |
| Title | string | |
| Description | string | Viewer description that gets shown at the Descriptor Position. Markup is supported. |
| Help | string | Help to be shown when user clicks on the ''?'' icon on top. Could either be in markdown, or a URL (starting with ''/'' or ''http''). |
| Description Position | flexposition | |
| Description Visibility Mode | visibilitymode | |
| Style | ||
| Auto Layout | boolean | |
| Edge Linear Color Scheme | list | |
| Edge Categorical Color Scheme | list | |
| Node1 Linear Color Scheme | list | |
| Node1 Categorical Color Scheme | list | |
| Node2 Linear Color Scheme | list | |
| Node2 Categorical Color Scheme | list | |
| Description | ||
| Show Title | boolean | |
| Data | ||
| Table | string |
See also:
