Skip to main content

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 clickContext menu

Network Diagram

Videos

Network Diagram

Properties

PropertyTypeDescription
General
Node1 Column Namestring
Node2 Column Namestring
Edge Color Column Namestring
Edge Color Aggr Typestring
Edge Width Column Namestring
Edge Width Aggr Typestring
Node1 Size Column Namestring
Node1 Size Aggr Typestring
Node2 Size Column Namestring
Node2 Size Aggr Typestring
Node1 Color Column Namestring
Node1 Color Aggr Typestring
Node2 Color Column Namestring
Node2 Color Aggr Typestring
Node1 Image Column Namestring
Node2 Image Column Namestring
Node1 Label Column Namestring
Node2 Label Column Namestring
Node1 Shapeshapetype
Node1 Colornumber
Node1 Imgstringput url, or url with placeholders ... to apply individual img
Node1 Physicsboolean
Node2 Shapeshapetype
Node2 Colornumber
Node2 Imgstringput url, or url with placeholders ... to apply individual img
Node2 Physicsboolean
Merge NodesbooleanMerge same values from different columns into one node
Show Filtered Out Nodesboolean
Filtered Out Nodes Colornumber
Physicsboolean
Suspend Simulationboolean
Miss Simulationboolean
Improved Layoutboolean
Use Common Propertiesboolean
Use Google Imageboolean
Node Shapeshapetype
Node Imgstring
Node Colornumber
Edge Colornumber
Edge Widthnumber
Show Arrowsarrowtype
Edges Physicsboolean
Selected Colornumber
Hover Colornumber
Show Column Selectorsboolean
Select Rows On Clickboolean
Select Edges On Clickboolean
On Node Expand FunctionstringLoads 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 Menusboolean
Show Context MenubooleanProperties common for all viewers todo: use code generation
Titlestring
DescriptionstringViewer description that gets shown at the Descriptor Position. Markup is supported.
HelpstringHelp to be shown when user clicks on the ''?'' icon on top. Could either be in markdown, or a URL (starting with ''/'' or ''http'').
Description Positionflexposition
Description Visibility Modevisibilitymode
Style
Auto Layoutboolean
Edge Linear Color Schemelist
Edge Categorical Color Schemelist
Node1 Linear Color Schemelist
Node1 Categorical Color Schemelist
Node2 Linear Color Schemelist
Node2 Categorical Color Schemelist
Description
Show Titleboolean
Data
Tablestring

See also: