<h1 id="library-research">Library Research<a aria-hidden="true" class="anchor-heading icon-link" href="#library-research"></a></h1>
<h3 id="data-structures">Data Structures<a aria-hidden="true" class="anchor-heading icon-link" href="#data-structures"></a></h3>
<ul>
<li><strong><a href="https://graphology.github.io/">Graphology</a></strong>
<ul>
<li>"a specification and reference implementation for a robust &#x26; multipurpose JavaScript/TypeScript <code>Graph</code> object."</li>
<li>Supports directed, undirected or mixed graphs</li>
<li>Unclear if necessary at the moment</li>
</ul>
</li>
</ul>
<h3 id="rendering-libraries">Rendering Libraries<a aria-hidden="true" class="anchor-heading icon-link" href="#rendering-libraries"></a></h3>
<h4 id="viable-options">Viable Options<a aria-hidden="true" class="anchor-heading icon-link" href="#viable-options"></a></h4>
<ul>
<li><strong><a href="https://js.cytoscape.org/">Cytoscape.js</a></strong>: Graph theory (network) visualisation and analysis, supports a number of different graph displays</li>
<li><strong><a href="https://visjs.github.io/vis-network/docs/network/">Vis.JS</a></strong>: Handles pictures &#x26; manual repositioning</li>
<li><strong><a href="https://github.com/wbkd/react-flow">react-flow</a></strong>: Node-based graphs, custom node styling + html</li>
<li><strong><a href="https://graphin.antv.vision/en-US">Ant Vision</a></strong>: Fully-featured graph library from Alibaba/Ant Design, docs are <em>loosely</em> translated into English</li>
<li><strong><a href="https://github.com/beautifulinteractions/beautiful-react-diagrams">react-beautiful-diagrams</a></strong>: Schema validation, but seems fairly barebones</li>
</ul>
<h4 id="other-libraries">Other Libraries<a aria-hidden="true" class="anchor-heading icon-link" href="#other-libraries"></a></h4>
<ul>
<li><strong>Diagram or flow libraries</strong>
<ul>
<li><strong><a href="https://github.com/projectstorm/react-diagrams">react-diagrams</a></strong>: Very cool and polished</li>
<li><strong><a href="https://github.com/MrBlenny/react-flow-chart">react flowchart</a></strong>: Simple, looks straightforward</li>
</ul>
</li>
<li><strong>GraphViz:</strong> Ruled these out, as current plan is to have data come from Redux store instead of a <code>.dot</code> file or format
<ul>
<li><strong><a href="https://github.com/magjac/d3-graphviz">d3 GraphViz</a></strong>: Uses GraphViz DOT language, leverages <a href="https://github.com/hpcc-systems/hpcc-js-wasm">@hpcc-js/wasm</a> for rendering</li>
</ul>
</li>
<li><strong>Other</strong>
<ul>
<li><strong><a href="https://airbnb.io/visx/network">Visx</a></strong>: Graph implementation by AirBnB, doesn't have clear way to interact with graph</li>
<li><strong><a href="https://resources.jointjs.com/">JointJS</a></strong>: Enterprise option</li>
<li><strong><a href="https://github.com/dagrejs/dagre">dagre</a></strong> and <strong><a href="https://github.com/dagrejs/dagre-d3">dagre-d3</a></strong>: More so for directed graphs</li>
</ul>
</li>
</ul>
<h3 id="references">References<a aria-hidden="true" class="anchor-heading icon-link" href="#references"></a></h3>
<ul>
<li>Thanks to <code>@cameron#9185</code> for suggesting <a href="https://gist.github.com/hydrosquall/cf6a68305fb14e9fb45c82cbcbff0c65">his list of node-link visualization libraries</a></li>
</ul>

Library Research

dendron.dendron.docs


Welcome to the Dendron Developer Docs 

This contains all packages used in [Dendron](https://github.com/dendronhq/dendron).

The docs are organized into the following hierarchies:
- [[Development|dendron://dendron.docs/dev]] (`dev.*`): general development docs 
- [[Packages|dendron://dendron.docs/pkg]] (`pkg.*`): package specific docs
- [[Rfc|dendron://dendron.docs/rfc]] (`rfc.*`): proposals of new features from the Dendron Team and Community
