# Network

See [Network Data](https://docs.microreact.org/instructions/creating-a-microreact-project/network-panel-configuration) 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="https://92463871-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCM3b1nzgmsPUEa2xap%2Fuploads%2FF27gO0oCYwUhmP5fKSpv%2Fimage.png?alt=media&#x26;token=5976d76e-9129-4c64-a5bf-b4b4a22e9514" alt=""><figcaption><p>directed network graph</p></figcaption></figure>

<figure><img src="https://92463871-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCM3b1nzgmsPUEa2xap%2Fuploads%2FrUtoatSjLDIOUgadodpF%2Fimage.png?alt=media&#x26;token=1b246903-027a-4432-9994-3559890bb67e" 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](https://docs.microreact.org/instructions/adding-and-editing-panels/broken-reference) adaptor).

<mark style="color:purple;">**`TIP`**</mark>: Data-flo can be used to add force-direction to the network file (using [force-directed-layout](https://docs.microreact.org/instructions/adding-and-editing-panels/broken-reference) adaptor).