Network graph

Network graphs for visualising connections

Updated a month ago to v4.0.2 by Flourish team

How to use this template

How to use this template

Network graph

A template that renders a network of points and links as a force-directed graph (AKA a “node-link diagram”).

Data requirements

The minimum data requirement is a two-column list of “Links”. Each row in the list specifies the points (displayed as circles) at either end of a link (displayed as a line). You can optionally include a third column that is used to set the width of the link. (This can be thought of as visual indicator of the strength or weight of a link.)

While the Links sheet is sufficient to create a network diagram, a second “Points” sheet allows for further flexibility. Rather than letting Flourish determine all the points to add to the network based on those listed in the Links sheet, the rows in the Points sheet define the complete collection of points. This sheet can also be used to assign groups (encoded using colour) and sizes to the points.

Tips

  • Initially it is assumed that the network diagram is undirected. However, the “Network is directional” checkbox in the “Arrows” settings panel will turn each link into an arrow going from the “Source” point to the “Destination” point.
  • The D3 force documentation may be useful for understanding the advanced settings.