Skip to content

Main Navigation API

Getting started

Integrations

Examples Playground Download Contact us Blog

Other versions →

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

Parallel view

Performance Workbench

Real-time collaboration

Annotationsnew

AI classificationnew

AI recommendation systemnew

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

Data translators

JSON

GEXF

Neo4j Cypher

Google Spannernew

SPARQL to JSON

CSV

Excel

Custom JSON

GraphML

MTX

Node styles

Radius

Color

Color pie

Shape

Text

Stroke

Outline

Icon

Image

Badge

Halo

Pulse

Custom charts

All styles

Themes

Zoom-dependent styles

Edge styles

Width

Color

Shape

Text

Outline

Halo

Pulse

Parallel

Arrow size

Zoom-dependent texts

Text styles

Font

Style

Color

Size

Centered

Position

Multiline

Background

Secondary

RTL support

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

Blueprintnew

Animated edgesnew

Async load nodes metadatanew

Parallel views with annotations

Identity card nodesnew

Org chart with DOM nodesnew

Annotations pluginnew

Interaction

Hover

Click

Select

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

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

Sequential Layout

Radial

Local grid

Local ForceLink

Local force

Local concentric

Local Radial

Force layout automatic settingsnew

Incremental ungrouping

Incremental expand

Expand with pinning

Remove nodes overlap

Circular layout (plugin)

Circle-packing layout

Expand/collapse in placenew

In place resizenew

Transformations

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 Decompositionnew

Clustering Middleware

Node collapsing

Neighbor merging

Neighbor generation

Virtual properties

Transformation pipeline

Multilevel Groupingnew

Visual grouping Geonew

Drilldown API for grouping

Group layout optimizationnew

Group layout performancenew

Grouping layout on a large graphnew

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

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

UI

Background color

Cursor style

Fullscreen

All settings

Tooltip

Tooltip (with Mustache)

Legend

Branding

Scrollable page

Fuzzy search

Import progressbar

Context menu

Nodes label editing

Overview control

Drag and drop

Complex Demos

Multiple instances

Neighborhood highlight

US Airlines

Visual grouping of arctic web

Radial layout on a transport network

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

Esri/ArcGIS basemap

ESRI vector tilesnew

Geo mode + Heatmap

Geo mode + marker clusteringnew

Transport Network

Show Overlaping Nodes

Visual groupingnew

Geo mode with layoutsnew

Timeline

Timeline

Time layout

Timeline animationnew

Timeline with node lifespans

Integrations

React

React + Minimap

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

Plugins

Tooltip

Mini-map

Fish-eye

Annotationsnew

Graph generators

Random

Grid

Tree

Small world

Power law

Examples
Integrations

React

integrations react ui

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

Pager

Previous pageTimeline with node lifespans

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