Skip to content

Main Navigation API

Getting started

Integrations

AI agent support

Examples Playground Download Contact us Blog

Other versions →

Migration Guides

Version support policy

Vulnerability reporting

Linkurious website

Appearance

Sidebar Navigation

Gallery

Transport network analysis

GPU layoutnew

Fraud detection

iPhone parts origin

Cyber security log analysis

IT Management demo

Anti Money Laundering demo

Supply chain

Draw your graph

Graph and tablenew

Performance Workbench

Real-time collaboration

Annotationsnew

AI classification

AI recommendation systemnew

Versioned graph

Accessibilitynew

Maze navigationnew

Setup & Configuration

Data import

JSON

GEXF

Neo4j Cypher

Google Spannernew

SPARQL to JSON

CSV

Excel

Custom JSON

GraphML

MTX

Graph operations

Load graph

Read nodes and edges

Count nodes and edges

Add node

Add edge

Remove node

Remove edge

Set data

Clear

Undo redo

Integrations

React

React + Minimap

Vue

Angular

Svelte

Graph generators

Random

Grid

Tree

Small world

Power law

Styling & UI

Node styles

Radius

Color

Color pie

Shape

Text

Stroke

Outline

Icon

Image

Badge

Halo

Pulse

Custom charts

All styles

Themes

Zoom-dependent styles

Z-indexnew

Edge styles

Width

Color

Shape

Text

Badgenew

Outline

Halo

Pulse

Parallel

Arrow size

Zoom-dependent texts

Text styles

Font

Style

Color

Size

Centered

Position

Multiline

Background

Secondary

RTL support

UI

Background color

Dark mode

Cursor style

Fullscreen

All settings

Tooltip

Legend

Branding

Scrollable page

Fuzzy search

Import progressbar

Context menu

Nodes label editing

Overview control

Drag and drop

Grid backgroundnew

Layout & Transformations

Layouts

Force layout

Force layout GPUnew

Force layout GPU vs CPUnew

Force layout large graph

Force layout auto-stop

Force layout with custom node masses and edge weightsnew

Grid

Concentric

ForceLink

Continuous ForceLink

Hierarchical

Hierarchical advanced

Hierarchical sort siblings

Hierarchical pack siblingsnew

Hierarchical pack sitemapnew

Sequential Layout

Radial

Local grid

Local ForceLink

Local force

Local concentric

Local Radial

Force layout automatic settings

Incremental ungrouping

Incremental expand

Expand with pinning

Remove nodes overlap

Circular layout (plugin)

Circle-packing layout

Expand/collapse in placenew

In place resizenew

Transformations & Grouping

Filter nodes

Filter edges

Group nodes

Group edges

Visual grouping

Visual grouping clustering

Visual grouping manual

Visual grouping highlight

Visual grouping expand/collapsenew

Group on zoom

Onion Decomposition

Clustering Middleware

Node collapsing

Neighbor merging

Neighbor generation

Virtual properties

Transformation pipeline

Multilevel Groupingnew

Visual grouping Geo

Drilldown API for grouping

Group layout optimizationnew

Group layout performancenew

Grouping layout on a large graphnew

Easy Groupingnew

Analysis & Export

Analysis

Data-driven styles

Shortest path

Cycle detection

Weakly connected components

Data Lineage

Minimum Spanning Tree

BFS and DFS graph traversals

Betweenness

Other centrality measures

Community detectionnew

Data exports

CSV

Excel

Excel Advanced

GEXF

GraphML

JSON

Image exports

PNG

Export selection

PNG with watermark

SVG

PNG with geographical map

PDF

Canvas layer exportnew

Performance

Performance

GPU layoutnew

Performance (Github)

Performance (Cosmic Web)

Filtering performancenew

Fast highlight

Force layout large graph

Force layout auto-stop

Performance Workbench

Group layout performancenew

Advanced

Layers

Free drawing

Categories annotation

Distance annotation

Overlays + annotations

Context menu

Editable notes and in-place forms

Text on edge extremities

Edge badges

Flowlines

Diagrams

d3 integration

Density contours

Konva.js integration

PixiJs integration

Cluster annotationnew

Blueprint

Animated edgesnew

Async load nodes metadatanew

Parallel views with annotations

Identity card nodesnew

Org chart with DOM nodesnew

Annotations pluginnew

Interaction

Hover

Click

Select

Disabled state

Panning

Rectangle selection

Lasso (nodes)

Selection API

Custom selection

Drag nodes

Badges interactions

Node resizing

Container resizing

Edge rewiring

Group selection

Connect nodes

Keyboard interactions

Draggable/non-draggable nodes

Node snapping

Halo masking

Fast highlight

Hold space to drag

Scroll to pan

Animations

Nodes

Edges

Camera

Animate to bounds

Dataset switch

Geo Mode

Geographical mode

Dynamic geo base maps

US Airlines

Geo clustering

PNG export with geographical map

PNG export with geo map and vector-layers

Indoor maps

Vector layers and GeoJSON

Vector tiles

Native Mapbox layers

Esri/ArcGIS basemap

ESRI vector tilesnew

Geo mode integration with custom minimap

Geo mode + Heatmap

Geo mode + marker clusteringnew

Transport Network

Show Overlaping Nodes

Visual grouping

Geo mode with layoutsnew

Subgraph layouts around geo coresnew

Timeline

Timeline

Time layout

Timeline animation

Timeline with node lifespans

Complex Demos

Multiple instances

Neighborhood highlight

US Airlines

Visual grouping of arctic web

Radial layout on a transport network

Plugins

Tooltip

Mini-map

Fish-eye

Annotationsnew

Examples
Integrations
React

React

Integrations React UI

This example shows how to integrate Ogma with React using the ogma-react library.

Pager

Previous pageIntegrations

Next pageReact + Minimap

Getting started Changelog Contact us Ogma vs d3.js Ogma vs vis.js Ogma vs sigma.js Ogma vs cytoscape.js Vulnerability reporting Version support policy

Copyright © 2016-present Linkurious SAS