You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

 

You build network visualizations using network graphs. Here's a visual representation of a network graph:  

 

Network graphs are a series of nodes connected by edges or links. 

In the example above, the shapes are all nodes. The lines that connect two shapes are links. Nodes and links are components of the graph. 

In our example, links and nodes also have different styling. For example, some links are dotted lines, and some are solid lines. Some nodes are circles and some are triangles. In Visualizations, the styling is also a component of your network graph. 

Each row in the Network spreadsheet represents a graph component. Row formatting depends on the component type. You can have as many components as you like, as long as they are in one of these categories: 

  • "node" – places a node
  • "link" – places a link
  • "node-class" – styles a node
  • "link-class" – styles a link

To add nodes: 

 Column 1Column 2Column 3Column 4Column 5
Data Typeplain textplain textplain textplain textplain text
Contents

"node"

Note:

  • This sets the component type.
  • "node" must be included in the first column of every row that defines a node

The id for the node

Note:

  • Make ids unique and specific to each node
  • Ids do not appear on the graph, but are used to create links between nodes

The label for the node

Note:

  • Labels appear on the node in visualization

The node's class type.

Note:

  • To define class types, create a "node-class" row (see the other tables)
  • This determines the node's style

 

Tooltip text for the node

Note:

  • This text will appear when a user hovers over a node.

To add links that connect two nodes: 

 Column 1Column 2Column 3Column 4
Data Typeplain textplain textplain textplain text
Contents

"link"

Note:

  • This sets the component type.
  • "link" must be included in the first column of every row that places a link

The id for the first node in the relationship

Note:

  • Define node ids when you create nodes
  • Learn more about node ids in Column 2 of the "add nodes" section of this guide

The class type for the link

Note:

    • To define class types, create a "node-class" row (see the other tables)
    • This determines the node's style
    • The class type describes how the nodes are related

The id for the second node in the relationship

Note:

  • Define node ids when you create nodes
  • Learn more about node ids in Column 2 of the "add nodes" section of this guide

 

To style a node: 

 

To style a link: 

  • No labels