> For the complete documentation index, see [llms.txt](https://evomimic.gitbook.io/map-book/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://evomimic.gitbook.io/map-book/dahn-human-experience-of-the-map/dahn-visualizers/graph-visualizers.md).

# Graph Visualizers

Copyright (c) 2022, this book is offered to the world under Creative Commons license CC BY-NC-SA 4.0

DAHN graph visualizers provide various ways of presenting graphs of holons. By default, DAHN will provide a *Holon Graph Visualizer*. Since everything in the MAP is either a *holon* (with *properties* and *actions*) or a *holon relationship*, it is possible to render (any subset) of the MAP data as a graph consisting of *nodes* and *links* using standard open-source graph visualization software such as [cytoscape.js](https://cytoscape.org). An example of a cytoscape graph visualization is shown below:

![Source: https://cytoscape.org/what\_is\_cytoscape.html](https://777163467-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgr-A9gty1QVUBTbFyp%2Fuploads%2FZdf6YyAC246eiibyOXc8%2FcytoscapeImage.jpeg?alt=media\&token=9ea66f69-859a-4a51-b922-156fddd8e893)

Since the foundational (L0) ontology of the MAP represents everything as *nodes* (holons) and *links* (holon relationships), *any* graph visualizer (such as cytoscape) can be used to represent ANY sub-graph of the MAP Information Graph.

The *Holon Graph Visualizer* represents two kinds of nodes:

* *holon nodes* -- leveraging the DAHN *node visualizers* (see [#node-visualizers](#node-visualizers "mention") above)
* *collection nodes* -- leveraging DAHN *collection visualizers* (see [#collection-visualizers](#collection-visualizers "mention")below)

Typically, both types of nodes are rendered in their *collapsed* state within the graph, although the collection nodes can alternatively be expanded into their *collection-graph* state.

Continuing with our example from above, the following figure shows the graph that results from selecting three of the *Emerging World's* four external relationship types:

![Result of Viewing Emerging World's authored by, memes and reviews relationships](https://777163467-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgr-A9gty1QVUBTbFyp%2Fuploads%2Fsr9LFlluRe2pXHv9eLRl%2Fimage.png?alt=media\&token=7b065e4c-62e4-4c0b-9aa1-5950e580d6f4)

The *Emerging World* holon node has been shrunk to its *collapsed-selected* state. Since this book has only a single author, its *authored by* relationship terminates at a *holon node* representing its Person author, Roger P. Briggs. *Emerging World* expresses multiple *memes* and has multiple *reviews*, so these relationship lines are each terminated by *collection-nodes* (see [#collection-visualizers](#collection-visualizers "mention") for details on collection nodes and related visuaizers). 

Graphs can be extended by right-clicking on any of the other *holon-nodes* or *collection nodes* and selecting additional relationships.  

​

![Result of extending the graph from Roger P. Briggs via the member of relationship](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgr-A9gty1QVUBTbFyp%2Fuploads%2FNdnpFfHL8FQ6gwkW69Rp%2Fimage.png?alt=media\&token=c3529fcc-b03f-4dac-baa0-17ddc6273c9b)

Notice that the graph has been extended with a line representing the *member of* relationship that terminates at a new *Agent: We-Space* *collection-node*. This represents the set of *We-Space's* for which Roger Briggs is a member.

#### Graph Visualizer Personalization Controls

The following personalization options are offered by the *Graph Visualizer*:

* ***Node Placement*** -- DAHN performs automatic layout (leveraging cytoscape.js capabilities). But agents can adjust this by using the personalization control (![](https://777163467-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgr-A9gty1QVUBTbFyp%2Fuploads%2Fug17T4F8Qdzq9ZlRgLmR%2Fimage.png?alt=media\&token=33ee6549-c543-47dd-a25c-aa7c48d318f8)) to drag a node to a different location within the graph.
* ***Node Visualizer*** -- clicking on the personalization control will present a list of alternate visualizers for a given holon-node or collection-node. 
* ***Related Node Visibility*** -- selecting a node's *Show Related* menu allows the human agent to select from among any of the relationship types they are permitted to navigate from the selected node. These results in adding nodes related via those relationships to the visible graph.  

Copyright (c) 2022, this book is offered to the world under Creative Commons license [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)