> For the complete documentation index, see [llms.txt](https://docs.microreact.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.microreact.org/instructions/adding-and-editing-panels/network.md).

# Network

See [Network Data](/instructions/creating-a-microreact-project/network-panel-configuration.md) for more information about the file underlying a Network panel.

Networks can be force-directed or undirected.

If a `__shape` column is included in the metadata table, then the network panel nodes can be shaped.

Examples of simple network panels in two projects (directed and undirected):

<figure><img src="/files/LQQDbM0HQFRZUqmWi3EH" alt=""><figcaption><p>directed network graph</p></figcaption></figure>

<figure><img src="/files/QX3mm0PVtjd3DV80UEgn" alt=""><figcaption><p>undirected network graph</p></figcaption></figure>

<mark style="color:purple;">**`TIP`**</mark>: Data-flo can be used to set node shapes (using [extend-datatable](broken://spaces/-LR6fIJNEF0X5oKcJNhv/pages/KBiPjK2QHTtxS2IkmQ5x) adaptor).

<mark style="color:purple;">**`TIP`**</mark>: Data-flo can be used to add force-direction to the network file (using [force-directed-layout](broken://spaces/-LR6fIJNEF0X5oKcJNhv/pages/oBd0yPlaWarcS7WNkSvX) adaptor).