Plugins

Ogma provides a set of plugins that extend its functionality and allow you to customize the graph visualization. These plugins can be used to add features such as annotations, timeline, cards, mini-map, and more.

Timeline

@linkurious/ogma-timeline plugin allows you to visualize the temporal aspect of your graph data. It provides a timeline view that can be used to display events, changes and lifespans of your nodes and edges.

• @linkurious/ogma-timeline on Github
• Documentation
• Related examples

Annotations

Annotations plugin provides an API to to add custom annotations to the graph. It takes care of the complex interactions of positioning, resizing, creating, and deleting annotations. It also provides a handy format to persist them in a database alongside your graph.

• @linkurious/ogma-annotations on Github
• Documentation
• Example
• React example
• React wrapper and hooks
• Related examples

Cards

This plugin allows you to display additional information about nodes and edges in a card format. It can be used to show details such as node properties, edge weights, or any other relevant information.

Example, Hierarchical organization chart

Mini-map

Not a fully contained plugin, but a useful feature to have in your graph visualization. The mini-map provides a small overview of the entire graph, allowing users to navigate through large datasets more easily.

Typescript code, React code