Use a network card to display a network of connected data. The Network chart supports many-to-many relationships, enabling you to visualize supply chain networks. The chart visualizes the model list items with a node for each item. You can then connect the nodes based on ‌how your line items relate to each other.

You must have list formatted line items in your modules that can be set as target and source nodes. The connections list must be set in rows. You must set line items as columns in the underlying view.

To edit cards, select Edit to open your page in designer mode.  

Select Save to save as a draft, or Publish to publish the page. 

Build a network chart

To build a network chart:

  1. Select Network on a new card, or hover over your card, and select Edit . 
  2. In the Overview tab of the Card configuration panel, you can:
    • Enter a Title and Description for your card. 
    • Link the card's title to a page from the Link to a page dropdown.
  3. Under Network, create connections in the Connections tab. You can then add information to the nodes created in the network in the Nodes tab. 
  4. Select Connections > + Add connection.
    Optionally, enter a Connection name.
  5. Select a module for the Data source.
    The connections list in your module must be set in rows, and your source and target line items must be in columns. Learn how to pivot data.  
  6. Once you've selected your data source, you can select the source and target line items from the Source and Target ‌drop-down menus.
    Optionally, set: 
    • Line style: Select the line style for this connection. If you don't make a selection, the line will be solid by default.
    • Line color: Select the line color for this connection. You can select a single color, or apply conditional formatting. If you don't make a selection, the line will be gray by default.

Note: You can add up to 5 connections in one Network card. 

  1.  Select the Nodes tab to add details to the nodes in your network chart. The nodes returned in this tab are based on the source and targets specified in the connections. You can:
    • Select a Data source.
    • Select a Node title. 
    • Add a Node visual.
      You can use a line item or select an image from the assets library.
    • Apply Node conditional formatting.
      You can set up Conditional formatting in the View designer.
    • Select the Node layout position.
      You can set the positions of your nodes based on the numeric value of your line items. 
    • Add line items to the node to display additional information:
      You can add up to three line items on a node.
      • Select a Value to display in the node. These values are line item values from your data source model. 
      • Select a Label type for your line item value. 
      • Apply Conditional formatting to your line item.
        You can set up Conditional formatting in the View designer.
    • Apply Conditional formatting to the node.
  2. Optionally, select Themes to set a color or color palette for the nodes. 

There's a limit of up to 5 connection types in each network card, and up to 1000 per connection type added. The network card renders the first 500 nodes of the data returned.

Set context selectors

By default, context selectors display on the bottom of a card. With Context location, you can place the context selector to be at the top or the bottom of the card. This feature can be useful when you have a large grid. 

  1. You can also select the down chevron beneath Rows to
    Sync on selection sync with page or apply a Hierarchy filter. 
  2. Select the ‌chevron beneath Columns to Sync on selection.